:root{font-family:Inter,Noto Sans CJK SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#202a35;background:#f3f6f8;font-synthesis:none;font-size:14px;font-weight:400;--ink: #202a35;--muted: #687583;--soft: #8a96a2;--line: #e0e6eb;--surface: #fff;--canvas: #f3f6f8;--accent: #426fc4;--accent-strong: #325fae;--accent-soft: #edf3fd;--success: #228261;--danger: #b74a55}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea,select{font:inherit}button{color:inherit;border:0;background:none;cursor:pointer;touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.52}a{color:inherit;text-decoration:none}svg{flex:none}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #76a4f4;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.primary,.ghost-button,.outline-button,.text-button,.icon-button,.send-button,.cancel-button,.new-project,.agent-switch button,.composer-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:8px;transition:background-color .16s ease,color .16s ease,border-color .16s ease}.primary{padding:0 15px;background:var(--accent);color:#fff;font-weight:650;box-shadow:none}.primary:hover:not(:disabled){background:var(--accent-strong)}.ghost-button{padding:0 11px;border:1px solid var(--line);background:#fff;color:#44515e;font-size:12px;font-weight:600}.ghost-button:hover:not(:disabled){background:#f7f9fb;border-color:#c8d2dc}.text-button{min-height:34px;padding:0 6px;color:var(--accent);font-size:12px;font-weight:650}.text-button:hover{color:#234f9d;background:var(--accent-soft)}.danger-text{color:var(--danger)}.icon-button{width:40px;min-width:40px;min-height:40px;color:#586673}.icon-button:hover{color:var(--ink);background:#f0f3f6}.green-dot{width:7px;height:7px;flex:none;border-radius:50%;background:#37a27b}.app-shell{--sidebar-width: 220px;--creator-width: 350px;min-height:100vh;height:100vh;display:grid;grid-template-columns:minmax(180px,var(--sidebar-width)) 8px minmax(0,1fr) 8px minmax(300px,var(--creator-width));grid-template-rows:62px minmax(0,1fr);background:var(--canvas)}.topbar{z-index:5;grid-column:1 / -1;display:flex;align-items:center;gap:24px;padding:0 22px;border-bottom:1px solid var(--line);background:#fff}.brand{display:inline-flex;align-items:center;gap:9px;min-width:190px;white-space:nowrap;font-size:15px;font-weight:750;letter-spacing:-.035em}.brand b{color:#65717c;font-weight:500}.brand-mark{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;color:#fff;background:#416ebd}.topbar-project{display:flex;align-items:center;gap:9px;min-width:0;color:#73808c}.topbar-project strong{overflow:hidden;color:#293540;font-size:13px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.topbar-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.panel-toggles{display:flex;align-items:center;gap:2px}.pane-toggle{width:36px;min-width:36px;min-height:36px;color:#647382}.pane-toggle:hover{color:#315a99;background:#edf3fb}.system-status{display:inline-flex;align-items:center;gap:8px;color:#6f7c88;font-size:12px}.sidebar{grid-column:1;grid-row:2;display:flex;flex-direction:column;min-height:0;padding:22px 12px 15px;border-right:1px solid var(--line);background:#f8fafb}.sidebar-resizer{grid-column:2;grid-row:2}.creator-resizer{grid-column:4;grid-row:2}.pane-resizer{position:relative;z-index:4;display:block;width:8px;min-width:8px;cursor:col-resize;touch-action:none;outline:0;background:transparent}.pane-resizer:after{position:absolute;inset:0 auto 0 3px;width:1px;content:"";background:#dfe5ea;transition:background-color .14s ease,width .14s ease,left .14s ease}.pane-resizer:hover:after,.pane-resizer:focus-visible:after,.pane-resizer.dragging:after{left:2px;width:3px;border-radius:4px;background:#7193c7}.pane-resizer:focus-visible{outline:2px solid #8eabd6;outline-offset:-2px}.pane-resizing,.pane-resizing *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}.app-shell.sidebar-collapsed{grid-template-columns:0 0 minmax(0,1fr) 8px minmax(300px,var(--creator-width))}.app-shell.creator-collapsed{grid-template-columns:minmax(180px,var(--sidebar-width)) 8px minmax(0,1fr) 0 0}.app-shell.sidebar-collapsed.creator-collapsed{grid-template-columns:0 0 minmax(0,1fr) 0 0}.sidebar-collapsed .sidebar,.sidebar-collapsed .sidebar-resizer,.creator-collapsed .agent-panel,.creator-collapsed .creator-resizer{display:none}.sidebar-section-title{padding:0 11px 11px;color:#74818d;font-size:12px;font-weight:650}.project-list{min-height:90px;overflow-y:auto}.project-row{display:flex;align-items:center;gap:10px;width:100%;min-height:58px;margin-bottom:3px;padding:8px 9px;border-radius:8px;color:#495762;text-align:left}.project-row:hover{background:#f0f3f6}.project-row.active{color:#2c4f83;background:#eaf0f8}.project-glyph{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:8px;color:#62758b;background:#edf1f5}.project-row.active .project-glyph{color:#416ebd;background:#dbe6f6}.project-details{display:flex;flex-direction:column;gap:4px;min-width:0}.project-details strong{overflow:hidden;font-size:12px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.project-details small{color:#87929c;font-size:10px}.sidebar-empty{padding:12px 10px;color:#798692;font-size:12px;line-height:1.6}.new-project{justify-content:flex-start;margin-top:7px;padding:0 11px;color:#3e68ad;font-size:12px;font-weight:650}.new-project:hover{background:#eaf0f8}.sidebar-bottom{display:flex;align-items:center;gap:8px;margin-top:auto;padding:14px 8px 1px;border-top:1px solid var(--line);color:#77848f;font-size:10px}.editor{grid-column:3;grid-row:2;min-width:0;min-height:0;overflow:auto;padding:24px 26px 30px}.editor-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:17px}.editor-heading h1{margin:3px 0 0;overflow:hidden;color:#26323d;font-size:22px;font-weight:700;letter-spacing:-.045em;text-overflow:ellipsis;white-space:nowrap}.eyebrow{color:#687989;font-size:11px;font-weight:600}.editor-actions{display:flex;align-items:center;gap:7px}.export-button{min-height:40px;font-size:12px}.notice{display:flex;align-items:center;gap:9px;margin:0 0 14px;padding:10px 12px;border:1px solid #e4d4b7;border-radius:8px;background:#fffaf0;color:#6f5728;font-size:12px}.notice span{flex:1;min-width:0;white-space:pre-wrap;overflow-wrap:anywhere}.notice button{display:grid;place-items:center;width:30px;height:30px;border-radius:6px;color:#715d39}.notice button:hover{background:#f7efdf}.preview-section,.assets-section{overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.preview-section{min-height:0}.assets-section{margin-top:14px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:51px;padding:0 14px;border-bottom:1px solid #e8edf1}.section-heading>div:first-child{display:flex;align-items:center;gap:9px;min-width:0}.section-heading strong{color:#303c47;font-size:12px;font-weight:700;white-space:nowrap}.section-subtitle{overflow:hidden;margin-left:2px;color:#87939e;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.heading-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:7px;color:#426eb5;background:#edf3fb}.heading-icon.asset-icon{color:#58758f;background:#eef3f6}.preview-controls{display:flex;align-items:center;gap:14px}.stage-status{display:inline-flex;align-items:center;gap:7px;color:#7d8994;font-size:10px;white-space:nowrap}.stage-status>span{width:7px;height:7px;border-radius:50%;background:#a3adb6}.stage-status.ready>span{background:#39a37b}.studio-open{display:inline-flex;align-items:center;gap:5px;color:#647b9a;font-size:11px;font-weight:600}.studio-open:hover{color:#335f9e}.studio-frame{height:min(54vh,660px);min-height:340px;overflow:hidden;background:#171c22}.studio-frame iframe{display:block;width:100%;height:100%;border:0}.studio-placeholder{display:grid;width:100%;height:100%;min-height:inherit;place-items:center;background:#f6f8fa}.placeholder-center{display:flex;flex-direction:column;align-items:center;max-width:365px;padding:24px;text-align:center}.placeholder-play{width:47px;height:47px;display:grid;place-items:center;margin-bottom:15px;border:1px solid #dce4ee;border-radius:12px;color:#426eb5;background:#fff}.placeholder-center h2{margin:0 0 7px;color:#35424e;font-size:17px;font-weight:680;letter-spacing:-.02em}.placeholder-center p{margin:0 0 15px;color:#76838f;font-size:12px;line-height:1.65}.outline-button{padding:0 13px;border:1px solid #d4deea;color:#4168a5;background:#fff;font-size:12px;font-weight:600}.outline-button:hover{background:#f2f6fb}.preview-section:has(.studio-placeholder) .studio-frame{background:#f6f8fa}.asset-actions .ghost-button{min-height:34px;padding:0 9px;border-color:transparent;color:#4d6176}.asset-grid{display:flex;gap:12px;min-height:114px;padding:13px 14px;overflow-x:auto}.assets-empty{display:flex;align-items:center;gap:10px;padding:19px 5px;color:#7c8994;font-size:12px}.asset-card{display:flex;flex:0 0 125px;flex-direction:column;gap:7px;min-width:0}.asset-thumb{height:70px;display:grid;place-items:center;overflow:hidden;border:1px solid #e4e9ee;border-radius:7px;color:#8593a1;background:#f1f4f6}.asset-thumb img,.asset-thumb video{width:100%;height:100%;object-fit:cover}.asset-meta{display:flex;flex-direction:column;gap:3px;min-width:0}.asset-meta strong{overflow:hidden;color:#45515c;font-size:10px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.asset-meta small{color:#89949e;font-size:10px}.empty-stage{display:flex;min-height:520px;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-visual{position:relative;width:120px;height:108px;margin-bottom:15px}.empty-visual-inner{position:absolute;top:14px;right:19px;bottom:14px;left:19px;display:grid;place-items:center;border:1px solid #d7e1ee;border-radius:20px;color:#426eb5;background:#fff}.empty-orbit{position:absolute;top:2px;right:7px;bottom:2px;left:7px;border:1px solid #dfe6ed;border-radius:25px;transform:rotate(-14deg)}.empty-stage h2{margin:3px 0 8px;color:#303c47;font-size:23px;font-weight:700;letter-spacing:-.04em}.empty-stage p{max-width:370px;margin:0 0 17px;color:#74818d;font-size:13px;line-height:1.7}.agent-panel{grid-column:5;grid-row:2;display:flex;flex-direction:column;min-width:0;min-height:0;border-left:1px solid var(--line);background:#fff}.agent-panel-head{display:flex;align-items:center;justify-content:space-between;min-height:62px;padding:0 15px;border-bottom:1px solid #e8edf1}.agent-panel-title{display:flex;align-items:center;gap:10px}.agent-spark{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;color:#4b6f9f;background:#edf3f9}.agent-panel-title>div{display:flex;flex-direction:column;gap:3px}.agent-panel-title strong{color:#303c47;font-size:13px;font-weight:700}.agent-panel-title small{color:#84909a;font-size:10px}.composer-tabs{display:grid;grid-template-columns:1fr 1.2fr .8fr;gap:3px;padding:8px 10px;border-bottom:1px solid #e8edf1}.composer-tabs button{min-width:0;min-height:39px;gap:5px;padding:0 5px;color:#667480;font-size:11px;font-weight:600;white-space:nowrap}.composer-tabs button:hover{background:#f5f7f9}.composer-tabs button.active{color:#315a99;background:#edf3fb}.agent-config{padding:13px 15px 14px;border-bottom:1px solid #e8edf1}.generate-config{display:flex;flex-direction:column;gap:9px}.effort-label{margin-top:11px}.agent-config .field-hint{margin-top:5px}.field-label,.field label{display:block;margin:0 0 6px;color:#53616d;font-size:11px;font-weight:650}.field-row{display:flex;align-items:center;justify-content:space-between;min-height:26px}.field-row .field-label{margin:0}.field-row .text-button{min-height:29px}.select-wrap{position:relative;width:100%}.select-wrap select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;min-height:40px;padding:0 32px 0 10px;border:1px solid #dce3e9;border-radius:7px;outline:none;color:#34414d;background:#fff;font-size:12px}.select-wrap select:focus-visible{outline:3px solid #76a4f4;outline-offset:1px}.select-wrap>svg{position:absolute;top:12px;right:10px;pointer-events:none;color:#84919c}.connection-summary{display:flex;align-items:center;gap:8px;min-width:0;margin-top:-4px;color:#7b8792;font-size:10px}.connection-summary>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connection-protocol{padding:3px 6px;border-radius:4px;color:#426596;background:#edf3fa;font-weight:650}.inline-empty,.default-connection-note{color:#77848f;font-size:10px;line-height:1.5}.default-connection-note{margin-top:10px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.field{min-width:0}.field label span{float:right;color:#929da7;font-weight:450}.field-hint{display:block;margin-top:5px;color:#82909b;font-size:10px;line-height:1.45}.check-row{display:flex;align-items:center;gap:8px;min-height:34px;color:#56636f;font-size:11px}.check-row input{width:16px;height:16px;accent-color:var(--accent)}.agent-switch{display:grid;grid-template-columns:1fr 1fr;gap:7px}.agent-switch button{justify-content:flex-start;min-height:41px;padding:0 8px;border:1px solid #dce3e9;color:#63717d;font-size:11px;font-weight:650;white-space:nowrap}.agent-switch button:hover{background:#f7f9fb}.agent-switch button.active{border-color:#b9cce7;color:#315991;background:#edf3fb}.agent-identity{width:18px;height:18px;display:grid;place-items:center;border-radius:5px;font-size:10px;font-weight:800}.codex-id{color:#405d58;background:#dce8e4}.claude-id{color:#795c42;background:#f2e5d7}.agent-dot{width:6px;height:6px;margin-left:auto;border-radius:50%;background:#aab2b9}.agent-dot.online{background:#39a37b}.model-label{margin-top:13px}.image-config{min-height:81px}.image-model{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px;color:#465d75;font-size:12px;font-weight:650}.image-model span{display:inline-flex;align-items:center;gap:7px}.image-model small{color:#85919b;font-size:10px;font-weight:450}.image-config p{margin:2px 0 0;color:#7a8792;font-size:11px}.conversation{flex:1;min-height:80px;overflow:auto;padding:17px 15px}.conversation-intro{display:flex;flex-direction:column;align-items:flex-start;padding:0 1px 14px}.intro-icon{width:35px;height:35px;display:grid;place-items:center;margin-bottom:10px;border-radius:9px;color:#5276a7;background:#edf3fa}.conversation-intro h2{margin:0 0 5px;color:#34414d;font-size:14px;font-weight:700}.conversation-intro p{margin:0;color:#7a8792;font-size:11px;line-height:1.55}.job-history{padding:11px 0;border-top:1px solid #e8edf1}.history-count{color:#919ca6;font-size:10px}.history-item{display:flex;align-items:center;gap:8px;width:100%;min-height:45px;padding:6px;border-radius:6px;text-align:left}.history-item:hover,.history-item.active{background:#f2f5f8}.job-dot{width:21px;height:21px;display:grid;place-items:center;flex:none;border-radius:50%;color:#71808d;background:#eff2f5}.job-dot.completed{color:#258160;background:#e8f4ef}.job-dot.running{color:#9b7532;background:#f7f1e3}.job-dot.failed{color:#b74a55;background:#f8ecee}.job-dot.cancelled{color:#73808b;background:#eff2f5}.history-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.history-copy strong{overflow:hidden;color:#48545f;font-size:10px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.history-copy small{color:#8e99a3;font-size:9px}.history-state{margin-left:auto;color:#84909a;font-size:9px;white-space:nowrap}.activity-feed{padding-top:12px;border-top:1px solid #e8edf1}.feed-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;color:#485560;font-size:11px;font-weight:700}.feed-title>span:first-child{display:inline-flex;align-items:center;gap:6px}.status-chip{padding:4px 7px;border-radius:5px;color:#66727d;background:#f0f3f5;font-size:9px;font-weight:600}.status-chip.running{color:#896a31;background:#f7f1e3}.status-chip.completed{color:#207654;background:#e8f4ef}.status-chip.failed{color:#a7404c;background:#f8ecee}.status-chip.cancelled{color:#697681;background:#eef1f3}.activity-feed p{max-height:128px;overflow:auto;margin:0 0 6px;padding:7px 8px;border-radius:6px;color:#5f6d79;background:#f5f7f9;font-size:10px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.activity-feed p.event-error{color:#93414a;background:#fbf0f1}.cancel-button{min-height:34px;padding:0 8px;color:#9a565d;font-size:10px}.cancel-button:hover{background:#fbf0f1}.composer{position:relative;z-index:6;flex:none;padding:11px 12px 14px;border-top:1px solid #e5eaee;background:#fbfcfd}.composer-box{overflow:hidden;border:1px solid #d9e1e8;border-radius:9px;background:#fff}.composer-box:focus-within{border-color:#8eabd6;box-shadow:0 0 0 2px #dfeafa}.reference-chips{display:flex;flex-wrap:wrap;gap:5px;padding:8px 10px 0}.reference-chip{display:inline-flex;align-items:center;gap:3px;max-width:100%;min-height:25px;padding:0 4px 0 8px;border:1px solid #dce6f2;border-radius:6px;color:#45638b;background:#f3f7fc;font-size:10px}.reference-chip>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reference-chip button{display:grid;place-items:center;width:20px;height:20px;border-radius:4px;color:#76879b}.reference-chip button:hover{color:#a6404d;background:#f8e9eb}.composer textarea{display:block;width:100%;min-height:104px;resize:vertical;padding:11px 12px 6px;border:0;outline:0;color:#293641;background:transparent;font-size:12px;line-height:1.55}.composer textarea::placeholder{color:#939ea8}.composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:3px 7px 7px 11px}.composer-bottom>span{overflow:hidden;color:#87929c;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.reference-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:30px;padding:0 7px;border-radius:6px;flex:none;color:#647487;font-size:10px;font-weight:600}.reference-button:hover,.reference-button.has-references{color:#365f9d;background:#edf3fb}.asset-picker{position:absolute;right:12px;bottom:calc(100% + 7px);left:12px;z-index:12;display:flex;max-height:min(390px,48vh);flex-direction:column;overflow:hidden;border:1px solid #dbe3eb;border-radius:10px;background:#fff;box-shadow:0 12px 36px #24344724}.asset-picker-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;border-bottom:1px solid #edf0f3}.asset-picker-head>div{display:flex;flex-direction:column;gap:3px}.asset-picker-head strong{color:#34414d;font-size:11px}.asset-picker-head small,.asset-picker-foot{color:#84909b;font-size:9px}.asset-picker-head .icon-button{width:30px;min-width:30px;min-height:30px}.asset-picker-list{overflow-y:auto;padding:5px}.asset-pick{display:flex;align-items:center;gap:8px;width:100%;min-height:48px;padding:5px;border-radius:7px;text-align:left}.asset-pick:hover,.asset-pick.selected{background:#f1f5fa}.asset-pick-thumb{display:grid;width:38px;height:34px;place-items:center;flex:none;overflow:hidden;border:1px solid #e1e7ed;border-radius:5px;color:#71839a;background:#f1f4f7}.asset-pick-thumb img{width:100%;height:100%;object-fit:cover}.asset-pick-copy{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}.asset-pick-copy strong{overflow:hidden;color:#43515d;font-size:10px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.asset-pick-copy small{color:#88939e;font-size:9px}.asset-pick-check{display:grid;width:20px;height:20px;place-items:center;flex:none;border:1px solid #d7e0e8;border-radius:5px;color:#fff;background:#fff}.asset-pick.selected .asset-pick-check{border-color:#416ebd;background:#416ebd}.asset-picker-empty{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px 12px;color:#788591;font-size:10px}.asset-picker-empty .text-button{min-height:30px;font-size:10px}.asset-picker-foot{padding:8px 11px;border-top:1px solid #edf0f3;line-height:1.45}.prompt-count{flex:none;color:#84909b;font-size:10px;font-variant-numeric:tabular-nums}.send-button{width:34px;min-width:34px;min-height:34px;color:#fff;background:var(--accent)}.send-button:hover:not(:disabled){background:var(--accent-strong)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:18px;overflow-y:auto;background:#18212c66}.create-modal,.settings-modal{position:relative;width:min(100%,480px);max-height:calc(100vh - 36px);overflow-y:auto;padding:26px;border:1px solid #dce3e9;border-radius:12px;background:#fff;box-shadow:0 20px 60px #21324626}.create-modal h2,.settings-modal h2{margin:0 0 6px;color:#2b3742;font-size:20px;font-weight:700;letter-spacing:-.035em}.create-modal p,.settings-modal p{margin:0 0 18px;color:#77848f;font-size:12px;line-height:1.6}.modal-close{position:absolute;top:16px;right:16px;width:36px;min-height:36px;display:grid;place-items:center;border-radius:7px;color:#788590}.modal-close:hover{background:#f1f4f6;color:#293641}.modal-icon{width:40px;height:40px;display:grid;place-items:center;margin:0 0 14px;border-radius:9px;color:#456eae;background:#edf3fb}.create-modal label,.connection-form label{display:block;margin:14px 0 6px;color:#4d5b67;font-size:11px;font-weight:650}.create-modal label span{float:right;color:#929ca5;font-weight:450}.create-modal input,.create-modal textarea,.connection-form input{width:100%;min-height:42px;padding:9px 11px;border:1px solid #dce3e9;border-radius:7px;outline:none;color:#293641;background:#fff;font-size:12px}.create-modal textarea{resize:vertical}.create-modal input:focus,.create-modal textarea:focus,.connection-form input:focus{border-color:#8eabd6;box-shadow:0 0 0 2px #dfeafa}.modal-submit{width:100%;margin-top:18px}.settings-modal{width:min(100%,560px);max-height:min(780px,calc(100dvh - 36px));padding:18px;overscroll-behavior:contain}.settings-head{position:sticky;top:-18px;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:-18px -18px 12px;padding:16px 18px 11px;border-bottom:1px solid #edf0f3;background:#fff}.settings-head>div{display:flex;align-items:flex-start;gap:12px}.settings-head .modal-icon{margin:0}.settings-head h2{font-size:18px}.settings-head p{margin:0}.settings-head .modal-close{position:static}.connection-list{display:flex;flex-direction:column;gap:7px;max-height:145px;overflow-y:auto}.connection-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border:1px solid #e4e9ee;border-radius:8px}.connection-item-main{display:flex;align-items:center;gap:10px;min-width:0}.connection-icon{width:33px;height:33px;display:grid;place-items:center;flex:none;border-radius:8px;color:#54739d;background:#eef3f8}.connection-item-main>div{display:flex;flex-direction:column;gap:4px;min-width:0}.connection-item-main strong{display:flex;align-items:center;gap:7px;color:#34414d;font-size:12px;font-weight:650}.connection-item-main small{overflow:hidden;color:#7d8994;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.default-pill{padding:3px 6px;border-radius:5px;color:#426896;background:#edf3fb;font-size:9px;font-weight:600}.connection-actions{display:flex;align-items:center;gap:4px;flex:none}.settings-empty{padding:14px;border:1px dashed #d9e1e8;border-radius:8px;color:#77848f;font-size:11px;text-align:center}.connection-form{margin-top:12px;padding-top:11px;border-top:1px solid #e6ebef}.connection-form-title{display:flex;align-items:center;justify-content:space-between}.connection-form-title h3{margin:0;color:#35424e;font-size:13px;font-weight:700}.connection-form .field{margin-top:8px}.connection-form .field label{margin:0 0 6px}.connection-form .check-row{display:flex;margin:9px 0 0}.connection-form .field-grid{gap:12px}.connection-form .field-grid .field{margin-top:8px}.connection-form .select-wrap select{min-height:42px;font-size:12px}.connection-form .field-hint{margin-top:4px}.default-check{margin-top:9px}.connection-form-actions{position:sticky;bottom:-18px;display:flex;justify-content:flex-end;gap:8px;margin:10px -18px -18px;padding:10px 18px 18px;border-top:1px solid #edf0f3;background:#fff}.connection-form-actions .primary,.connection-form-actions .ghost-button{min-width:100px}.settings-notice{margin:0 0 12px}.form-error{margin-top:8px;color:#a3404b;font-size:11px}.loading-screen{display:flex;min-height:100vh;align-items:center;justify-content:center;gap:9px;color:#586674}.login-page{display:grid;min-height:100vh;grid-template-columns:48% 52%;background:#fff}.login-art{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:#edf2f6}.login-mark{position:absolute;top:30px;left:34px;color:#426eb5}.login-preview{position:relative;width:min(62%,370px);aspect-ratio:4 / 5;display:grid;place-items:center;overflow:hidden;border:1px solid #d7e1ea;border-radius:15px;background:#dce5ed}.login-preview:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(155deg,#aebfce,#d7e0e8 45%,#bcc9d4)}.login-preview span{z-index:1;width:56px;height:56px;display:grid;place-items:center;border:1px solid #ffffffad;border-radius:50%;color:#fff;background:#405c7a60}.login-preview i{position:absolute;z-index:1;bottom:14%;width:34%;height:1px;background:#ffffffa3}.login-preview i:nth-of-type(2){bottom:19%;width:51%}.login-preview i:nth-of-type(3){bottom:24%;width:26%}.login-art-caption{position:absolute;bottom:31px;left:35px;color:#617283;font-size:12px;font-weight:600}.login-content{display:flex;min-height:100vh;flex-direction:column;padding:30px 8vw 25px}.login-content .brand{min-width:0}.login-box{width:min(100%,390px);margin:auto 0}.login-box h1{margin:0 0 9px;color:#283540;font-size:27px;font-weight:730;letter-spacing:-.05em}.login-box>p{margin:0 0 28px;color:#77848f;font-size:13px}.login-box label{display:block;margin-bottom:8px;color:#43515d;font-size:12px;font-weight:650}.input-wrap{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 12px;border:1px solid #dce3e9;border-radius:8px;color:#87939d;background:#fff}.input-wrap:focus-within{border-color:#8eabd6;box-shadow:0 0 0 2px #dfeafa}.input-wrap input{width:100%;height:43px;border:0;outline:0;color:#293641;background:transparent}.input-wrap input::placeholder{color:#99a3ac}.login-button{width:100%;min-height:46px;margin-top:14px}.login-foot{display:flex;align-items:center;gap:8px;color:#84919b;font-size:10px}@media(max-width:1220px){.app-shell:not(.sidebar-collapsed):not(.creator-collapsed){grid-template-columns:minmax(180px,var(--sidebar-width)) 7px minmax(0,1fr) 7px minmax(300px,var(--creator-width))}.editor{padding:20px 18px 24px}.topbar{padding:0 17px}.brand{min-width:170px}}@media(max-width:980px){.app-shell{grid-template-columns:68px minmax(0,1fr);grid-template-rows:60px minmax(0,1fr) auto;height:auto;min-height:100vh}.app-shell.sidebar-collapsed{grid-template-columns:0 minmax(0,1fr)}.app-shell.creator-collapsed{grid-template-columns:68px minmax(0,1fr)}.app-shell.sidebar-collapsed.creator-collapsed{grid-template-columns:0 minmax(0,1fr)}.pane-resizer{display:none}.topbar{grid-row:1}.sidebar{grid-column:1;grid-row:2 / 4;align-items:center;padding:16px 6px}.sidebar-section-title,.project-details,.sidebar-bottom{display:none}.project-list{display:flex;flex-direction:column;width:100%}.project-row{justify-content:center;min-height:46px;padding:5px}.project-glyph{width:36px;height:36px}.new-project{width:46px;justify-content:center;padding:0;font-size:0}.editor{grid-column:2;grid-row:2}.agent-panel{grid-column:2;grid-row:3;min-height:600px;border-top:1px solid var(--line);border-left:0}.conversation{min-height:170px}.composer{padding-bottom:16px}}@media(max-width:650px){body{font-size:16px}.app-shell{display:flex;height:auto;min-height:100vh;flex-direction:column}.topbar{position:sticky;top:0;height:56px;flex:none;gap:8px;padding:0 11px}.brand{min-width:0;gap:7px;font-size:13px}.brand-mark{width:29px;height:29px}.topbar-project{margin-left:auto;max-width:125px}.topbar-project svg,.system-status{display:none}.topbar-project strong{font-size:11px}.topbar-actions{gap:3px;margin-left:0}.panel-toggles{gap:0}.pane-toggle{width:34px;min-width:34px;min-height:34px}.topbar-actions .icon-button{width:38px;min-width:38px}.sidebar{display:flex;align-items:stretch;flex:none;padding:7px 10px;border-right:0;border-bottom:1px solid var(--line)}.project-list{display:flex;flex-direction:row;gap:6px;min-height:44px;overflow-x:auto}.project-row{justify-content:flex-start;min-width:145px;min-height:43px;margin:0;padding:4px 7px}.project-details{display:flex}.project-details strong{max-width:95px;font-size:11px}.project-details small{display:none}.project-glyph{width:32px;height:32px}.new-project{width:auto;min-height:39px;align-self:flex-start;justify-content:flex-start;margin-top:4px;padding:0 7px;font-size:11px}.editor{padding:15px 10px 17px;overflow:visible}.editor-toolbar{align-items:center;gap:8px;margin-bottom:12px}.editor-heading h1{max-width:46vw;font-size:18px}.eyebrow{font-size:10px}.editor-actions{gap:5px}.editor-actions .ghost-button{display:none}.export-button{min-height:39px;padding:0 9px;font-size:10px}.editor-actions .download-button{display:inline-flex}.section-heading{min-height:47px;padding:0 9px}.section-heading>div:first-child{gap:6px}.section-heading strong{font-size:11px}.section-subtitle{display:none}.preview-controls{gap:8px}.studio-open{font-size:10px}.studio-frame{height:58vw;min-height:225px;max-height:400px}.placeholder-center{padding:14px}.placeholder-center p{font-size:11px}.assets-section{margin-top:10px}.asset-grid{min-height:104px;gap:9px;padding:10px}.assets-empty{align-items:flex-start;padding:15px 3px;font-size:11px}.asset-card{flex-basis:112px}.asset-thumb{height:63px}.agent-panel{min-height:620px;border-top:1px solid var(--line)}.agent-panel-head{min-height:56px;padding:0 12px}.composer-tabs{padding:6px 8px}.composer-tabs button{min-height:43px;font-size:11px}.agent-config{padding:12px}.field-label,.field label{font-size:12px}.select-wrap select{min-height:44px;font-size:14px}.generate-config{gap:10px}.field-hint,.connection-summary,.inline-empty,.default-connection-note{font-size:11px}.conversation{min-height:120px;padding:14px 12px}.conversation-intro p{font-size:12px}.history-item{min-height:48px}.history-copy strong{font-size:11px}.history-copy small,.history-state{font-size:10px}.composer{padding:9px 10px max(13px,env(safe-area-inset-bottom))}.composer textarea{min-height:105px;font-size:16px}.composer-bottom>span{font-size:10px}.reference-button{min-height:32px;padding:0 5px;font-size:10px}.asset-picker{right:10px;left:10px;max-height:48vh}.send-button{width:42px;min-width:42px;min-height:42px}.modal-backdrop{align-items:end;padding:8px}.create-modal,.settings-modal{width:100%;max-height:calc(100dvh - 16px);padding:19px 15px max(17px,env(safe-area-inset-bottom));border-radius:13px}.settings-head{top:-19px;margin:-19px -15px 10px;padding:14px 15px 10px}.connection-form-actions{bottom:-17px;margin:9px -15px -17px;padding:9px 15px max(17px,env(safe-area-inset-bottom))}.connection-form .field-grid{grid-template-columns:1fr;gap:0}.connection-item{align-items:flex-start}.connection-actions{gap:0}.connection-actions .text-button{padding:0 4px;font-size:11px}.connection-form input,.connection-form .select-wrap select{min-height:46px;font-size:16px}.connection-form-actions .primary,.connection-form-actions .ghost-button{min-height:44px}.login-page{display:flex;flex-direction:column}.login-art{min-height:180px;max-height:220px}.login-mark{top:18px;left:19px}.login-preview{width:105px;height:126px;aspect-ratio:auto;border-radius:10px}.login-preview span{width:40px;height:40px}.login-preview i{bottom:14%}.login-preview i:nth-of-type(2){bottom:20%}.login-preview i:nth-of-type(3){bottom:26%}.login-art-caption{display:none}.login-content{min-height:calc(100dvh - 180px);padding:20px 22px max(19px,env(safe-area-inset-bottom))}.login-box{width:100%;margin:auto 0}.login-box h1{font-size:24px}.login-box>p{margin-bottom:24px;font-size:14px}.login-box label{font-size:13px}.input-wrap{min-height:48px}.input-wrap input{height:45px;font-size:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}