:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#e8e8e8;background:#090909;font-synthesis:none;color-scheme:dark;--muted:#aaa;--border:#303030}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none;white-space:nowrap}button:disabled{cursor:not-allowed;opacity:.38}button:not(:disabled):active{transform:translateY(1px)}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid #ddd;outline-offset:3px}p,h1,h2,h3{margin:0}svg{flex-shrink:0}input,textarea{min-width:0}textarea{resize:vertical}::selection{background:#555;color:#fff}.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}.muted{font-size:12px;color:#aaa;line-height:1.8}.full{width:100%;justify-content:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:35px;padding:8px 12px;border:1px solid #383838;border-radius:6px;background:#212121;color:#dedede;font-size:12px;font-weight:500;line-height:1.4}.btn:hover:not(:disabled){background:#2c2c2c;border-color:#565656}.btn.primary{background:#e8e8e8;color:#111;border-color:#e8e8e8}.btn.primary:hover:not(:disabled){background:#fff}.btn.small{font-size:11px;min-height:29px;padding:5px 9px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;border-radius:6px;color:#b5b5b5}.icon-btn:hover:not(:disabled),.icon-btn.active{background:#303030;color:#f2f2f2}.text-button{font-size:11px;text-decoration:underline;text-underline-offset:3px;color:#b5b5b5}.field{display:block;width:100%;background:#111;border:1px solid #3f3f3f;color:#eee;border-radius:6px;padding:11px;font-size:13px;line-height:1.65}.field::placeholder{color:#999}.form-label{display:block;font-size:12px;margin:18px 0 8px;color:#bcbcbc}.inline-error,.composer-error{font-size:12px;line-height:1.7;color:#e2b6a7;margin:10px 0}.studio{height:100dvh;min-height:560px;display:flex;flex-direction:column;overflow:hidden}.topbar{height:64px;min-height:64px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 22px;border-bottom:1px solid #272727;background:#101010;gap:20px}.brand-area,.top-actions{display:flex;align-items:center;gap:18px;min-width:0}.wordmark{font-size:22px;font-weight:650;letter-spacing:-1.1px;display:flex;align-items:center;gap:7px;color:#f0f0f0}.top-divider{height:20px;width:1px;background:#353535}.project-switch{display:flex;align-items:center;gap:12px;font-size:12px;color:#c4c4c4}.stage-nav{display:flex;align-items:center;gap:5px;height:100%;padding:10px 0}.stage-nav button{height:36px;padding:0 17px;font-size:12px;color:#aaa;border:1px solid transparent;border-radius:6px;display:flex;align-items:center;gap:9px}.stage-nav button:hover{color:#eee}.stage-nav button.selected{background:#282828;border-color:#383838;color:#eee}.stage-number{font-size:10px;font-variant-numeric:tabular-nums;color:#929292}.selected .stage-number{color:#d2d2d2}.top-actions{justify-content:flex-end;gap:20px}.saved{display:flex;align-items:center;gap:5px;font-size:10px;color:#aaa}.studio-body{min-height:0;flex:1;display:grid;grid-template-columns:236px minmax(0,1fr) 360px}.library-panel{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--border);background:#141414}.panel-heading{height:90px;padding:25px 19px 16px;display:flex;align-items:flex-start;justify-content:space-between}.panel-heading h2{font-size:14px;font-weight:550}.panel-heading p{font-size:10px;color:#999;margin-top:7px}.subtle-count{font-size:10px;color:#aaa;border:1px solid #353535;border-radius:4px;padding:2px 6px}.library-search{margin:0 15px 18px;display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #313131;background:#1c1c1c;border-radius:6px;color:#aaa}.library-search input{width:100%;border:0;background:transparent;font-size:11px;color:#eee;outline:none}.library-search input::placeholder{color:#aaa}.library-search>span{font-size:14px;color:#aaa}.library-scroll{overflow-y:auto;flex:1;padding:0 10px}.library-group{margin-bottom:20px}.category-toggle{display:flex;align-items:center;gap:7px;width:100%;font-size:11px;padding:6px 7px 11px;color:#b5b5b5}.category-toggle span{flex:1;text-align:left}.category-toggle small{font-size:10px;color:#999}.library-item{border:1px solid transparent;border-radius:7px;margin:2px 0}.library-item:hover{background:#1c1c1c}.library-item.expanded{background:#222;border-color:#363636}.library-item-main{display:flex;align-items:center;width:100%;gap:9px;padding:8px 6px;text-align:left;min-height:60px}.library-item-label{display:flex;flex:1;min-width:0;flex-direction:column;gap:6px}.library-item-label strong{font-size:11px;font-weight:400;overflow:hidden;text-overflow:ellipsis}.library-item-label small{font-size:9px;color:#a0a0a0}.doc-icon{display:flex;align-items:center;justify-content:center;width:35px;height:43px;color:#bbb;border:1px solid #414141;background:#252525;border-radius:4px;flex-shrink:0}.item-caret{color:#999}.library-item.expanded .item-caret{transform:rotate(90deg)}.library-detail{padding:0 9px 12px}.library-detail p{white-space:pre-line;font-size:11px;line-height:1.8;color:#b7b7b7;max-height:140px;overflow-y:auto;padding:8px 0 12px}.library-detail>div{display:flex;gap:5px}.library-detail .btn{padding:5px 6px;font-size:10px}.category-empty{font-size:10px;color:#999;padding:10px 26px}.library-bottom{padding:14px 12px 17px;border-top:1px solid #292929}.library-bottom>.btn{width:100%;font-size:11px;justify-content:flex-start;background:transparent}.library-bottom>.btn svg:last-child{margin-left:auto}.library-note{display:flex;justify-content:center;gap:5px;color:#969696;font-size:9px;margin-top:12px}.work-area{min-width:0;min-height:0;display:flex;flex-direction:column;position:relative}.workspace-heading{height:91px;min-height:91px;padding:21px 27px 17px;display:flex;align-items:center;justify-content:space-between;background:#0e0e0e;border-bottom:1px solid #242424;gap:10px}.workspace-breadcrumb{display:flex;align-items:center;gap:7px;color:#969696;font-size:10px;margin-bottom:8px}.workspace-title h1{font-size:19px;font-weight:500;letter-spacing:-.4px;display:flex;align-items:center;gap:14px}.workspace-title h1>span{font-size:10px;font-weight:400;letter-spacing:0;color:#989898}.workspace-tools{display:flex;align-items:center;gap:10px}.prototype-label{border:1px solid #343434;border-radius:4px;font-size:9px;color:#acacac;padding:4px 7px;white-space:nowrap}.canvas{flex:1;position:relative;overflow:hidden;background-color:#050505;background-image:radial-gradient(circle,#414141 .8px,transparent 1px);background-size:20px 20px;touch-action:none;min-height:0;isolation:isolate}.canvas.pan-mode{cursor:grab}.canvas.pan-mode:active{cursor:grabbing}.canvas.connect-mode{cursor:crosshair}.canvas-caption{position:absolute;z-index:2;pointer-events:none;left:26px;top:20px;right:24px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#999}.canvas-caption>span:first-child{display:flex;align-items:center;gap:7px}.tiny-line{width:11px;height:8px;border:1px solid #999;border-radius:2px}.canvas-world{position:absolute;left:0;top:0;transform-origin:0 0;width:1px;height:1px}.edges{position:absolute;left:0;top:0;pointer-events:none;overflow:visible}.canvas-node{position:absolute;width:264px;background:#191919;border:1px solid #454545;border-radius:10px;box-shadow:0 5px 20px #0008;cursor:default;-webkit-user-select:none;user-select:none;touch-action:none}.canvas-node.reference{background:#161616;border-color:#343434}.canvas-node.selected{border-color:#bdbdbd;box-shadow:0 0 0 3px #fff1,0 8px 24px #0008}.node-heading{height:43px;display:flex;align-items:center;gap:8px;padding:0 12px;border-bottom:1px solid #303030;cursor:grab}.node-kind{display:flex;align-items:center;gap:7px;color:#b7b7b7;font-size:11px}.node-version{margin-left:auto;font-size:10px;color:#aaa;font-variant-numeric:tabular-nums}.node-more{display:flex;padding:2px;color:#b8b8b8}.node-content{padding:16px 16px 18px;min-height:116px}.node-content h2{font-size:15px;line-height:1.6;font-weight:500;color:#e4e4e4;margin-bottom:10px}.node-content p{font-size:12px;color:#b5b5b5;line-height:1.85;white-space:pre-line;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.node-content p.storyboard-copy{-webkit-line-clamp:9}.node-footer{border-top:1px solid #303030;min-height:37px;display:flex;align-items:center;justify-content:space-between;padding:6px 13px;color:#aaa;font-size:10px}.node-footer>span:first-child{display:flex;align-items:center;gap:5px}.node-footer button{font-size:10px;display:flex;align-items:center;gap:5px;background:#e0e0e0;color:#171717;padding:5px 7px;border-radius:4px}.draft-ring{width:7px;height:7px;border:1px solid #aaa;border-radius:50%}.node-port{position:absolute;top:101px;width:18px;height:18px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid #707070;border-radius:50%;background:#202020;color:#ccc;z-index:1}.input-port{width:10px;height:10px;top:105px;left:-5px;background:#777;border-color:#999}.output-port{right:-9px}.node-port:hover,.node-port.active{background:#ddd;color:#111;border-color:#eee}.frame{background-image:url(./night-bus-studio-CQX_ZpKf.jpg);background-size:200% 200%;background-repeat:no-repeat;background-color:#292929}.frame-0{background-position:0 0}.frame-1{background-position:100% 0}.frame-2{background-position:0 100%}.frame-3{background-position:100% 100%}.node-image{height:147px;margin:9px 9px 0;border-radius:5px}.node-image+.node-content{padding:12px 14px;min-height:0}.node-image+.node-content h2{margin-bottom:4px}.node-image+.node-content p{-webkit-line-clamp:2;font-size:11px}.library-thumb{width:54px;height:38px;border-radius:4px;flex-shrink:0}.sound-preview{height:120px;display:flex;align-items:center;justify-content:center;gap:12px;flex-direction:column;color:#aaa;font-size:11px;background:#202020}.canvas-bottom{position:absolute;z-index:2;left:20px;right:20px;bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none}.canvas-bottom>*{pointer-events:auto}.canvas-controls,.creation-dock{display:flex;align-items:center;padding:5px;border:1px solid #363636;background:#191919;border-radius:9px;box-shadow:0 3px 12px #0007;gap:2px}.control-divider{height:18px;width:1px;background:#393939;margin:0 4px}.zoom-label{font-size:10px;width:39px;font-variant-numeric:tabular-nums;color:#ccc}.dock-add{height:32px;display:flex;align-items:center;gap:6px;font-size:12px;padding:0 8px}.canvas-bottom>.icon-btn{background:#191919;border:1px solid #363636;border-radius:50%;width:31px;height:31px}.canvas-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none;gap:16px}.canvas-empty>*{pointer-events:auto}.canvas-empty h2{font-size:20px;font-weight:500}.canvas-empty p{font-size:12px;color:#aaa}.agent-panel{min-height:0;min-width:0;display:flex;flex-direction:column;background:#141414;border-left:1px solid #2d2d2d}.agent-header{height:76px;min-height:76px;display:flex;align-items:center;padding:0 22px;gap:11px;border-bottom:1px solid #282828}.agent-avatar{width:33px;height:33px;display:flex;align-items:center;justify-content:center;border:1px solid #444;border-radius:8px;background:#252525}.agent-header h2{font-size:13px;font-weight:550}.agent-header span{display:block;font-size:10px;color:#999;margin-top:5px}.agent-header>.icon-btn{margin-left:auto}.agent-scroll{flex:1;overflow-y:auto;padding:20px 22px 24px;min-height:100px}.conversation-label{display:flex;justify-content:space-between;font-size:10px;color:#999;margin-bottom:20px}.user-bubble{border-radius:9px 9px 2px;background:#252525;border:1px solid #303030;padding:13px 14px;font-size:12px;line-height:1.9;color:#d0d0d0;margin:0 0 22px 18px}.assistant-reply>svg{color:#ccc;margin-bottom:14px}.assistant-reply h3{font-size:18px;font-weight:450;line-height:1.7;letter-spacing:-.4px;margin-bottom:12px;max-width:260px}.assistant-reply>p{font-size:12px;color:#aaa;line-height:1.95}.agent-context-list{border-left:1px solid #4b4b4b;margin:22px 0;padding:1px 0 1px 12px;display:flex;flex-direction:column;gap:13px;font-size:11px;color:#c2c2c2}.agent-context-list>div{display:flex;align-items:center;gap:9px}.agent-hint{display:flex;gap:9px;font-size:11px;line-height:1.85;color:#999;padding-top:5px}.assistant-message{font-size:12px;line-height:1.95;color:#ccc;margin:18px 0}.assistant-message>svg{margin-bottom:8px}.task-card{border:1px solid #3b3b3b;border-radius:9px;background:#1c1c1c;margin:22px 0 0;overflow:hidden}.task-title{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid #333;gap:10px}.task-title>span{display:flex;gap:6px;align-items:center;font-size:11px}.task-title small{font-size:9px;color:#bbb}.task-steps{display:flex;flex-direction:column;gap:14px;padding:17px 14px;font-size:11px;color:#a5a5a5}.task-steps>div{display:flex;align-items:center;gap:9px}.task-steps .current{color:#eee}.step-circle{width:13px;height:13px;border:1px solid #646464;border-radius:50%;margin:1px}.step-loading{width:13px;height:13px;background:#ccc;border-radius:3px;margin:1px}.snapshot{font-size:10px;color:#aaa;padding:0 13px 13px}.snapshot summary{cursor:pointer;display:flex;justify-content:space-between;gap:8px}.snapshot p{padding-top:9px;line-height:1.9;white-space:pre-line}.task-actions{display:flex;align-items:center;justify-content:space-between;padding:0 12px 12px}.task-disclaimer{font-size:9px;text-align:center;color:#999;border-top:1px solid #333;padding:9px}.task-card .inline-error{padding:0 12px}.selection-context{margin:0 16px 8px;border:1px solid #393939;background:#202020;border-radius:6px;font-size:10px;color:#c6c6c6;padding:3px 9px}.selection-context>div{display:flex;justify-content:space-between;align-items:center}.selection-context>div>span{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.selection-context details{padding:4px 0 9px}.selection-context summary{display:flex;justify-content:space-between;cursor:pointer;color:#aaa}.input-source{display:flex;justify-content:space-between;margin-top:10px}.input-source small{color:#999}.input-source button{padding:0;display:flex;color:#aaa}.composer{position:relative;margin:0 15px 15px;border:1px solid #454545;background:#202020;border-radius:10px;padding:10px 10px 7px;font-size:11px;flex-shrink:0}.composer:focus-within{border-color:#888}.composer-context{display:flex;gap:6px;align-items:center;color:#aaa;font-size:9px;padding:1px 2px 6px;min-width:0}.composer-selection{display:flex;gap:4px;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:190px}.composer-context>span:first-child{border:1px solid #404040;border-radius:3px;padding:2px 5px;flex-shrink:0}.composer-input{width:100%;resize:none;min-height:74px;max-height:150px;border:0;outline:none;background:transparent;padding:7px 3px;color:#eee;font-size:12px;line-height:1.9}.composer-input::placeholder{color:#aaa}.composer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:3px}.composer-function{font-size:10px;display:flex;align-items:center;gap:4px;padding:6px 4px;max-width:110px}.composer-tool-icons{display:flex;align-items:center;gap:0}.composer .icon-btn{width:26px;height:28px}.composer-at{font-size:16px}.composer-send{display:flex;align-items:center;justify-content:center;width:29px;height:29px;flex-shrink:0;border-radius:6px;background:#ddd;color:#151515}.composer-send:disabled{opacity:.4}.composer-model-row{border-top:1px solid #353535;margin-top:9px;padding-top:8px;display:flex;align-items:center;justify-content:space-between;color:#a5a5a5;font-size:9px;gap:4px}.composer-model-row>button{display:flex;align-items:center;gap:5px;min-width:0;padding:0}.composer-model-row>button>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}.composer-model-row>span{flex-shrink:0}.composer-panel{position:absolute;bottom:calc(100% + 10px);left:0;right:0;z-index:10;border:1px solid #4b4b4b;background:#202020;border-radius:10px;box-shadow:0 10px 40px #000b;overflow:hidden;max-height:min(510px,calc(100dvh - 240px));display:flex;flex-direction:column;font-size:12px}.composer-panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #383838}.composer-panel-header h3{font-size:12px;font-weight:500}.composer-panel-scroll{overflow-y:auto;padding:7px;min-height:0;max-height:290px}.composer-option{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;text-align:left;padding:10px 9px;border-radius:5px;white-space:normal;color:#ccc}.composer-option:hover,.composer-option.selected{background:#353535;color:#eee}.composer-option>span{display:flex;flex-direction:column;gap:5px}.composer-option strong{font-weight:400;font-size:12px}.composer-option small{font-size:10px;color:#b0b0b0;line-height:1.5}.composer-tabs{display:flex;gap:4px;padding:9px;flex-shrink:0}.composer-tabs button{flex:1;padding:7px 6px;font-size:11px;color:#aaa;border-radius:4px}.composer-tabs button.active{background:#393939;color:#f0f0f0}.composer-panel-actions{border-top:1px solid #383838;padding:10px;flex-shrink:0}.composer-panel-actions>.btn{width:100%}.composer-skill-search{padding:10px 10px 0}.composer-skill-search .field{font-size:11px;padding:8px}.composer-skill-row{display:flex;align-items:center}.composer-skill-row>.composer-option{flex:1}.composer-skill-row>.icon-btn{margin-right:8px}.composer-skill-detail,.composer-skill-form{padding:14px;overflow-y:auto;min-height:0;line-height:1.85;font-size:11px}.composer-skill-detail h4{font-size:14px;margin:10px 0}.composer-skill-detail p{color:#bcbcbc;margin:8px 0}.composer-skill-detail ol{padding-left:18px;color:#bbb}.composer-skill-detail dl{margin:10px 0}.composer-skill-detail dt{color:#aaa}.composer-skill-detail dd{margin:0 0 6px}.composer-skill-form label{display:flex;flex-direction:column;gap:5px;margin:10px 0;font-size:11px}.composer-skill-form .field{font-size:12px}.composer-back{display:flex;align-items:center;gap:5px;color:#aaa;padding:0;font-size:11px}.composer-use-skill{width:100%;margin-top:12px}.composer-empty{padding:22px 10px;color:#aaa;font-size:11px;line-height:1.8}.composer-active-skill{display:flex;align-items:center;gap:5px;background:#323232;padding:3px 6px;border:1px solid #454545;border-radius:5px;font-size:10px}.composer-active-skill>span{flex:1}.composer-active-skill>small{color:#aaa}.composer-attachments{max-height:145px;overflow-y:auto;margin:7px 0}.composer-attachment{display:flex;gap:7px;align-items:center;background:#2b2b2b;border:1px solid #444;border-radius:5px;padding:6px;margin-top:5px}.composer-attachment>img{height:38px;width:43px;object-fit:cover;border-radius:3px}.composer-attachment>div{flex:1;min-width:0}.composer-attachment strong{font-size:10px;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:400}.composer-attachment small{display:block;color:#aaa;font-size:9px;margin-top:4px}.composer-attachment details{font-size:10px;color:#bbb;line-height:1.7;margin-top:5px}.composer-attachment details p{max-height:100px;overflow:auto}.composer-drop-zone{position:absolute;inset:0;z-index:10;background:#202020f2;border:1px dashed #aaa;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:#ddd}.composer-warning,.composer-help{font-size:10px;line-height:1.8;margin-top:8px;color:#bbb;display:flex;align-items:center;gap:5px}.composer-error{font-size:10px}.composer-advanced{display:flex;flex-wrap:wrap;gap:10px;font-size:10px;border-top:1px solid #3a3a3a;margin-top:8px;padding-top:8px}.composer-advanced label{display:flex;align-items:center;gap:4px}.composer-advanced input{accent-color:#ccc}.composer-advanced small{width:100%;color:#aaa}.context-menu{position:fixed;z-index:10;background:#202020;border:1px solid #4a4a4a;border-radius:9px;box-shadow:0 12px 40px #000b;width:234px;padding:6px;max-height:min(500px,calc(100dvh - 90px));overflow-y:auto}.context-menu>button,.context-menu>div>button{display:flex;align-items:center;gap:9px;padding:9px 10px;width:100%;text-align:left;font-size:12px;border-radius:5px}.context-menu button:hover:not(:disabled){background:#393939}.context-menu button>svg:last-child:not(:first-child),.context-menu button>small{margin-left:auto}.context-menu button>small{font-size:9px;color:#aaa}.context-menu hr{border:0;border-top:1px solid #383838;margin:5px 2px}.menu-caption{font-size:10px;color:#a5a5a5;padding:8px 10px}.context-menu .menu-back{border-bottom:1px solid #404040;font-size:11px;color:#bbb;margin-bottom:5px}.toast{position:fixed;z-index:30;bottom:28px;left:50%;transform:translate(-50%);background:#303030;color:#eee;border:1px solid #606060;box-shadow:0 6px 24px #0008;border-radius:7px;padding:12px 18px;display:flex;align-items:center;gap:9px;font-size:12px;max-width:calc(100vw - 30px);line-height:1.7}dialog{color:#eee;background:#1b1b1b;border:1px solid #444;border-radius:14px;padding:0;width:min(560px,calc(100vw - 28px));max-height:calc(100dvh - 40px);box-shadow:0 25px 100px #000b}dialog::backdrop{background:#000a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #343434;padding:16px 20px}.dialog-head h2{font-size:15px;font-weight:500}.dialog-body{padding:24px;max-height:calc(100dvh - 130px);overflow-y:auto}.dialog-body>.btn+.btn{margin-top:10px}.dialog-body h3{font-size:16px;font-weight:500;line-height:1.7}.dialog-tabs{display:flex;border-bottom:1px solid #353535;margin:20px 0 10px;gap:16px}.dialog-tabs button{font-size:12px;padding:9px 1px;color:#aaa;border-bottom:2px solid transparent}.dialog-tabs button.selected{color:#eee;border-color:#ddd}.reference-list{max-height:360px;overflow-y:auto}.reference-list>div{display:flex;align-items:center;gap:12px;padding:14px 2px;border-bottom:1px solid #323232}.reference-list>div>div:not(.frame){flex:1;min-width:0}.reference-list strong{display:block;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis}.reference-list small{display:block;font-size:10px;color:#aaa;margin-top:6px}.plan-intro{display:flex;gap:14px;align-items:center;margin-bottom:23px}.plan-intro p{color:#aaa;font-size:12px;line-height:1.9;margin-top:6px}.plan-route{display:flex;align-items:center;justify-content:space-between;padding:16px 12px;border:1px solid #414141;border-radius:7px;font-size:12px;margin:18px 0}.checklist{margin:20px 0}.checklist>div{display:flex;justify-content:space-between;gap:20px;margin:16px 0;font-size:12px}.checklist span{color:#aaa}.checklist strong{font-weight:400;text-align:right}.notice{padding:13px 14px;background:#282828;border:1px solid #3e3e3e;color:#bbb;font-size:11px;line-height:1.9;border-radius:6px;margin:20px 0}.dialog-empty{text-align:center;padding:40px 10px;color:#aaa}.dialog-empty h3{color:#ddd;margin:17px 0 10px}.dialog-empty p{font-size:12px}.help-copy{font-size:12px;color:#bbb;line-height:2;margin:15px 0 24px}.help-row{display:grid;grid-template-columns:80px 1fr;gap:12px;font-size:12px;line-height:1.9;margin-top:16px}.help-row p{color:#aaa}.save-error{padding:8px 20px;background:#303030;border-bottom:1px solid #666;font-size:11px;line-height:1.8;color:#ddd}.save-error button{text-decoration:underline;margin-left:8px}.mobile-nav{display:none}@media(min-width:1600px){.studio-body{grid-template-columns:252px minmax(0,1fr) 390px}.agent-scroll{padding:23px 26px}.composer{margin:0 20px 20px}.agent-header{padding:0 26px}.composer .icon-btn{width:28px}.composer-input{min-height:92px}.library-item-label strong{font-size:12px}}@media(max-width:1279px){.studio-body{grid-template-columns:207px minmax(0,1fr) 320px}.topbar{gap:10px;padding:0 15px}.stage-nav button{padding:0 10px;gap:6px}.brand-area{gap:12px}.saved{display:none}.workspace-heading{padding:18px}.workspace-title h1>span{display:none}.canvas-caption>span:last-child{display:none}.workspace-tools{gap:3px}.agent-scroll{padding:18px}.agent-header{padding:0 16px}.composer{margin:0 10px 12px;padding:8px}.composer .icon-btn{width:23px}.composer-function{font-size:9px;padding:5px 1px}.composer-toolbar{gap:0}.composer-model-row>button>span{max-width:175px}.canvas-bottom{left:12px;right:12px;bottom:15px;flex-wrap:wrap;gap:7px;justify-content:flex-start}.canvas-controls{padding:3px}.canvas-controls>.icon-btn{width:25px}.creation-dock{padding:3px;margin-left:auto}.creation-dock>.icon-btn{width:25px}.canvas-bottom>.icon-btn{display:none}.library-item-main{gap:7px}.library-thumb{width:45px;height:35px}.library-item-label strong{font-size:10px}.item-caret{display:none}.library-bottom .btn{font-size:10px;padding:8px}.library-detail>div{flex-wrap:wrap}}@media(max-width:1023px)and (min-width:768px){.studio-body{grid-template-columns:180px minmax(0,1fr) 290px}.topbar{height:60px;min-height:60px}.wordmark{font-size:20px}.wordmark svg{width:21px}.project-switch,.top-divider{display:none}.stage-nav{gap:0}.stage-nav button{padding:0 9px;font-size:11px}.stage-number{display:none}.library-search{margin:0 10px 16px}.panel-heading{padding:25px 14px 16px}.library-thumb{width:36px;height:32px}.doc-icon{width:27px;height:36px}.library-item-main{padding:7px 2px}.library-item-label strong{font-size:10px}.agent-header{gap:8px}.agent-scroll{padding:16px}.composer-tool-icons .icon-btn{width:21px}.composer-function{max-width:80px}.composer-send{width:26px;height:26px}.composer-model-row>button>span{max-width:158px}.creation-dock{margin-left:0}.workspace-heading{padding:18px 14px}.prototype-label{display:none}.agent-header span{font-size:9px}}@media(max-width:767px){.studio{min-height:0}.topbar{height:105px;min-height:105px;grid-template-columns:1fr auto;grid-template-rows:53px 52px;padding:0 14px;gap:0;border-bottom:1px solid #333}.brand-area{gap:10px}.wordmark{font-size:22px}.wordmark svg{width:22px}.project-switch{font-size:11px;gap:7px}.stage-nav{grid-column:1/-1;grid-row:2;padding:5px 0 10px;justify-content:center;gap:6px}.stage-nav button{font-size:12px;padding:0 12px;flex:1;justify-content:center;height:35px}.stage-number{font-size:9px}.top-actions{gap:0}.top-actions>.btn{padding:7px 9px;min-height:31px;font-size:11px}.top-divider{height:15px}.saved{display:none}.studio-body{display:flex;position:relative}.library-panel,.work-area,.agent-panel{display:none;flex:1;width:100%;min-width:0;border:0}.mobile-library>.library-panel,.mobile-canvas>.work-area,.mobile-agent>.agent-panel{display:flex}.mobile-nav{display:flex;flex-shrink:0;height:53px;padding-bottom:env(safe-area-inset-bottom,0);background:#161616;border-top:1px solid #3b3b3b}.mobile-nav>button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;color:#999;font-size:11px}.mobile-nav>button.selected{color:#eee;background:#262626}.workspace-heading{height:78px;min-height:78px;padding:14px 17px}.workspace-title h1{font-size:18px}.workspace-title h1>span{display:none}.workspace-tools{gap:4px}.prototype-label{font-size:9px}.canvas-caption{top:16px;left:18px}.canvas-caption>span:last-child{display:none}.canvas-bottom{left:10px;right:10px;bottom:16px;gap:8px;justify-content:center}.canvas-controls .icon-btn,.creation-dock .icon-btn{width:25px}.canvas-controls .control-divider{margin:0 2px}.creation-dock{margin-left:0}.canvas-controls,.creation-dock{padding:3px;gap:0}.dock-add{padding:0 5px;font-size:11px}.zoom-label{width:32px}.canvas-bottom>.icon-btn{display:none}.panel-heading{height:77px;padding:18px 22px}.library-search{margin:0 20px 15px}.library-scroll{padding:0 16px}.library-item-main{padding:10px;gap:12px}.library-item-label strong{font-size:13px}.library-item-label small{font-size:10px}.library-thumb{width:64px;height:45px}.library-group{margin-bottom:18px}.category-toggle{font-size:12px}.library-detail{padding:4px 12px 15px}.library-detail>div{flex-wrap:nowrap}.library-detail .btn{font-size:12px}.library-bottom{padding:14px 20px}.library-bottom>.btn{font-size:12px}.library-note{font-size:10px}.agent-header{height:62px;min-height:62px;padding:0 20px}.agent-header span{display:none}.agent-scroll{padding:20px 22px}.agent-scroll .assistant-reply h3{max-width:100%}.composer{margin:0 14px 12px}.composer-input{min-height:64px}.composer-tool-icons .icon-btn{width:29px}.composer-function{font-size:10px}.composer-panel{max-height:calc(100dvh - 310px)}.composer-model-row>button>span{max-width:220px}.selection-context{margin:0 14px 7px}.toast{bottom:68px;font-size:11px;width:max-content;max-width:calc(100vw - 30px)}.dialog-body{padding:19px}.checklist>div{gap:12px;font-size:11px}.plan-route{font-size:10px;padding:13px 8px}.plan-route svg{width:11px}.plan-intro{gap:10px}.plan-intro h3{font-size:15px}.plan-intro p{font-size:11px}.canvas-empty p{max-width:240px;text-align:center;line-height:1.8}.canvas-empty{padding:20px}}@media(prefers-reduced-motion:no-preference){.btn,.icon-btn,.stage-nav button{transition:background .15s,color .15s,border-color .15s}.composer-panel,.context-menu{animation:panel-in .15s ease-out}@keyframes panel-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.step-loading{animation:step-fade 1.4s ease-in-out infinite}@keyframes step-fade{50%{opacity:.3}}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}