.studio{height:100%;color:#22314b;padding:18px;box-sizing:border-box;font-size:14px}.studio *{box-sizing:border-box}.studio h2,.studio h3,.studio h4,.studio p{margin:0 0 10px}.studio button,.studio input,.studio select,.studio textarea{font:inherit}.studio button,.st-upload{border:1px solid #d9e1ed;border-radius:9px;background:#fff;padding:8px 12px;color:#334966;cursor:pointer}.studio button:hover{background:#edf3ff}.studio button:disabled{opacity:.5;cursor:wait}.studio .pri{background:#2860da;color:#fff;border-color:#2860da}.studio input,.studio select,.studio textarea{width:100%;border:1px solid #d9e1ed;border-radius:8px;padding:9px;background:#fff;color:#253752;min-width:0}.studio textarea{resize:vertical}.studio label{display:block}.studio small,.st-muted{color:#79869a;font-size:12px}.st-top,.st-taskhead{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:4px 0 18px}.st-top p{color:#7e8ba0;margin:0}.st-work{display:grid;grid-template-columns:195px minmax(0,1fr);gap:16px;height:calc(100vh - 165px);min-height:570px}.st-tasks{background:#f3f6fb;border:1px solid #e3e9f2;border-radius:14px;padding:12px;overflow:auto}.st-task{display:block;width:100%;text-align:left;margin:8px 0;overflow-wrap:anywhere}.st-task strong,.st-task small{display:block}.st-task small{margin-top:7px}.st-task.active{background:#e6eeff;border-color:#a5bff7}.st-tasks details{margin-top:24px}.st-task[hidden]{display:none}.st-check{display:flex!important;align-items:flex-start;gap:9px;margin:12px 0!important;line-height:1.6}.st-check input[type=checkbox]{width:17px!important;height:17px!important;flex:0 0 17px;margin:3px 0 0!important;padding:0!important}.st-check span{flex:1;min-width:0}.st-taskhead{min-height:70px;flex-wrap:wrap}.st-taskhead h3{font-size:19px;margin-bottom:4px;overflow-wrap:anywhere}.st-taskhead span{color:#8190a7;font-size:12px}.st-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.st-panes{display:grid;grid-template-columns:minmax(300px,0.85fr) minmax(360px,1.15fr);gap:15px;height:calc(100% - 75px);min-height:480px}.st-conversation,.st-artifact{border:1px solid #dde5f0;border-radius:14px;background:#fff;min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column}.st-context{padding:15px;border-bottom:1px solid #eaf0f7;background:#fbfcff;font-weight:600}.st-context small{display:block;margin-top:7px;font-weight:400}#st-messages{flex:1;overflow:auto;padding:17px}.st-msg{padding:13px 15px;background:#f4f7fb;border-radius:12px;margin-bottom:16px;line-height:1.8;overflow-wrap:anywhere}.st-msg.user{background:#eaf1ff;margin-left:28px}.st-msg b{font-size:12px;color:#6c809e}.st-msg div{white-space:pre-wrap}.st-msg ul{padding-left:18px;font-size:12px}.st-compose{padding:13px;border-top:1px solid #e6ecf4}.st-compose textarea{line-height:1.7;max-height:200px;margin-bottom:9px}.st-upload{display:inline-block!important;font-size:12px}.st-upload input[hidden]{display:none}#st-progress{font-size:12px;color:#7083a0;padding:0 15px;line-height:1.7}#st-progress div{max-height:65px;overflow:auto}#st-progress p{margin:0}#st-filechips{display:flex;gap:5px;flex-wrap:wrap;font-size:11px;margin-bottom:8px}#st-filechips span{background:#f0f4fc;border-radius:6px;padding:3px 5px;max-width:100%;overflow-wrap:anywhere}#st-filechips button{border:0;background:transparent;padding:2px 4px}.st-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:10px;border-bottom:1px solid #e5ecf5;background:#fbfcfe}.st-tabs button{border:0;background:transparent;font-size:12px;white-space:nowrap}.st-tabs .active{background:#e9f0ff;color:#255bd0;font-weight:600}#st-artifact-body{padding:16px;overflow:auto;flex:1;min-height:0}#st-frame{width:100%;height:calc(100% - 54px);min-height:480px;border:1px solid #e5ebf4;border-radius:10px;background:white}.st-toolbar{margin-bottom:12px}.st-toolbar button{font-size:11px}.st-empty,.st-welcome{text-align:center;padding:65px 24px;color:#8191a6;line-height:1.9}.st-welcome{max-width:600px;margin:auto}.st-welcome h2{color:#2e4260}.st-welcome>span{font-size:42px;color:#3470ea}.st-welcome button{margin:15px}.st-flow{max-width:550px;margin:20px auto}.st-node{display:flex;gap:12px;border:1px solid #dce5f2;border-radius:12px;padding:16px;background:#fff}.st-node>span{background:#eaf0ff;color:#275bd0;width:28px;height:28px;line-height:28px;text-align:center;border-radius:50%;flex-shrink:0}.st-node>div{flex:1;min-width:0}.st-node p,.st-node small{overflow-wrap:anywhere;line-height:1.7}.st-node label{margin-top:12px}.st-arrow{text-align:center;color:#a2b1c7;height:28px;padding:4px}.st-node.current{border-color:#3271e8;box-shadow:0 0 0 3px #edf3ff}.st-flowhead label{margin:10px 0}.st-test,.st-version{border:1px solid #e3eaf3;border-radius:10px;padding:14px;margin:12px 0;overflow-wrap:anywhere}.st-test p{white-space:pre-wrap;margin:7px 0 0;font-size:13px}.st-test.bad{border-color:#e9b0a6}.st-version{display:flex;justify-content:space-between;gap:12px;align-items:center}.st-version button{flex-shrink:0;font-size:12px}.st-version p{margin:5px 0;color:#7b8aa0}.st-publish-summary{background:#f5f8ff;padding:14px;border-radius:10px;line-height:1.7;margin:16px 0}.st-map-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:15px 0}.st-run{display:flex;width:100%;text-align:left;gap:15px;margin:10px 0;flex-wrap:wrap}.st-run small{flex-basis:100%}.st-enterprise,.st-run-detail{max-width:1050px;margin:auto;padding:10px 0 30px}.st-card{border:1px solid #dce5f2;border-radius:14px;padding:22px;margin-bottom:18px;background:#fff}.st-card small{margin-left:12px}#studio-error:not(:empty){background:#fff5dd;color:#82591e;border-radius:8px;padding:10px 14px;margin-bottom:10px}#st-collection{padding:20px;border:1px solid #dce5f2;border-radius:12px;margin:20px 0}#st-collection textarea{margin:10px 0}.st-run-detail #st-frame{height:650px}
#st-editor{min-height:0;min-width:0;display:flex;flex-direction:column}.st-taskhead{flex-shrink:0}.st-panes{flex:1;height:auto;min-height:0}.st-context,.st-compose,.st-tabs{flex-shrink:0}#st-progress{flex-shrink:0;max-height:95px;overflow:auto}.st-msg{font-size:13px}.st-task strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.st-top{flex-shrink:0}
#msgs:has(>#studio){padding:0;display:flex;overflow:hidden}#studio{flex:1;min-width:0;display:flex;flex-direction:column}#studio-body{flex:1;min-height:0;display:flex;flex-direction:column}.st-work{flex:1;height:auto;min-height:0}#studio-error{flex-shrink:0}.st-enterprise,.st-run-detail{overflow:auto;width:100%;min-height:0}.st-menu-button,.st-menu-scrim{display:none!important}
@media(min-width:1650px){.st-panes{grid-template-columns:minmax(380px,.9fr) minmax(500px,1.1fr)}}@media(max-width:1250px){.st-work{grid-template-columns:155px minmax(0,1fr)}.st-panes{grid-template-columns:minmax(280px,.9fr) minmax(280px,1fr)}.studio{padding:12px}}@media(max-width:1050px){.st-work{display:block;height:auto}.st-tasks{margin-bottom:12px;max-height:180px}.st-panes{grid-template-columns:1fr;height:auto;min-height:500px}.st-conversation{height:600px;min-height:500px;max-height:700px}.st-artifact{min-height:600px}.st-taskhead{padding-top:12px}#st-artifact-body{max-height:850px}#st-frame{height:620px}.st-welcome{padding:35px 10px}}@media(max-width:520px){.studio{padding:8px}.st-top{align-items:flex-start}.st-top h2{font-size:20px}.st-taskhead .st-actions{width:100%}.st-map-grid{grid-template-columns:1fr}.st-version{align-items:flex-start;flex-direction:column}.st-tabs button{padding:7px}.st-check{font-size:13px}}
@media(max-width:1050px){#msgs:has(>#studio){overflow:auto;display:block}#studio{height:auto;min-height:100%}#studio-body{display:block}.st-enterprise,.st-run-detail{overflow:visible}}
@media(max-width:760px){.app:has(#studio)>.c1{display:none}.studio-menu-open .app:has(#studio)>.c1{display:flex;position:fixed;left:0;top:0;bottom:0;z-index:61;box-shadow:5px 0 30px #1e325b33}.st-menu-button{display:inline-block!important;align-self:flex-start;margin:0 0 12px}.studio-menu-open .st-menu-scrim{display:block!important;position:fixed;inset:0;z-index:60;background:#1d2b4666;border:0;border-radius:0}.st-top{gap:10px}.st-top>button{white-space:nowrap}.st-panes{display:flex;flex-direction:column}.st-artifact{max-width:100%}.st-tabs{gap:0}.st-map-grid{grid-template-columns:1fr}}

/* Separate application library and full-width development page. */
.st-library{flex:1;min-height:0;overflow:auto;padding:4px 2px 24px}.st-library-head{padding:8px 2px 24px}.st-library-bar{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:22px}.st-search{display:flex!important;align-items:center;gap:12px;flex:1;max-width:510px}.st-search>span{white-space:nowrap;font-weight:600}.st-search input{background:#fff}.st-library-bar .st-check{margin:0!important}.st-app-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px}.studio .st-app-card{text-align:left;border:1px solid #dfe6f1;border-radius:16px;background:#fff;padding:22px;min-width:0;display:flex;flex-direction:column;gap:13px;min-height:206px;box-shadow:0 2px 8px #25375604;transition:border-color .15s,box-shadow .15s}.studio .st-app-card:hover{border-color:#9eb9ee;box-shadow:0 6px 22px #255ac712;background:#fff}.st-app-card:focus-visible{outline:3px solid #b0c8ff;outline-offset:2px}.st-app-card>strong{font-size:17px;line-height:1.5;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.st-app-card>p{color:#7b899d;font-size:13px;margin:0;overflow-wrap:anywhere}.st-card-top,.st-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.st-card-bottom{margin-top:auto;flex-wrap:wrap}.st-app-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:11px;color:#2963da;background:#edf3ff;font-size:21px}.st-app-status{font-size:11px;color:#6e819c;padding:3px 9px;background:#f4f7fc;border-radius:6px}.st-card-link{font-size:13px;font-weight:600;color:#2860cf}.st-existing-tools{margin-top:30px;border-top:1px solid #e0e7f1;padding-top:18px}.st-existing-tools summary{color:#667994;cursor:pointer;margin-bottom:16px}.st-empty[hidden]{display:none}.st-editor-nav{display:flex;align-items:center;gap:16px;flex-shrink:0;margin:0 0 10px}.st-editor-nav span{font-size:12px;color:#8b98ab}.studio .st-editor-nav button{background:transparent;border-color:transparent;padding-left:0;color:#547299}#st-editor.st-full-editor{flex:1;min-height:0}.st-full-editor .st-panes{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.st-full-editor .st-taskhead{padding:0 0 16px;min-height:58px}.st-full-editor .st-taskhead h3{font-size:21px}.st-full-editor .st-context{font-size:13px;padding:12px 16px}.st-full-editor .st-context small{margin-top:4px}.st-full-editor #st-messages{padding:20px}.st-full-editor .st-msg{font-size:14px;line-height:1.85}.st-full-editor .st-compose{padding:15px}.st-full-editor .st-compose textarea{min-height:108px}
@media(max-width:1050px){.st-library{overflow:visible}.st-full-editor .st-panes{grid-template-columns:1fr}.st-editor-nav{margin-bottom:16px}.st-library-head{padding-bottom:18px}}
@media(max-width:600px){.st-app-grid{grid-template-columns:1fr;gap:12px}.studio .st-app-card{min-height:178px;padding:18px}.st-search{max-width:none;width:100%;flex-basis:100%}.st-library-bar{gap:14px;margin-bottom:16px}.st-editor-nav span{display:none}.st-full-editor .st-taskhead h3{font-size:19px}.st-full-editor #st-messages{padding:12px}}