/* Dedicated editor body; published shell and header stay unchanged. */
.qsp-studio{--qsp-line:#e4e6e9;--qsp-text:#182125;--qsp-blue:#386fbb;color:var(--qsp-text);background:#fff;display:flex;flex-direction:column;height:calc(100dvh - 152px);min-height:610px;max-height:1100px;border:1px solid var(--qsp-line);border-radius:12px;overflow:hidden;margin:8px 0;font-size:12px;box-shadow:0 4px 24px #1c283007}
.qsp-studio *,.qsp-dialog *{box-sizing:border-box}.qsp-studio button,.qsp-dialog button{font:inherit;cursor:pointer}.qsp-studio button:disabled,.qsp-dialog button:disabled{opacity:.35;cursor:default}.qsp-studio svg,.qsp-dialog svg,.qsp-toast svg{width:17px;height:17px;flex:none}.qsp-studio input,.qsp-studio select,.qsp-studio textarea,.qsp-dialog input{font:inherit;color:inherit}.qsp-studio :focus-visible,.qsp-dialog :focus-visible{outline:2px solid #3b82c4;outline-offset:3px}.qsp-button{border:1px solid transparent;background:transparent;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:7px 10px;border-radius:6px;color:inherit;white-space:nowrap}.qsp-button:hover{background:#eff1f3}.qsp-button.qsp-primary{background:#172c37;color:white;border-color:#172c37}.qsp-button.qsp-primary:hover{background:#274654}.qsp-button.qsp-icon{width:32px;padding:6px}.qsp-wide{width:100%}.qsp-divider{height:22px;width:1px;background:var(--qsp-line);margin:0 5px}.qsp-dot{width:5px;height:5px;border-radius:50%;background:#8fa398;flex:none}.qsp-muted{color:#859099;font-size:11px}.qsp-projectbar{display:flex;align-items:center;justify-content:space-between;gap:12px;height:62px;padding:0 16px;border-bottom:1px solid var(--qsp-line);flex:none}.qsp-project-name{min-width:0;display:flex;align-items:center;gap:8px}.qsp-project-name input{width:170px;max-width:100%;font-weight:600;font-size:13px;background:transparent;border:0;padding:8px 0}.qsp-project-name small{color:#859099;font-size:10px;white-space:nowrap}.qsp-formats{display:flex;align-items:center;background:#f3f4f6;padding:3px;border-radius:8px;gap:2px}.qsp-formats .qsp-button{font-size:11px;min-height:30px;padding:6px 11px}.qsp-formats .is-active{background:white;box-shadow:0 1px 4px #00000014}.qsp-project-actions{display:flex;align-items:center;gap:2px}.qsp-workspace{flex:1;display:grid;grid-template-columns:208px minmax(320px,1fr) 270px;min-height:0}.qsp-library{border-right:1px solid var(--qsp-line);min-width:0;overflow:hidden;display:flex;flex-direction:column}.qsp-library-nav{display:grid;grid-template-columns:repeat(4,1fr);padding:12px 8px 10px;border-bottom:1px solid var(--qsp-line);gap:1px}.qsp-library-nav .qsp-button{flex-direction:column;gap:5px;padding:8px 2px;border-radius:6px;font-size:9px;color:#7b848a}.qsp-library-nav .qsp-button svg{width:18px;height:18px}.qsp-library-nav .is-active{color:#234f83;background:#edf3fb}.qsp-library-body{padding:16px 12px;overflow-y:auto;min-height:0}.qsp-section-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.qsp-section-title strong{font-size:12px;font-weight:600}.qsp-section-title>span{color:#7b858e;font-size:10px}.qsp-drop{display:flex;flex-direction:column;gap:7px;align-items:center;justify-content:center;text-align:center;min-height:104px;border:1px dashed #ced5dc;border-radius:8px;background:#fafbfc;cursor:pointer;margin-bottom:16px}.qsp-drop:hover,.qsp-drop.is-over{border-color:#477fa9;background:#eff7ff}.qsp-drop svg{color:#637987}.qsp-drop strong{font-size:11px}.qsp-drop span{font-size:9px;color:#8b959b}.qsp-drop input{width:1px;height:1px;position:absolute;opacity:0;pointer-events:none}.qsp-drop:focus-within{outline:2px solid #477fa9}.qsp-assets{display:grid;grid-template-columns:1fr 1fr;gap:14px 8px}.qsp-asset{border:0;background:transparent;padding:0;text-align:left;min-width:0}.qsp-asset>.qsp-art,.qsp-asset>img,.qsp-asset>video,.qsp-asset>.qsp-missing{height:99px;width:100%;object-fit:cover;border-radius:5px;overflow:hidden;margin-bottom:7px}.qsp-asset>span{display:block;font-size:10px;line-height:1.4;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qsp-asset>small{font-size:9px;color:#97a0a7}.qsp-asset:hover>.qsp-art{outline:2px solid #557ea6;outline-offset:2px}.qsp-edit-area{display:flex;flex-direction:column;min-width:0;min-height:0;background:#f7f8fa}.qsp-stage-toolbar{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--qsp-line);background:#fff;flex:none;gap:8px}.qsp-stage-toolbar>div{display:flex;align-items:center;gap:8px}.qsp-stage-toolbar strong{font-size:11px;font-weight:500}.qsp-stage-toolbar select{border:0;background:#f4f5f6;padding:5px;border-radius:4px;max-width:65px;font-size:10px}.qsp-stage-toolbar .qsp-button{font-size:10px;padding:5px 6px;min-height:28px}.qsp-stage-toolbar .is-active{color:#426385;background:#eef4fa}.qsp-stage-dot{width:6px;height:6px;background:#79a1ba;border-radius:50%}.qsp-stage{flex:1;position:relative;min-height:280px;background:radial-gradient(ellipse at 50% 45%,#34404a 0,#252d36 65%,#232a33);overflow:hidden}.qsp-stage-frame{position:absolute;inset:18px 20px 34px;display:flex;justify-content:center;align-items:center}.qsp-canvas{height:100%;max-height:100%;aspect-ratio:var(--ratio);max-width:100%;position:relative;isolation:isolate;container-type:inline-size;overflow:hidden;box-shadow:0 14px 44px #0004;transform:scale(var(--zoom,1));background:#e3e6e5}.qsp-stage .qsp-canvas{border-radius:3px}.qsp-canvas.qsp-safe:after{content:'';position:absolute;inset:9% 6%;border:1px dashed #fff5;z-index:5;pointer-events:none}.qsp-media{position:absolute;inset:0;overflow:hidden}.qsp-media>img,.qsp-media>video{width:100%;height:100%;object-fit:var(--fit,cover)}.qsp-art{position:relative;inset:0;width:100%;height:100%;overflow:hidden;isolation:isolate;background:#e96850;color:white}.qsp-art-coral{background:linear-gradient(145deg,#e55d44,#edaa89 68%,#adc9d4)}.qsp-art-blue{background:linear-gradient(165deg,#223e50,#6199af 65%,#c2e0d9)}.qsp-art-cream{background:linear-gradient(150deg,#ebe1d5,#f6f4ef 55%,#c1d8dc);color:#193744}.qsp-orbit{position:absolute;display:block;width:115%;aspect-ratio:1;border-radius:50%;border:1px solid currentColor;opacity:.24;left:-22%;top:-13%;transform:rotate(-20deg)}.qsp-orbit-one{border-width:23px;width:104%;left:19%;top:-22%;opacity:.23}.qsp-orbit-two{left:-64%;top:28%;border-width:32px;opacity:.12}.qsp-orbit-three{left:47%;top:64%;border-width:2px;opacity:.3}.qsp-wordmark{position:absolute;left:10%;top:13%;font-size:25cqw;font-weight:750;line-height:.82;letter-spacing:-.065em}.qsp-art-foot{position:absolute;bottom:5%;left:10%;font-size:2.2cqw;letter-spacing:.02em}.qsp-art-small .qsp-wordmark{font-size:30px;left:10%;top:12%}.qsp-art-small .qsp-art-foot{display:none}.qsp-art-small .qsp-orbit-one{border-width:7px}.qsp-art-small .qsp-orbit-two{border-width:8px}.qsp-layer{position:absolute;z-index:6;border:0;background:transparent;padding:0;margin:0;line-height:1.02;letter-spacing:-.045em;white-space:pre-line;text-align:left;font-size:calc(var(--size)*1cqw)!important;cursor:grab!important;max-width:83%;min-width:1%;touch-action:none;user-select:none;border-radius:0;transition:none}.qsp-layer.is-selected{outline:1px solid #b0d8ff;outline-offset:6px}.qsp-layer.is-selected:after{content:'';position:absolute;bottom:-9px;right:-9px;width:5px;height:5px;background:white;border:1px solid #76a9de}.qsp-layer:active{cursor:grabbing!important}.qsp-layer.is-sticker{letter-spacing:0;line-height:1.15}.qsp-stage-caption{position:absolute;bottom:10px;left:16px;right:16px;display:flex;justify-content:space-between;color:#b1bac3;font-size:9px}.qsp-stage-caption span{display:flex;align-items:center;gap:5px}.qsp-stage-caption svg{width:12px;height:12px}.qsp-stage.is-playing .qsp-orbit{animation:qsp-drift 9s ease-in-out infinite alternate}.qsp-stage.is-playing .qsp-orbit-two{animation-delay:-4s}@keyframes qsp-drift{to{transform:translate(9%,4%) rotate(18deg)}}.qsp-timeline{background:#fff;border-top:1px solid var(--qsp-line);padding:8px 12px 12px;flex:none}.qsp-timeline-top{display:flex;align-items:center;justify-content:space-between;height:30px;margin-bottom:6px;color:#8b969f;font-size:10px}.qsp-timeline-top>div{display:flex;align-items:center;gap:6px}.qsp-timeline-top strong{color:#233039;font-weight:500;font-variant-numeric:tabular-nums}.qsp-timeline-top .qsp-button{height:26px;min-height:26px;width:27px;padding:4px}.qsp-tracks{display:grid;grid-template-columns:53px minmax(0,1fr);gap:6px 8px}.qsp-track-label{display:flex;align-items:center;gap:5px;color:#8c959e;font-size:9px}.qsp-track-label svg{width:12px;height:12px}.qsp-track-clips{display:flex;gap:3px;min-width:0;height:43px}.qsp-clip{border:1px solid #d8dfe4;border-radius:5px;display:flex;align-items:center;gap:6px;background:#f6f8fa;padding:3px;text-align:left;overflow:hidden;min-width:0;color:#6c7880;font-size:10px}.qsp-clip.is-active{border-color:#5f8baa;background:#edf4f8;color:#2d5775}.qsp-clip>div{height:34px;width:28px;border-radius:3px;overflow:hidden;flex:none}.qsp-clip .qsp-wordmark{font-size:10px}.qsp-clip .qsp-art-foot{display:none}.qsp-clip .qsp-orbit-one{border-width:2px}.qsp-clip img,.qsp-clip video{width:100%;height:100%;object-fit:cover}.qsp-clip>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.qsp-clip small{font-size:8px;color:#8b9aaa}.qsp-text-track{display:flex;gap:3px;min-width:0}.qsp-text-track button{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:5px 8px;border:0;border-radius:3px;background:#f0eff8;color:#8682a1;text-align:left;font-size:9px}.qsp-audio-track{display:flex;align-items:center;height:25px;background:#edf4f0;border-radius:4px;color:#689379;font-size:9px;padding:0 8px;gap:10px;overflow:hidden}.qsp-audio-track>div{flex:1;display:flex;align-items:center;justify-content:space-around}.qsp-audio-track i{background:#9cb9a8;width:2px;border-radius:2px}.qsp-scrubber{grid-column:2;min-width:0}.qsp-scrubber input{width:100%;height:8px;accent-color:#497fa7;margin:0;display:block}.qsp-ticks{display:flex;justify-content:space-between;font-size:8px;color:#a5adb4;margin-top:5px;font-variant-numeric:tabular-nums}.qsp-inspector{border-left:1px solid var(--qsp-line);min-width:0;display:flex;flex-direction:column;overflow:hidden;background:#fff}.qsp-tabbar{height:46px;display:flex;padding:10px 12px 0;gap:4px;background:#f7f8fa;border-bottom:1px solid var(--qsp-line);flex:none}.qsp-tabbar .qsp-button{width:50%;border-radius:7px 7px 0 0;min-height:36px;font-size:11px;color:#889197}.qsp-tabbar .is-active{background:white;border:1px solid var(--qsp-line);border-bottom-color:white;margin-bottom:-1px;color:#233039}.qsp-inspector-body{overflow-y:auto;min-height:0;padding:16px}.qsp-field{display:flex;flex-direction:column;gap:7px;font-size:10px;color:#828b92;margin:0 0 14px}.qsp-field input,.qsp-field select,.qsp-field textarea{width:100%;background:#fafbfc;border:1px solid #e1e6ea;border-radius:6px;padding:9px;color:#34434b!important;font-size:11px;line-height:1.5;min-width:0}.qsp-field textarea{resize:vertical}.qsp-field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.qsp-section-label{font-size:10px;color:#828b92;margin:0 0 9px}.qsp-swatches{display:flex;align-items:center;gap:8px;margin-bottom:15px}.qsp-swatches button{width:23px;height:23px;background:var(--swatch);border-radius:50%;border:1px solid #ddd}.qsp-swatches button[aria-pressed=true]{outline:1px solid #7894ac;outline-offset:3px}.qsp-swatches input{width:24px;height:24px;padding:0;border:0;background:none}.qsp-toggle{display:flex;align-items:center;gap:8px;font-size:10px;color:#6e7a82;margin:12px 0 16px}.qsp-toggle input{accent-color:#35617d}.qsp-rule{height:1px;background:var(--qsp-line);margin:14px 0 17px}.qsp-filters{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin-bottom:16px}.qsp-filters .qsp-button{border:1px solid #e7e9eb;min-height:30px;font-size:9px;padding:5px 3px}.qsp-filters .is-active{background:#edf3f8;color:#35658b;border-color:#95b2c9}.qsp-layer-list{display:flex;flex-direction:column;gap:4px}.qsp-layer-list .qsp-button{text-align:left;justify-content:flex-start;font-size:10px;overflow:hidden}.qsp-layer-list .qsp-button span{overflow:hidden;text-overflow:ellipsis}.qsp-layer-list .is-active{background:#f0f5f9;color:#396989}.qsp-layer-list svg{width:14px;height:14px}.qsp-bottomline{height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-top:1px solid var(--qsp-line);flex:none;color:#8d969f;font-size:9px}.qsp-bottomline>span{display:flex;align-items:center;gap:6px}.qsp-bottomline svg{width:13px;height:13px}.qsp-bottomline .qsp-button{font-size:9px;height:28px;min-height:28px}.qsp-template{margin-top:24px;padding:22px 16px 20px;background:#eef2f3;border-radius:8px;display:flex;flex-direction:column;gap:24px;color:#26434e}.qsp-template>span{font-size:8px;letter-spacing:.1em}.qsp-template strong{font-size:27px;letter-spacing:-.04em;line-height:1}.qsp-template small{font-size:9px}.qsp-text-title{font-size:18px;justify-content:flex-start;margin-top:20px}.qsp-stickers{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.qsp-sticker-pick{height:60px;background:#f5f6f8;font-size:16px}.qsp-audio-card{display:flex;align-items:center;gap:7px;border:1px solid var(--qsp-line);padding:10px;border-radius:7px;margin:18px 0}.qsp-audio-card div{flex:1;min-width:0;font-size:10px}.qsp-audio-card small{display:block;margin-top:4px;color:#97a0a7;font-size:8px}.qsp-audio-card .qsp-button{font-size:9px;padding:5px}.qsp-wave-art{display:flex;gap:3px;height:65px;align-items:center;justify-content:center}.qsp-wave-art i{width:3px;background:#b4c6bc;border-radius:4px}.qsp-inline-info{padding:12px;background:#f4f7f9;border-radius:6px;color:#82929c;font-size:10px;line-height:1.6;margin:14px 0}.qsp-account{display:flex;align-items:center;gap:10px;border:1px solid var(--qsp-line);padding:11px;border-radius:7px;margin-bottom:8px}.qsp-account>span{flex:1}.qsp-account strong{font-size:11px;font-weight:500}.qsp-account small{display:block;color:#8d969f;margin-top:3px;font-size:9px}.qsp-account input{accent-color:#3e6d8b}.qsp-account+.qsp-field{margin-top:22px}.qsp-caption-count{font-size:9px;color:#a0a8ad;display:block;text-align:right;margin-top:-8px}.qsp-checkline{display:flex;align-items:center;gap:7px;color:#6c8c7b;font-size:10px;margin:12px 0}.qsp-checkline svg{width:14px;height:14px}.qsp-dialog{width:min(770px,95vw);max-height:92dvh;border:1px solid #dce2e7;border-radius:14px;padding:0;box-shadow:0 28px 90px #0004;color:#25343d}.qsp-dialog::backdrop{background:#13253377;backdrop-filter:blur(6px)}.qsp-dialog-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e4e6e9}.qsp-dialog-head small{font-size:9px;letter-spacing:.12em;color:#8fa0ab}.qsp-dialog-head h2{margin:6px 0 0;font-size:21px;font-weight:550;letter-spacing:-.035em}.qsp-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:24px}.qsp-preview-visual{height:490px;display:flex;align-items:center;justify-content:center;background:#26333d;border-radius:8px;padding:14px;overflow:hidden}.qsp-preview-visual .qsp-canvas{box-shadow:none}.qsp-preview-copy{padding-top:10px;min-width:0}.qsp-account-avatar{display:inline-flex;align-items:center;justify-content:center;background:#17333f;color:white;width:30px;height:30px;border-radius:50%;margin-right:8px}.qsp-preview-copy>small{display:block;margin-top:12px;color:#86959f;font-size:11px}.qsp-preview-copy p{white-space:pre-line;font-size:13px;line-height:1.7;margin:24px 0 30px}.qsp-preview-controls{display:flex;align-items:center;justify-content:space-between;font-size:11px}.qsp-schedule-body{padding:20px 24px}.qsp-schedule-body>p{font-size:13px;color:#85929c}.qsp-dialog-foot{padding:16px 24px;border-top:1px solid #e4e6e9;display:flex;justify-content:flex-end;gap:8px}.qsp-toast{position:fixed;bottom:40px;left:50%;transform:translateX(-50%);padding:13px 20px;background:#203540;color:white;border-radius:8px;box-shadow:0 6px 25px #0002;z-index:100000;font-size:12px;max-width:90vw}.qsp-missing{background:#eff2f4;display:flex;align-items:center;justify-content:center;gap:8px;flex-direction:column;color:#7c8992;font-size:10px}
@media(max-width:1250px){.qsp-workspace{grid-template-columns:174px minmax(300px,1fr) 240px}.qsp-project-name small,.qsp-project-name .qsp-dot{display:none}.qsp-project-name input{width:150px}.qsp-formats .qsp-button{padding:6px 8px}.qsp-projectbar{padding:0 12px;gap:8px}.qsp-inspector-body{padding:13px}.qsp-assets{gap:12px 6px}.qsp-asset>.qsp-art{height:86px}.qsp-stage-toolbar .qsp-muted{display:none}}
@media(max-width:960px){.qsp-workspace{grid-template-columns:150px minmax(280px,1fr) 215px}.qsp-projectbar{height:auto;min-height:62px;flex-wrap:wrap;padding:10px}.qsp-project-actions .qsp-button span{display:none}.qsp-project-name input{width:145px}.qsp-stage-toolbar .qsp-button span{display:none}.qsp-clip>span{display:none}.qsp-studio{min-height:670px;height:calc(100dvh - 152px)}.qsp-library-nav .qsp-button{font-size:8px}.qsp-library-body{padding:12px 8px}}
@media(max-width:760px){.qsp-studio{height:auto;max-height:none;margin:8px 0;border-radius:8px}.qsp-project-name{flex:1}.qsp-project-actions{margin-left:auto}.qsp-formats{order:3;width:100%;justify-content:center}.qsp-workspace{display:flex;flex-direction:column}.qsp-library{border-right:0;border-bottom:1px solid var(--qsp-line);max-height:220px;flex-direction:row}.qsp-library-nav{width:65px;grid-template-columns:1fr;flex:none;padding:5px;border-right:1px solid var(--qsp-line)}.qsp-library-body{width:100%;overflow:auto}.qsp-assets{display:flex;gap:10px}.qsp-asset{width:80px;flex:none}.qsp-drop{min-height:50px;float:left;width:100px;margin:0 14px 0 0;gap:3px}.qsp-drop span{display:none}.qsp-library-body .qsp-section-title{margin-bottom:8px}.qsp-stage{height:480px;flex:none}.qsp-edit-area{display:flex}.qsp-inspector{border-left:0;border-top:1px solid var(--qsp-line);max-height:none}.qsp-inspector-body{overflow:visible;padding:16px}.qsp-bottomline>span{font-size:8px}.qsp-stage-toolbar{padding:0 10px}.qsp-dialog .qsp-preview-grid{display:flex;flex-direction:column;padding:16px}.qsp-preview-visual{height:400px}.qsp-preview-copy{padding:0}.qsp-preview-copy p{margin:16px 0}.qsp-dialog{overflow-y:auto}.qsp-stickers{display:flex}.qsp-sticker-pick{height:50px}.qsp-library-body .qsp-inline-info{display:none}}
@media(prefers-reduced-motion:reduce){.qsp-stage.is-playing .qsp-orbit{animation:none}}
@font-face{font-family:StudioRoboto;src:url('/static/vendor/fonts/roboto-regular.woff2') format('woff2');font-weight:400;font-display:block}
@font-face{font-family:StudioRoboto;src:url('/static/vendor/fonts/roboto-bold.woff2') format('woff2');font-weight:600 750;font-display:block}
@font-face{font-family:StudioMontserrat;src:url('/static/vendor/fonts/montserrat-regular.woff2') format('woff2');font-weight:400;font-display:block}
@font-face{font-family:StudioMontserrat;src:url('/static/vendor/fonts/montserrat-bold.woff2') format('woff2');font-weight:600 700;font-display:block}
@font-face{font-family:StudioLato;src:url('/static/vendor/fonts/lato-regular.woff2') format('woff2');font-weight:400;font-display:block}
@font-face{font-family:StudioLato;src:url('/static/vendor/fonts/lato-bold.woff2') format('woff2');font-weight:600 700;font-display:block}
@font-face{font-family:StudioOpenSans;src:url('/static/vendor/fonts/opensans-regular.woff2') format('woff2');font-weight:400;font-display:block}
@font-face{font-family:StudioOpenSans;src:url('/static/vendor/fonts/opensans-bold.woff2') format('woff2');font-weight:600 700;font-display:block}
.qsp-art{font-family:StudioRoboto,sans-serif}.qsp-stage.is-playing .qsp-orbit{animation:none}
.qsp-bottomline{height:auto;min-height:44px;gap:8px;padding:8px 12px}.qsp-bottomline>div{display:flex;gap:8px;align-items:center}.qsp-bottomline .qsp-primary{font-size:10px;min-height:30px}
.qsp-render-dialog progress{width:100%;height:8px;accent-color:#35658b;margin:8px 0 20px}.qsp-download{display:block;color:#35658b;padding:12px 0;font-size:13px}.qsp-output-preview{display:block;width:100%;height:420px;object-fit:contain;background:#edf0f1;border-radius:8px;margin:12px 0}.qsp-audio-card{flex-wrap:wrap}.qsp-audio-card strong{overflow-wrap:anywhere}
@media(max-width:760px){.qsp-bottomline{align-items:flex-start;flex-direction:column}.qsp-bottomline>div{flex-wrap:wrap}.qsp-output-preview{height:340px}}

.qsp-canvas .qsp-orbit-one{border-width:6.5714cqw}.qsp-canvas .qsp-orbit-two{border-width:9.1429cqw}.qsp-canvas .qsp-orbit-three{border-width:.5714cqw}

.qsp-muted,.qsp-field,.qsp-section-label,.qsp-project-name small,.qsp-asset>small,.qsp-drop span,.qsp-inline-info,.qsp-caption-count,.qsp-stage-caption{color:#475569}.qsp-stage-caption{color:#d1dbe3}.qsp-canvas{background:#000}
.qsp-generate-entry{margin:0 0 12px;border-color:#bfdbfe;background:linear-gradient(115deg,#eff6ff,#fffbeb);color:#1e40af}
.qsp-generation-dialog{width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow:auto;border-radius:32px;background:rgba(255,255,255,.95);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 40px -10px rgba(0,0,0,.15),0 2px 10px -2px rgba(0,0,0,.05)}
.qsp-generation-dialog .qsp-dialog-head{padding:24px 32px;border-color:#e2e8f0}.qsp-generation-dialog h2{font-size:24px;font-weight:600;color:#0f172a}.qsp-generation-dialog .qsp-button{min-height:40px}.qsp-generation-dialog .qsp-icon{width:32px;min-height:32px;border-radius:50%;background:#ffffff}.qsp-generation-dialog :focus-visible{outline:2px solid #2563eb;outline-offset:2px}
.qsp-generation-body{padding:32px}.qsp-generation-body .qsp-field{margin:16px 0}.qsp-generation-body textarea,.qsp-generation-body select{font:inherit;color:#0f172a;background:#ffffff;border:1px solid #e2e8f0;border-radius:8px;padding:12px;resize:vertical;width:100%}
.qsp-recipe-badge{font-size:12px;color:#b45309;padding:8px 12px;background:#fffbeb;border-radius:8px;letter-spacing:.02em}
.qsp-generation-budget{display:flex;flex-direction:column;gap:8px;padding:16px;background:#f8fafc;border-radius:8px;margin:4px 0 16px}.qsp-generation-budget>span,.qsp-generation-budget>small{font-size:12px;color:#475569}.qsp-generation-budget>strong{font-size:16px;font-weight:600}
.qsp-generation-result{border-top:1px solid #e2e8f0;margin-top:24px;padding-top:20px}.qsp-generation-result progress{display:block;width:100%;height:8px;accent-color:#2563eb;margin:12px 0}.qsp-generation-result video{display:block;width:100%;height:232px;object-fit:contain;background:#f1f5f9;border-radius:8px;margin:12px 0}.qsp-generation-dialog [hidden]{display:none!important}.qsp-generation-dialog .qsp-primary{background:#2563eb;border-color:#2563eb;color:#ffffff}
.qsp-generation-dialog .qsp-primary:hover{background:#1d4ed8;border-color:#1d4ed8}@media(max-width:560px){.qsp-generation-dialog .qsp-dialog-head,.qsp-generation-body{padding:20px}.qsp-generation-dialog h2{font-size:20px}}
.qsp-generation-dialog .qsp-button{border-radius:12px;font-size:14px}.qsp-generation-dialog .qsp-icon{border-radius:50%}.qsp-generation-dialog textarea,.qsp-generation-dialog select{border-radius:12px;font-size:16px}
.qsp-generation-dialog .qsp-dialog-head{position:sticky;top:0;z-index:1;background:rgba(255,255,255,.95);backdrop-filter:blur(24px)}
.qsp-generation-entries{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.qsp-generation-entries .qsp-generate-entry{margin:0;min-height:36px}.qsp-generation-entries .qsp-generate-entry:last-child{background:#fff;color:#475569;border-color:#e2e8f0}
.qsp-stage .qsp-layer{opacity:var(--motion-opacity,1);transform:translate(var(--motion-x,0px),var(--motion-y,0px))}
.qsp-animation-scenes{display:flex;flex-direction:column;gap:12px;margin:16px 0}.qsp-animation-scene{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px}.qsp-animation-scene>span{display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:50%;background:#dbeafe;color:#1e40af;font-size:12px}.qsp-animation-scene>div{min-width:0}.qsp-animation-scene strong{font-size:14px;font-weight:600;overflow-wrap:anywhere}.qsp-animation-scene p{margin:8px 0;font-size:14px;line-height:20px;color:#475569;overflow-wrap:anywhere}.qsp-animation-scene small{font-size:12px;color:#475569}.qsp-animation-actions{display:flex;justify-content:flex-end;gap:8px;margin:16px 0 0}.qsp-generation-body>[data-animation-status]{font-size:14px;line-height:20px;overflow-wrap:anywhere}.qsp-generation-body>[data-animation-receipt]{display:block;line-height:1.5}