:root{--paper: #fdfbf7;--white: #ffffff;--bone: #f5f3f0;--scrim: rgba(24, 24, 27, .35);--warm-line: #e4e1dc;--graphite: #6e6a66;--ink: #18181b;--red: #ed1d24;--red-press: #c91820;--red-deep: #a01419;--red-tint: #fdecec;--red-tint-line: #f4b4b6;--cyan: #00b8ff;--well: #0e0f12;--well-line: #26272b;--well-text: #b9bdc7;--float: 0 8px 30px rgba(24, 24, 27, .1);--ease: cubic-bezier(.165, .84, .44, 1);--ui: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--paper);color:var(--ink);font:13.5px/1.55 var(--ui);-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:var(--ui)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.studio{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;gap:16px;padding:12px 24px;border-bottom:1px solid var(--warm-line);background:var(--paper);flex-shrink:0}.brand{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;letter-spacing:-.01em;border:none;background:transparent;color:var(--ink);font-family:inherit;cursor:pointer;padding:4px 8px;margin-left:-8px;border-radius:999px;transition:background-color .2s ease}@media(hover:hover)and (pointer:fine){.brand:hover{background:var(--bone)}}.brand svg{display:block}.crumb-sep{color:var(--warm-line);font-size:12px}.topbar .spacer{flex:1}.brands-toggle{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto}.steps{display:flex;align-items:center;gap:4px;margin-left:8px}.step{border:none;background:transparent;cursor:pointer;font-family:inherit;font-size:12px;font-weight:500;padding:6px 14px;border-radius:999px;color:var(--graphite);transition:background-color .2s ease,color .2s ease}@media(hover:hover)and (pointer:fine){.step:not(:disabled):hover{background:var(--bone)}}.step.active{background:var(--bone);color:var(--ink)}.step:disabled{cursor:default;opacity:.55}.topbar-tag{font:12px var(--mono);color:var(--graphite)}.ship-action{gap:7px;white-space:nowrap}.display{font-size:28px;font-weight:700;line-height:1.15;letter-spacing:-.02em;margin:0}.headline{font-size:22px;font-weight:600;letter-spacing:-.01em;line-height:1.2;margin:0}.sub{font-size:13.5px;line-height:1.55;color:var(--graphite);margin:8px 0 0;max-width:60ch}.hint{font-size:11px;font-weight:500;color:var(--graphite)}.mono{font-family:var(--mono);font-size:12px}.dim{color:var(--graphite)}.screen{flex:1;min-height:0;overflow-y:auto;padding:64px 24px 80px;display:flex;flex-direction:column;align-items:center;gap:56px;background:var(--paper)}.monitor-frame{position:relative;width:100%;border-radius:14px;overflow:hidden;border:1px solid var(--well-line);background:var(--well);display:flex;align-items:center;justify-content:center}.monitor-frame .empty,.monitor-frame .loading{color:var(--well-text)}.monitor-tag{position:absolute;right:16px;top:12px;font:11px var(--mono);color:var(--well-text);pointer-events:none;text-shadow:0 1px 6px rgba(14,15,18,.7)}.monitor{position:relative;flex-shrink:0;overflow:hidden;background:var(--well)}.monitor iframe{display:block;border:0;clip-path:inset(0 round 13px);transform-origin:0 0}.stage-col.text-tools-open .monitor-frame,.stage-col.text-tools-open .monitor{overflow:visible}.stage-col.text-tools-open .monitor{border-radius:14px}.stage-col.text-tools-open .monitor-frame{margin-bottom:50px}.monitor .loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--well-text);background:var(--well)}.text-format-toolbar{position:absolute;z-index:5;display:flex;align-content:center;align-items:center;gap:4px;min-height:42px;padding:4px;overflow:hidden;border:1px solid var(--warm-line);border-radius:6px;background:var(--paper);box-shadow:0 3px 8px #0e0f123d}.text-format-toolbar.error{border-color:var(--red-deep)}.text-format-toolbar button,.text-format-toolbar select{height:30px;border:0;border-radius:4px;background:transparent;color:var(--ink)}.text-format-toolbar button{display:inline-flex;width:30px;flex:0 0 30px;align-items:center;justify-content:center;padding:0}.text-format-toolbar button:hover:not(:disabled),.text-format-toolbar button.active{background:var(--bone)}.text-format-toolbar button:focus-visible,.text-format-toolbar select:focus-visible{outline:2px solid var(--cyan);outline-offset:1px}.text-format-toolbar button:disabled,.text-format-toolbar select:disabled{cursor:default;opacity:.42}.text-format-toolbar button.danger:hover:not(:disabled){background:var(--red-tint);color:var(--red-deep)}.text-font-control,.text-size-control,.text-align-control,.text-color-control{display:flex;flex:none;align-items:center}.text-font-control{gap:3px;width:126px;padding-left:5px;border-right:1px solid var(--warm-line)}.text-font-control select{width:102px;min-width:0;padding:0 18px 0 3px;font-size:12px;font-weight:600}.text-size-control,.text-align-control{border-radius:4px;background:var(--bone)}.text-size-control input{width:38px;height:30px;padding:0;border:0;outline:0;background:transparent;color:var(--ink);font:11px var(--mono);text-align:center;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.text-size-control input::-webkit-inner-spin-button,.text-size-control input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.text-color-control{gap:1px}.text-color-control button{width:23px;flex-basis:23px}.text-color-control button>span{width:13px;height:13px;border:1px solid var(--warm-line);border-radius:50%}.text-color-control button.active>span{outline:2px solid var(--cyan);outline-offset:1px}.text-format-toolbar>svg{flex:none;margin:0 4px}.text-format-toolbar>span[role=alert]{position:absolute;top:calc(100% + 4px);right:0;padding:2px 6px;border-radius:4px;background:var(--red-deep);color:var(--paper);font-size:11px;white-space:nowrap}.text-inline-editor{position:absolute;z-index:4;display:flex;align-items:center;gap:6px;min-height:40px;padding:3px 8px;border:2px solid var(--cyan);border-radius:6px;background:var(--paper);box-shadow:0 3px 8px #0e0f123d}.text-inline-editor.error{border-color:var(--red-deep);color:var(--red-deep)}.text-inline-editor input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:13.5px;font-weight:600}.text-inline-editor input:disabled{opacity:.65}.text-edit-status{flex:none;color:var(--graphite);font-size:11px;font-weight:600;white-space:nowrap}.text-inline-editor .text-edit-action{display:inline-flex;width:28px;height:28px;flex:0 0 28px;align-items:center;justify-content:center;padding:0;border:0;border-radius:4px;background:transparent;color:var(--ink);cursor:pointer}.text-inline-editor .text-edit-action:hover:not(:disabled){background:var(--bone)}.text-inline-editor .text-edit-action.apply{background:var(--bone)}.text-inline-editor .text-edit-action:focus-visible{outline:2px solid var(--cyan);outline-offset:1px}.text-inline-editor .text-edit-action:disabled{cursor:default;opacity:.55}.text-inline-editor .text-edit-action>svg{flex:none}.text-inline-editor>span[role=alert]{position:absolute;top:calc(100% + 4px);right:0;padding:2px 6px;border-radius:4px;background:var(--red-deep);color:var(--paper);font-size:11px;white-space:nowrap}@media(max-width:720px){.stage-col.text-tools-open .monitor-frame{margin-bottom:82px}.text-format-toolbar{align-content:flex-start;flex-wrap:wrap}}.transport{display:flex;align-items:center;gap:14px}.play-btn{border:1px solid var(--warm-line);background:var(--white);color:var(--ink);border-radius:999px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex:none;cursor:pointer;transition:background-color .2s ease}@media(hover:hover)and (pointer:fine){.play-btn:not(:disabled):hover{background:var(--bone)}}.play-btn:disabled{opacity:.4;cursor:default}.timecode{font:12px var(--mono);color:var(--ink);flex:none;font-variant-numeric:tabular-nums}.timecode span{color:var(--graphite)}.scrub{flex:1;height:24px;display:flex;align-items:center;cursor:pointer;position:relative;touch-action:none}.scrub-track{height:4px;border-radius:999px;background:var(--warm-line);width:100%}.scrub-fill{position:absolute;left:0;top:10px;height:4px;border-radius:999px;background:var(--ink)}.scrub-knob{position:absolute;top:4px;width:16px;height:16px;margin-left:-8px;border-radius:999px;background:var(--paper);border:1.5px solid var(--ink);box-shadow:0 1px 4px #18181b2e;pointer-events:none}.transport-track{font:12px var(--mono);color:var(--graphite);flex:none}.pill{border:none;cursor:pointer;font-family:inherit;font-size:12px;font-weight:500;padding:6px 14px;border-radius:999px;background:var(--bone);color:var(--ink);transition:background-color .2s ease,color .2s ease}.pill.active{background:var(--ink);color:var(--paper)}.pill.tiny{padding:3px 10px;font-size:11px}.pill-row{display:flex;gap:8px}.beat-wrap{display:flex;flex-direction:column;gap:6px}.beat-label{display:flex;align-items:baseline;gap:10px;font-size:12px;font-weight:500;color:var(--graphite)}.beat-toast{color:#0096ff;font-size:11px}.beat-strip{position:relative;height:84px;border-radius:14px;background:var(--well);border:1px solid var(--well-line);cursor:crosshair;overflow:hidden}.beat-tick{position:absolute;top:0;bottom:0;width:1px;background:var(--cyan);pointer-events:none}.beat-block{position:absolute;top:12px;bottom:24px;border-radius:6px;background:#1a1b1f;border:2px solid var(--well-line);cursor:pointer;font-family:inherit;color:var(--well-text);font-size:11px;font-weight:500;text-align:left;padding:6px 8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:border-color .2s ease}.beat-block.active{border-color:var(--cyan)}.beat-playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--cyan);pointer-events:none}.beat-meta{position:absolute;right:10px;bottom:6px;font:11px var(--mono);color:var(--well-text);pointer-events:none}.studio-screen{flex:1;display:flex;flex-direction:column;gap:12px;padding:14px 24px 24px;align-items:stretch;min-height:0;background:var(--paper)}.studio-workspace{flex:1;display:flex;gap:24px;align-items:stretch;justify-content:center;min-height:0}.draft-switcher{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0}.draft-all{display:inline-flex;align-items:center;gap:6px;flex:none;font-weight:600}.draft-tabs{display:flex;align-items:center;gap:4px;min-width:0;overflow-x:auto;scrollbar-width:none}.draft-tabs::-webkit-scrollbar{display:none}.draft-tab{min-width:0;max-width:180px;display:inline-flex;align-items:center;gap:7px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--graphite);padding:5px 9px;font:inherit;font-size:12px;font-weight:500;white-space:nowrap;cursor:pointer;transition:background-color .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease)}.draft-tab>span:last-child{overflow:hidden;text-overflow:ellipsis}.draft-tab-index{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;flex:none;border-radius:999px;background:var(--bone);color:var(--ink);font-size:11px}@media(hover:hover)and (pointer:fine){.draft-tab:not(.active):not(:disabled):hover{background:var(--bone);color:var(--ink)}}.draft-tab.active{border-color:var(--cyan);background:var(--white);color:var(--ink)}.draft-tab.active .draft-tab-index{background:var(--ink);color:var(--paper)}.draft-tab:disabled{opacity:.4;cursor:default}.stage-col{flex:1;max-width:880px;min-width:0;display:flex;flex-direction:column;gap:14px}.rail{width:340px;flex:none;display:flex;flex-direction:column;gap:10px;min-height:0}.rail-tabs{display:flex;align-items:center;gap:4px}.rail .drawer{flex:1;min-height:0;width:auto;border:1px solid var(--warm-line);border-radius:14px;overflow:hidden;background:var(--paper)}.empty{color:var(--graphite)}.primary{background:var(--red);border:none;border-radius:999px;color:var(--paper);padding:8px 18px;font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s ease}@media(hover:hover)and (pointer:fine){.primary:hover{background:var(--red-press)}}.primary:active{background:var(--red-deep)}.primary:disabled{opacity:.4;cursor:default}.primary.tiny{padding:3px 10px;font-size:11px}.primary.big{padding:10px 22px;font-size:15px}.ghost{background:none;border:1px solid var(--warm-line);border-radius:999px;color:var(--ink);padding:6px 12px;font:inherit;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}@media(hover:hover)and (pointer:fine){.ghost:hover{background:var(--bone)}.ghost.danger:hover{color:var(--red-deep);border-color:var(--red-tint-line);background:var(--red-tint)}}.ghost.active{background:var(--bone);border-color:var(--ink)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#18181b59;display:flex;align-items:center;justify-content:center;z-index:20}.modal{width:min(760px,calc(100vw - 48px));max-height:calc(100vh - 48px);display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--warm-line);border-radius:14px;box-shadow:var(--float)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--warm-line)}.modal-head h2{margin:0;font-size:15px;font-weight:600}.modal-body{padding:16px 18px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:14px 18px;border-top:1px solid var(--warm-line)}.field{display:flex;flex-direction:column;gap:6px}.field>span{color:var(--graphite);font-size:12px;font-weight:500}.field em{color:var(--graphite);font-size:11px;font-style:normal}.field input,.field select,.field textarea{background:var(--white);border:1px solid var(--warm-line);border-radius:10px;color:var(--ink);padding:8px 10px;font:inherit;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--ink)}.code{font:12px/1.5 var(--mono);white-space:pre;resize:vertical;background:var(--well)!important;color:var(--well-text)!important;border-color:var(--well-line)!important}.param-row{display:flex;gap:8px}.param-row input,.param-row select{flex:1}.logo-source{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.fx-preview{height:130px;border-radius:10px;border:1px solid var(--well-line);display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;position:relative}.fx-preview-text{font-family:Geist,ui-sans-serif,sans-serif;font-size:28px;font-weight:700;letter-spacing:-.02em;text-align:center;padding:0 18px}.params{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;padding:12px;background:var(--bone);border:1px solid var(--warm-line);border-radius:10px}.templates{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.template{display:flex;flex-direction:column;gap:4px;text-align:left;background:var(--white);border:1px solid var(--warm-line);border-radius:10px;color:var(--ink);padding:10px 12px;font:inherit;cursor:pointer;transition:border-color .2s ease}.template span{color:var(--graphite);font-size:11px}.template.active{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan)}.error{color:var(--red-deep);background:var(--red-tint);border:1px solid var(--red-tint-line);border-radius:6px;padding:8px 10px}.overlay.pick{z-index:30}.pick-panel{width:calc(100vw - 80px);height:calc(100vh - 80px);display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--warm-line);border-radius:14px;box-shadow:var(--float)}.pick-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--warm-line);color:var(--ink)}.pick-box{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;padding:16px}.drawer{display:flex;flex-direction:column;background:var(--paper)}.drawer-head{display:flex;align-items:center;gap:6px;padding:8px 10px;border-bottom:1px solid var(--warm-line)}.tab{background:none;border:none;border-radius:999px;color:var(--graphite);padding:5px 12px;font:12px var(--mono);cursor:pointer}.tab.active{background:var(--bone);color:var(--ink)}.editor{flex:1;border:none;border-radius:0;background:var(--well);color:var(--well-text);padding:12px;outline:none;resize:none;font-family:var(--mono)}.tweak{min-height:0}.drawer-title{font-size:13px;font-weight:600;padding:0 4px}.drawer-head .spacer{flex:1}.tweak-toolbar{min-height:46px;padding:8px 12px}.save-indicator{display:inline-flex;align-items:center;gap:4px;color:var(--graphite);font-size:11px;white-space:nowrap}.save-indicator.saved svg{color:var(--ink)}.save-indicator.error{padding:0;border:0;background:none;color:var(--red-deep)}.icon-button{width:30px;height:30px;flex:none;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--ink);cursor:pointer;transition:background-color .16s ease,border-color .16s ease}@media(hover:hover)and (pointer:fine){.icon-button:not(:disabled):hover{border-color:var(--warm-line);background:var(--bone)}}.icon-button:disabled{color:var(--graphite);opacity:.45;cursor:default}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tweak-mode{display:grid;grid-template-columns:1fr 1fr;gap:3px;margin:10px 12px 2px;padding:3px;border-radius:10px;background:var(--bone)}.tweak-mode button{min-height:30px;border:0;border-radius:6px;background:transparent;color:var(--graphite);font-size:12px;font-weight:600;cursor:pointer}.tweak-mode button.active{background:var(--white);color:var(--ink);box-shadow:0 0 0 1px var(--warm-line)}.save-error{display:flex;align-items:center;gap:8px;margin:8px 12px 0;font-size:11px}.save-error span{flex:1}.tweak-empty{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:120px;padding:20px;color:var(--graphite);text-align:center}.guide-panel,.advanced-panel{flex:1;min-height:0;overflow-y:auto}.guide-panel{display:flex;flex-direction:column;gap:10px;padding:10px 12px 16px}.moment-picker{display:flex;flex-direction:column;gap:7px;padding-bottom:10px;border-bottom:1px solid var(--warm-line)}.beat-nav{display:flex;flex-direction:column;gap:2px;padding-bottom:8px;border-bottom:1px solid var(--warm-line)}.beat-row{display:flex;align-items:center;gap:8px;border:none;background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer;padding:6px 8px;border-radius:6px;transition:background-color .15s ease}@media(hover:hover)and (pointer:fine){.beat-row:hover{background:var(--bone)}}.beat-row.active{background:var(--bone);box-shadow:inset 2px 0 0 var(--cyan)}.beat-row-n{flex:none;width:16px;color:var(--graphite);font-size:11px}.beat-row-label{flex:1;min-width:0;font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.beat-row-tc{flex:none;color:var(--graphite);font-size:11px}.moment-list{display:flex;flex-direction:column;gap:2px;max-height:192px;overflow-y:auto}.moment-row{display:flex;align-items:center;gap:8px;border:none;background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer;padding:5px 8px;border-radius:6px;transition:background-color .15s ease}@media(hover:hover)and (pointer:fine){.moment-row:hover{background:var(--bone)}}.moment-row.active{background:var(--bone);box-shadow:inset 2px 0 0 var(--cyan)}.moment-row .chip{flex:none}.moment-row-label{flex:1;min-width:0;font-size:12.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.moment-row-count{flex:none;color:var(--graphite);font-size:11px}.moment-nav,.moment-nav>div,.moment-meta{display:flex;align-items:center}.moment-nav{justify-content:space-between;color:var(--graphite);font-size:11px;font-weight:600}.moment-nav>div{gap:2px}.moment-count{min-width:46px;color:var(--graphite);text-align:center}.moment-picker>select{width:100%;min-height:38px;border:1px solid var(--warm-line);border-radius:6px;background:var(--white);color:var(--ink);padding:0 32px 0 10px;font-size:13px;font-weight:600}.moment-meta{gap:8px;min-height:23px}.moment-meta .ghost{margin-left:auto}.guide-section{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid var(--warm-line);border-radius:10px;background:var(--white)}.guide-section.opening-framing{margin-top:2px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-head>div{display:flex;flex-direction:column;min-width:0}.section-head strong{font-size:13px;line-height:1.35}.section-kicker{color:var(--graphite);font-size:11px;font-weight:600}.section-head output{color:var(--graphite);white-space:nowrap}.guide-actions,.pace-presets,.ease-presets{display:grid;gap:6px}.guide-actions.two-up{grid-template-columns:1fr 1fr}.guide-actions button,.pace-presets button,.ease-presets button{min-height:34px;border:1px solid var(--warm-line);border-radius:6px;background:var(--paper);color:var(--ink);font-size:11px;font-weight:600;cursor:pointer}.guide-actions button{display:inline-flex;align-items:center;justify-content:center;gap:4px}.pace-presets{grid-template-columns:repeat(3,minmax(0,1fr))}.pace-presets:has(>button:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.pace-presets button.active,.ease-presets button.active{border-color:var(--ink);background:var(--ink);color:var(--paper)}.ease-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.ease-presets button{display:flex;flex-direction:column;align-items:stretch;gap:5px;min-width:0;padding:7px 8px;text-align:left}.ease-track{position:relative;display:block;height:4px;border-radius:4px;background:var(--warm-line);overflow:hidden}.ease-track span{position:absolute;top:0;left:0;width:18%;height:100%;border-radius:inherit;background:currentColor;transition:transform .5s var(--preview-ease)}@media(hover:hover)and (pointer:fine){.ease-presets button:hover .ease-track span{transform:translate(450%)}}.guide-range{width:100%;accent-color:var(--ink)}.camera-pad{display:grid;grid-template-columns:1fr 104px;gap:10px;align-items:center}.camera-zoom{display:grid;grid-template-columns:30px 1fr 30px;align-items:center;border:1px solid var(--warm-line);border-radius:6px;overflow:hidden}.camera-zoom .icon-button{border:0;border-radius:0}.camera-zoom output{font:11px var(--mono);text-align:center}.camera-nudge{display:grid;grid-template-columns:repeat(3,30px);grid-template-rows:repeat(3,30px);justify-content:center}.camera-nudge .up{grid-column:2;grid-row:1}.camera-nudge .left{grid-column:1;grid-row:2}.camera-nudge .right{grid-column:3;grid-row:2}.camera-nudge .down{grid-column:2;grid-row:3}.camera-nudge .icon-button{border-color:var(--warm-line)}.camera-center{grid-column:1 / -1;color:var(--graphite)}.advanced-panel{display:flex;flex-direction:column;overflow:hidden}.advanced-tools{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border-bottom:1px solid var(--warm-line)}.search-field{display:flex;align-items:center;gap:7px;min-height:34px;padding:0 9px;border:1px solid var(--warm-line);border-radius:6px;background:var(--white);color:var(--graphite)}.search-field:focus-within{border-color:var(--ink)}.search-field input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:12px}.filter-tabs{display:flex;gap:3px;overflow-x:auto;scrollbar-width:none}.filter-tabs button{flex:none;min-height:28px;padding:0 9px;border:0;border-radius:6px;background:transparent;color:var(--graphite);font-size:11px;cursor:pointer}.filter-tabs button.active{background:var(--bone);color:var(--ink);font-weight:600}.bulk-bar{display:flex;align-items:center;gap:4px;min-height:40px;padding:6px 12px;border-bottom:1px solid var(--warm-line);overflow-x:auto}.bulk-bar strong{margin-right:4px;font-size:11px;white-space:nowrap}.bulk-bar button{flex:none;min-height:27px;padding:0 8px;border:1px solid var(--warm-line);border-radius:6px;background:var(--white);color:var(--ink);font-size:11px;cursor:pointer}.tweak-list{flex:1;overflow-y:auto;padding:8px 10px 14px;display:flex;flex-direction:column;gap:5px}.tweak-row{background:var(--white);border:1px solid var(--warm-line);border-radius:6px;overflow:hidden}.tweak-row.active{border-color:var(--cyan)}.tweak-summary-wrap,.tweak-summary{display:flex;align-items:center;min-width:0}.tweak-summary-wrap{padding-left:10px}.tweak-summary{gap:8px;width:100%;min-height:50px;background:none;border:none;color:var(--ink);padding:7px 9px;font:inherit;text-align:left;cursor:pointer}.summary-chevron{display:inline-flex;color:var(--graphite)}.summary-copy{display:flex;flex:1;flex-direction:column;min-width:0}.summary-copy strong,.summary-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary-copy strong{font-size:12px;font-weight:600;line-height:1.4}.summary-copy span{color:var(--graphite);font:11px var(--mono)}.edited-dot{width:6px;height:6px;flex:none;border-radius:50%;background:var(--cyan)}.row-select{width:14px;height:14px;flex:none;margin:0;accent-color:var(--ink)}.chip{flex-shrink:0;max-width:58px;overflow:hidden;padding:2px 5px;border-radius:4px;background:var(--bone);color:var(--graphite);font:11px var(--mono);text-overflow:ellipsis;white-space:nowrap}.chip.camera{background:var(--ink);color:var(--paper)}.chip.typing{background:var(--bone);color:var(--ink)}.tl-bar{position:relative;height:2px;background:var(--warm-line)}.tl-bar div{position:absolute;top:0;bottom:0;background:var(--ink)}.advanced-fields{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:flex-end;padding:10px;border-top:1px solid var(--warm-line);background:var(--bone)}.mini-field{display:flex;flex-direction:column;gap:3px;min-width:0}.mini-field>span:first-child{font-size:11px;color:var(--graphite)}.mini-input{position:relative;display:flex;align-items:center}.mini-field input,.mini-field select{width:91px;min-height:30px;background:var(--white);border:1px solid var(--warm-line);border-radius:6px;color:var(--ink);padding:4px 7px;font:12px var(--mono);outline:none}.mini-input input{padding-right:24px}.mini-unit{position:absolute;right:7px;color:var(--graphite);font:11px var(--mono);pointer-events:none}.mini-field select{width:130px;font:12px var(--ui)}.mini-field input:focus,.mini-field select:focus{border-color:var(--ink)}.ghost.tiny{padding:3px 10px;font-size:11px}.preview-toggle{flex-shrink:0;display:flex;align-items:center;gap:10px;min-height:54px;padding:8px 12px;border-top:1px solid var(--warm-line);cursor:pointer}.preview-toggle>span:first-child{display:flex;flex:1;flex-direction:column;min-width:0}.preview-toggle strong{font-size:11px}.preview-toggle small{color:var(--graphite);font-size:11px}.preview-toggle input{position:absolute;width:1px;height:1px;opacity:0}.toggle-track{position:relative;width:32px;height:18px;flex:none;border-radius:999px;background:var(--graphite);transition:background-color .16s ease}.toggle-track:after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:var(--white);transition:transform .16s ease}.preview-toggle input:checked+.toggle-track{background:var(--ink)}.preview-toggle input:checked+.toggle-track:after{transform:translate(14px)}.preview-toggle input:focus-visible+.toggle-track{outline:2px solid var(--cyan);outline-offset:2px}.mode-tabs{display:flex;gap:6px}.mode-tabs .tab{border:1px solid var(--warm-line);font:inherit}.mode-tabs .tab.active{border-color:var(--ink);background:var(--bone);color:var(--ink)}.ai-bar{display:flex;gap:8px;padding:10px;border-top:1px solid var(--warm-line)}.ai-bar input,.ai-bar textarea{flex:1;background:var(--white);border:1px solid var(--warm-line);border-radius:10px;color:var(--ink);padding:8px 10px;font:inherit;outline:none;resize:none}.ai-bar input:focus,.ai-bar textarea:focus{border-color:var(--ink)}.drawer.chat{width:420px}.chat-list{position:relative;flex:1;overflow-y:auto;overflow-x:hidden;padding:14px 12px 12px 8px}.chat-list-content{display:flex;flex-direction:column;gap:12px;min-width:0}.chat-working-indicator{display:flex;min-height:28px;flex:0 0 28px;align-items:center;gap:8px;padding:5px 12px 1px;color:var(--graphite);font-size:11.5px;font-weight:500;animation:chatWorkingIn .16s var(--ease) both}.chat-working-dots{display:inline-flex;width:30px;height:12px;align-items:center;gap:4px}.chat-working-dots span{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:var(--red);animation:chatWorkingDot 1.05s ease-in-out infinite}.chat-working-dots span:nth-child(2){animation-delay:.12s}.chat-working-dots span:nth-child(3){animation-delay:.24s}.chat-working-indicator.is-stopping .chat-working-dots span{animation-duration:1.5s}.chat-list-fade-bottom{-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 36px),transparent 100%);mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 36px),transparent 100%)}.chat-list-fade-top{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 36px,#000 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 36px,#000 100%)}.chat-list-fade-top.chat-list-fade-bottom{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 36px,#000 calc(100% - 36px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 36px,#000 calc(100% - 36px),transparent 100%)}.chat-empty{color:var(--graphite);padding:12px;line-height:1.6}.chat-empty strong{color:var(--ink)}.chat-message-group{display:flex;min-width:0;flex-direction:column;gap:6px;animation:chatMessageIn .18s var(--ease) both}.chat-message-group.is-user{align-items:flex-end}.chat-message-group.is-assistant{align-items:stretch}.chat-bubble{border:1px solid var(--warm-line);border-radius:18px;padding:12px 14px;white-space:pre-wrap;line-height:1.5;overflow-wrap:anywhere}.chat-bubble.user{align-self:flex-end;max-width:86%;background:var(--red);border-color:#ed1d2480;border-bottom-right-radius:8px;color:var(--white)}.chat-bubble.user .chat-target{color:#ffffffc7}.chat-assistant-parts{display:flex;min-width:0;flex-direction:column;align-items:stretch;gap:5px;padding:2px 4px}.chat-markdown{color:var(--ink);font-size:13px;line-height:1.58;overflow-wrap:anywhere}.chat-markdown>:first-child{margin-top:0}.chat-markdown>:last-child{margin-bottom:0}.chat-markdown p,.chat-markdown ul,.chat-markdown ol,.chat-markdown pre{margin:7px 0}.chat-markdown ul,.chat-markdown ol{padding-left:20px}.chat-markdown code{border-radius:4px;background:var(--bone);padding:1px 4px;font:11.5px/1.45 var(--mono)}.chat-markdown pre{overflow-x:auto;border-radius:8px;background:var(--well);color:var(--well-text);padding:10px}.chat-markdown pre code{background:transparent;color:inherit;padding:0}.chat-reasoning{width:100%;color:var(--graphite);font-size:12px}.chat-reasoning summary{width:-moz-fit-content;width:fit-content;cursor:pointer;list-style-position:inside;color:var(--graphite);font-weight:500;transition:color .15s var(--ease)}.chat-reasoning summary:hover{color:var(--ink)}.chat-reasoning-text{max-height:220px;overflow-y:auto;margin:6px 0 4px 14px;color:var(--graphite);line-height:1.5;white-space:pre-wrap}.chat-tool-line{display:flex;align-self:flex-start;align-items:center;gap:7px;width:-moz-fit-content;width:fit-content;max-width:100%;min-height:24px;margin:2px 0;padding:4px;color:var(--graphite);font-size:12.5px;line-height:1.2}.chat-tool-line>svg{flex:0 0 auto;color:var(--graphite)}.chat-tool-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-tool-target{color:var(--ink);font:11.5px/1.2 var(--mono)}.chat-tool-duration{flex:0 0 auto;color:var(--graphite);font:11px/1.2 var(--mono);font-variant-numeric:tabular-nums}.chat-tool-line.is-running>svg{color:var(--red)}.chat-tool-line.is-running .chat-tool-label{background-image:linear-gradient(100deg,var(--graphite) 0%,var(--graphite) 40%,var(--red) 50%,var(--graphite) 60%,var(--graphite) 100%);background-size:220% 100%;background-repeat:repeat;background-clip:text;color:transparent;animation:chatToolShimmer 1.4s linear infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.chat-tool-line.is-running .chat-tool-target{color:transparent;-webkit-text-fill-color:transparent}.chat-tool-line.is-done>svg{color:var(--red)}.chat-tool-line.is-error,.chat-tool-line.is-error>svg,.chat-tool-line.is-error .chat-tool-target{color:var(--red-deep)}@keyframes chatToolShimmer{0%{background-position:0 0}to{background-position:-220% 0}}.chat-thinking-placeholder{display:flex;align-items:center;gap:8px;min-height:28px;color:var(--graphite);font-size:12.5px}.chat-thinking-placeholder span{width:7px;height:7px;border-radius:50%;background:var(--red);animation:chatToolPulse 1.2s ease-in-out infinite}.chat-status{color:var(--graphite);font-size:12px}.chat-status.error{color:var(--red-deep)}.chat-stopped{display:flex;align-items:center;gap:8px;margin:6px 0;color:var(--graphite);font-size:11px}.chat-stopped:before,.chat-stopped:after{height:1px;flex:1;background:var(--warm-line);content:""}.chat-copy{display:inline-grid;width:24px;height:24px;place-items:center;align-self:flex-start;border:0;border-radius:7px;background:transparent;color:var(--graphite);cursor:pointer;transition:background-color .12s ease,color .12s ease}.chat-copy:hover{background:var(--bone);color:var(--ink)}.chat-send-button,.chat-stop-button{width:38px;height:38px;flex:0 0 38px;display:inline-grid;place-items:center;padding:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}@keyframes chatMessageIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes chatToolPulse{0%,to{opacity:.45}50%{opacity:1}}@keyframes chatWorkingIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes chatWorkingDot{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}@keyframes chatToolLabelPulse{0%,to{color:var(--graphite)}50%{color:var(--ink)}}.chat-msg{max-width:88%;padding:8px 10px;border-radius:10px;font-size:12.5px;line-height:1.5;white-space:pre-wrap}.chat-msg.user{align-self:flex-end;background:var(--bone);border:1px solid var(--warm-line);color:var(--ink);border-bottom-right-radius:4px}.chat-msg.assistant{align-self:flex-start;background:var(--white);border:1px solid var(--warm-line);color:var(--ink);border-bottom-left-radius:4px}.chat-msg.assistant.pending{color:var(--graphite)}.chat-msg.error{align-self:flex-start;background:var(--red-tint);border:1px solid var(--red-tint-line);color:var(--red-deep)}.chat-target{font:11px var(--mono);color:var(--graphite);margin-bottom:4px}.chat-context{display:flex;align-items:center;gap:8px;padding:8px 10px 0}.ghost.tiny.active{border-color:var(--ink);background:var(--bone);color:var(--ink)}.chat-chip{display:flex;align-items:center;gap:6px;background:var(--bone);border:1px solid var(--warm-line);border-radius:999px;padding:3px 4px 3px 10px;font-size:11px;color:var(--ink);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-x{background:none;border:none;color:var(--graphite);cursor:pointer;border-radius:999px;width:16px;height:16px;line-height:1;font-size:11px;flex-shrink:0}.chat-bar textarea{font-family:var(--ui)}.build-error{display:flex;align-items:center;gap:12px;padding:8px 16px;background:var(--red-tint);border-bottom:1px solid var(--red-tint-line);color:var(--red-deep)}.build-error span{flex:1;font:12px var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-foot .progress{flex:1;color:var(--graphite);font-size:11px;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-self:center}.drawer.music{display:flex;flex-direction:column}.music-list{flex:1;overflow-y:auto;padding:8px}.music-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px}.music-row:hover{background:var(--bone)}.music-row.active{background:var(--bone);box-shadow:inset 2px 0 0 var(--cyan)}.music-name{flex:1;min-width:0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize}.music-empty{padding:16px 12px;color:var(--graphite);font-size:13px;line-height:1.5}.music-foot{padding:10px 12px;border-top:1px solid var(--warm-line);color:var(--graphite);font-size:11.5px;line-height:1.5}.home-col{width:640px;max-width:100%;display:flex;flex-direction:column;gap:24px}.upwell{cursor:pointer;font-family:inherit;text-align:center;background:var(--well);border:1px dashed var(--well-line);border-radius:14px;height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--well-text);transition:border-color .2s ease}@media(hover:hover)and (pointer:fine){.upwell:hover{border-color:var(--cyan)}}.upwell.dragging{border-color:var(--cyan)}.upwell strong{font-size:15px;font-weight:600;color:var(--paper)}.upwell span{font-size:12px;font-weight:500}.upwell-filled{border-radius:14px;overflow:hidden;border:1px solid var(--well-line);background:var(--well)}.upwell-stage{aspect-ratio:16 / 9;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.upwell-stage video,.upwell-stage img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.upwell-rec{position:absolute;left:14px;top:12px;display:flex;align-items:center;gap:6px;color:var(--well-text)}.upwell-rec .mono{font-size:11px}.rec-dot{width:8px;height:8px;border-radius:999px;background:var(--red);animation:recPulse 1.6s ease-in-out infinite}@keyframes recPulse{0%{opacity:1}50%{opacity:.35}to{opacity:1}}.upwell-size{position:absolute;right:14px;bottom:12px;color:var(--well-text);font-size:11px}.upwell-clear{position:absolute;right:12px;top:10px;background:#0e0f12b3;border:1px solid var(--well-line);color:var(--well-text);border-radius:999px;padding:4px 10px;font:inherit;font-size:11px;cursor:pointer;transition:color .2s ease,border-color .2s ease}@media(hover:hover)and (pointer:fine){.upwell-clear:hover{color:var(--paper);border-color:var(--well-text)}}.home-go{display:flex;align-items:center;gap:14px;margin-top:4px}.drops{width:1060px;max-width:100%;display:flex;flex-direction:column;gap:16px}.drops-head h2{font-size:15px;font-weight:600;margin:0}.drops-head .sub{margin-top:2px}.drops-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.drop-card{border:1px solid var(--warm-line);border-radius:14px;overflow:hidden;background:var(--paper);cursor:pointer;padding:0;text-align:left;font:inherit;color:var(--ink);transition:border-color .2s ease}@media(hover:hover)and (pointer:fine){.drop-card:hover{border-color:var(--graphite)}}.drop-well{position:relative;overflow:hidden;background:var(--well)}.drop-meta{display:flex;flex-direction:column;gap:2px;padding:10px 12px}.drop-meta strong{font-size:13.5px;font-weight:600;text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drop-meta span{font-size:11px;color:var(--graphite)}.gen-col{width:960px;max-width:100%;display:flex;flex-direction:column;gap:24px}.options-col{width:1060px;max-width:100%;display:flex;flex-direction:column;gap:24px}.opt-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:860px){.opt-grid{grid-template-columns:1fr}}.ghost-well{border-radius:14px;border:1px solid var(--well-line);background:var(--well);aspect-ratio:16 / 9;position:relative;overflow:hidden}button.ghost-well.ready{display:block;width:100%;padding:0;font:inherit;cursor:pointer;transition:border-color .2s ease}@media(hover:hover)and (pointer:fine){button.ghost-well.ready:hover{border-color:var(--well-text)}button.ghost-well.ready:hover .opt-open{color:var(--paper);border-color:var(--well-text)}}.ghost-well>video,.opt-well>video{width:100%;height:100%;display:block;-o-object-fit:contain;object-fit:contain;background:#000}.shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,#b9bdc700 30%,#b9bdc717,#b9bdc700 70%);background-size:400px 100%;animation:shimmerSweep 1.6s linear infinite}.shimmer.off{animation:none;opacity:.3}@keyframes shimmerSweep{0%{background-position:-400px 0}to{background-position:400px 0}}.ghost-label{position:absolute;left:14px;bottom:12px;font-size:12px;font-weight:500;color:var(--well-text)}.ghost-status{position:absolute;left:14px;top:12px;right:14px;color:var(--well-text);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ghost-status.error{color:var(--red-tint-line)}.ghost-status.timeboxed{color:#d3a13a}.gen-review{display:flex;justify-content:center}.opt-card{cursor:pointer;text-align:left;font:inherit;color:var(--ink);background:var(--paper);border:2px solid var(--warm-line);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:10px;transition:border-color .2s ease}.opt-card:disabled{cursor:default;opacity:.65}@media(hover:hover)and (pointer:fine){.opt-card:not(.selected):not(:disabled):hover{border-color:var(--graphite)}}.opt-card.selected{border-color:var(--cyan)}.opt-well{position:relative;overflow:hidden;border-radius:10px;background:var(--well);border:1px solid var(--well-line);aspect-ratio:16 / 9}.opt-meta{display:flex;align-items:center;gap:10px;padding:0 2px 2px}.opt-n{width:24px;height:24px;border-radius:999px;background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex:none}.opt-text{display:flex;flex-direction:column;gap:2px;min-width:0}.opt-text strong{font-size:15px;font-weight:600;line-height:1.35}.opt-text span{font-size:12px;font-weight:500;color:var(--graphite)}.options-cta{display:flex;align-items:center;gap:14px;justify-content:center;padding-top:8px}.round-bar{width:640px;max-width:100%;align-self:center;display:flex;flex-direction:column;gap:10px;padding-top:8px}.round-bar textarea{resize:vertical}.round-bar-actions{display:flex;align-items:center;gap:8px;justify-content:center}.opt-open{position:absolute;right:10px;bottom:8px;display:flex;align-items:center;gap:5px;background:#0e0f12bf;border:1px solid var(--well-line);color:var(--well-text);border-radius:999px;padding:3px 10px;font-size:11px;font-weight:500;pointer-events:none;transition:color .2s ease,border-color .2s ease}@media(hover:hover)and (pointer:fine){.opt-card:not(:disabled):hover .opt-open{color:var(--paper);border-color:var(--well-text)}}@media(max-width:900px){.topbar{gap:8px;padding:10px 12px}.brand{padding:4px;margin-left:-4px}.brand span,.topbar-tag,.library-toggle,.crumb-sep{display:none}.steps{margin-left:0}.step{padding-right:10px;padding-left:10px}.studio-screen{padding-right:12px;padding-left:12px}.studio-workspace{gap:12px}.rail{width:300px}.draft-switcher{justify-content:flex-start}}@media(max-width:680px){.studio{height:auto;min-height:100%}.studio-screen{flex:none;overflow:visible}.studio-workspace{flex:none;flex-direction:column;justify-content:flex-start;min-height:auto}.rail{width:100%;height:auto;min-height:0}.rail .drawer{flex:none}.guide-panel,.advanced-panel,.tweak-list{overflow:visible}}@media(max-width:620px){.topbar{gap:6px;padding:10px 12px}.brand{padding:4px;margin-left:-4px}.brand span,.topbar-tag,.library-toggle,.steps>.step:first-child,.crumb-sep,.step-upload:not(.active),.step-ship:not(.active){display:none}.brands-toggle{width:34px;height:34px;justify-content:center;padding:0}.brands-toggle span{display:none}.steps{gap:0;margin-left:0}.step{padding:6px 9px}.ship-action{width:34px;height:34px;padding:0}.upgrade-action{width:34px;min-width:34px;padding:0}.upgrade-action span,.ship-action span,.transport-track{display:none}.billing-toast{top:62px;right:12px}.draft-tab>span:last-child{display:none}.transport{gap:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.chat-tool-line.is-running .chat-tool-label{background-image:none;color:var(--graphite);animation:none!important;-webkit-text-fill-color:currentColor}.chat-tool-line.is-running .chat-tool-target{color:var(--ink);-webkit-text-fill-color:currentColor}.chat-working-indicator{animation:none}.chat-working-dots span{opacity:.7;animation:none;transform:none}}.ship-screen{justify-content:center}.ship-col{width:560px;max-width:100%;display:flex;flex-direction:column;gap:18px}.ship-heading{display:flex;align-items:center;gap:10px}.ship-heading>svg{flex:0 0 auto;color:var(--cyan);animation:ship-spin 1s linear infinite}.ship-live{display:block;margin-top:4px;color:var(--graphite);font-size:10px;text-transform:uppercase}@keyframes ship-spin{to{transform:rotate(360deg)}}.ship-card{border-radius:14px;background:var(--well);border:1px solid var(--well-line);padding:20px;display:flex;flex-direction:column;gap:12px}.ship-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:12px;font-weight:500;color:var(--well-text)}.ship-bar{height:6px;border-radius:999px;background:var(--well-line);overflow:hidden}.ship-bar div{height:100%;width:100%;background:var(--cyan);border-radius:999px;transform-origin:left;transition:transform .3s linear;will-change:transform}.ship-bar.waiting div{width:24%;transform:translate(-100%)!important;animation:ship-waiting 1.4s ease-in-out infinite}@keyframes ship-waiting{0%{transform:translate(-100%)}to{transform:translate(420%)}}@media(prefers-reduced-motion:reduce){.ship-bar div,.ship-heading>svg{transition:none;animation:none}.ship-bar.waiting div{transform:scaleX(.08)!important}}.ship-stage{font-size:11px;font-weight:500;color:var(--well-text)}.ship-stage.failed{color:var(--red-tint-line);white-space:pre-wrap}.ship-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--well-line);padding-top:12px}.ship-stats>div{min-width:0;display:flex;flex-direction:column;gap:5px}.ship-stats span{color:var(--graphite);font-size:10px}.ship-stats strong{overflow:hidden;color:var(--well-text);font-size:11px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.shipped-col{width:720px;max-width:100%;display:flex;flex-direction:column;gap:20px}.shipped-head{display:flex;align-items:center;gap:12px}.shipped-well{overflow:hidden;border-radius:14px;background:var(--well);border:1px solid var(--well-line)}.shipped-well video{display:block;width:100%;aspect-ratio:16 / 9}.shipped-file{display:flex;align-items:center;gap:12px;border:1px solid var(--warm-line);border-radius:14px;padding:14px 16px;background:var(--paper)}.shipped-file .spacer{flex:1}.ghost.quiet{border:none;color:var(--graphite);align-self:center}.linkish{background:none;border:none;padding:0;color:var(--ink);font:inherit;font-size:12px;text-decoration:underline;cursor:pointer}.style-peek{position:relative;overflow:hidden;background:var(--well)}.style-peek iframe{position:absolute;left:0;top:0;border:0;transform-origin:0 0;pointer-events:none}.style-peek-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--well-text);font-size:12px}.style-chips{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:8px}.style-chip{background:var(--ink);color:var(--paper);border:none;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:500}.style-chips em{color:var(--graphite);font-size:11.5px;font-style:normal}.library{flex:1;display:flex;flex-direction:column;min-height:0;background:var(--paper)}.lib-scroll{flex:1;overflow-y:auto;padding:20px 24px 28px}.lib-scroll section{margin-bottom:30px}.lib-scroll h2{font-size:14px;font-weight:600;letter-spacing:-.01em;color:var(--ink);margin:0 0 12px}.lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.lib-card{border:1px solid var(--warm-line);border-radius:14px;overflow:hidden;background:var(--paper)}.lib-preview{position:relative;aspect-ratio:16 / 9;overflow:hidden;cursor:pointer;background:var(--well)}.lib-stage{position:absolute;top:0;right:0;bottom:0;left:0}.lib-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;border-top:1px solid var(--warm-line)}.lib-name{display:flex;flex-direction:column;min-width:0}.lib-name strong{font-size:13px;font-weight:600}.lib-name span{font-size:11px;color:var(--graphite);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-lib{border:1px dashed transparent;border-radius:14px;padding:12px;margin:-12px -12px 18px;transition:border-color .2s ease,background-color .2s ease}.music-lib.dragging{border-color:var(--cyan);background:var(--bone)}.music-lib-head{display:flex;align-items:baseline;gap:10px}.music-lib-head h2{margin:0 0 12px}.music-lib-head .spacer{flex:1}.music-lib>.hint{display:block;margin:0 0 12px;max-width:72ch}.music-lib .hint code{font:11px var(--mono);color:var(--ink)}.music-lib .error{margin-bottom:12px}.music-lib-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:2px 14px}.music-lib-list .music-row{border:1px solid transparent}.music-lib-list .music-row:hover{border-color:var(--warm-line)}.assembly{border-top:1px solid var(--warm-line);background:var(--bone);padding:10px 24px 14px;max-height:44vh;overflow-y:auto}.assembly-head{display:flex;align-items:center;gap:10px}.assembly-head strong{font-size:13px}.assembly-hint{font-size:11px;color:var(--graphite)}.assembly-name{background:var(--white);border:1px solid var(--warm-line);border-radius:999px;color:var(--ink);padding:6px 12px;font:inherit;outline:none;width:160px}.assembly-strip{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:12px 2px 6px}.assembly-strip .chip{flex:0 0 auto;border:1px solid var(--warm-line);border-radius:10px;padding:8px 10px;background:var(--white);cursor:pointer;display:flex;flex-direction:column;gap:2px;min-width:120px;font:inherit;color:var(--ink)}.assembly-strip .chip.active{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan)}.chip strong{font-size:12px}.chip span{font-size:11px;color:var(--graphite);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.chip-actions{display:flex;gap:4px;margin-top:4px}.chip-actions button{background:none;border:1px solid var(--warm-line);border-radius:4px;color:var(--graphite);font-size:11px;padding:1px 6px;cursor:pointer}.chip-actions button:hover{border-color:var(--ink);color:var(--ink)}.joint{flex:0 0 auto;background:none;border:1px dashed var(--warm-line);border-radius:999px;color:var(--graphite);font-size:11px;padding:4px 10px;cursor:pointer}.joint.active{border-color:var(--cyan);border-style:solid;color:var(--ink)}.assembly-editor{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px 14px;padding-top:10px}.auth-col{width:min(420px,100%);display:flex;flex-direction:column;align-items:center;gap:20px}.auth-swap{display:flex;gap:6px;align-items:baseline;justify-content:center;font-size:12px;font-weight:500;color:var(--graphite)}.clerk-card-box,.clerk-card{width:100%;box-shadow:none!important}.clerk-card-box{border:1px solid var(--warm-line);border-radius:14px}.clerk-card{border:none}.clerk-footer{display:none}.clerk-title{font-size:22px!important;font-weight:600!important;letter-spacing:-.01em;text-wrap:balance}.clerk-subtitle{font-size:13.5px!important;color:var(--graphite)!important;text-wrap:balance}.clerk-account{display:flex;align-items:center;gap:10px}.member-limit-state{color:var(--red);font-size:11px;font-weight:700}.workspace-onboarding,.cloud-state-screen{display:grid;min-height:100vh;place-items:center;padding:32px 20px}.workspace-onboarding-inner,.cloud-state{width:min(100%,460px)}.cloud-preview-note{padding:18px;color:var(--muted);font-size:13px;line-height:1.5}.workspace-onboarding-inner,.cloud-state{display:grid;gap:16px}.workspace-onboarding-inner{justify-items:center}.cloud-state strong{font-size:22px;font-weight:600;letter-spacing:-.01em}.cloud-state p{color:var(--graphite);margin:0}.boot-screen{justify-content:center;align-items:center;gap:14px}.boot-screen svg{display:block;animation:boot-breathe 1.4s ease-in-out infinite}.boot-label{font-size:13.5px;font-weight:500;color:var(--graphite)}@keyframes boot-breathe{0%,to{opacity:1}50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.boot-screen svg{animation:none}}.upgrade-action{display:flex;align-items:center;justify-content:center;gap:6px;min-width:100px;height:34px;padding:0 13px;border:1px solid var(--warm-line);border-radius:999px;background:transparent;color:var(--ink);font-size:12px;font-weight:600;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}@media(hover:hover)and (pointer:fine){.upgrade-action:not(:disabled):hover{background:var(--bone);border-color:var(--graphite)}}.upgrade-action:disabled{cursor:wait;opacity:.55}.billing-toast{position:fixed;z-index:70;top:70px;right:24px;display:flex;align-items:center;gap:12px;width:min(360px,calc(100vw - 32px));padding:10px 10px 10px 14px;border:1px solid var(--warm-line);border-radius:10px;background:var(--paper);box-shadow:var(--float);color:var(--ink);font-size:12px;line-height:1.4}.billing-toast>span{flex:1}.brands-col{width:min(980px,100%);display:flex;flex-direction:column;gap:28px}.brand-extract{display:flex;gap:10px}.brand-extract input{flex:1;padding:10px 14px;border:1px solid var(--warm-line);border-radius:10px;background:var(--white);color:var(--ink);font-size:13.5px}.brand-extract input::-moz-placeholder{color:var(--graphite)}.brand-extract input::placeholder{color:var(--graphite)}@media(max-width:620px){.brand-extract{flex-direction:column}.brand-extract .primary{width:100%}}.brand-progress{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;padding:14px 16px;border:1px solid var(--warm-line);border-radius:10px;background:var(--white)}.brand-progress.error{border-color:var(--red-tint-line);background:var(--red-tint)}.brand-progress-bar{width:100%;height:4px;border-radius:999px;background:var(--bone);overflow:hidden}.brand-progress-bar span{display:block;width:100%;height:100%;background:var(--cyan);transform-origin:left;transition:transform .3s var(--ease)}.brand-progress-status{display:flex;align-items:baseline;justify-content:space-between;gap:16px;width:100%}.brand-progress-status>span{flex-shrink:0}@media(max-width:620px){.brand-progress-status{align-items:flex-start;flex-direction:column;gap:4px}}@media(prefers-reduced-motion:reduce){.brand-progress-bar span{transition:none}}.brands-empty{color:var(--graphite);padding:40px 0;text-align:center}.brands-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.brand-card{display:flex;flex-direction:column;gap:0;padding:0;border:1px solid var(--warm-line);border-radius:14px;background:var(--white);cursor:pointer;font-family:inherit;text-align:left;overflow:hidden;transition:border-color .2s ease}@media(hover:hover)and (pointer:fine){.brand-card:hover{border-color:var(--graphite)}}.brand-logo-well{height:120px;background:var(--well);display:flex;align-items:center;justify-content:center}.brand-logo-well img{max-width:55%;max-height:48px;-o-object-fit:contain;object-fit:contain}.brand-logo-word{color:var(--well-text);font-size:15px;font-weight:600;letter-spacing:-.01em}.palette-strip{display:flex;height:10px}.palette-strip span{flex:1}.brand-card-meta{display:flex;flex-direction:column;gap:2px;padding:12px 16px 14px}.brand-detail{display:flex;flex-direction:column;gap:36px;width:100%}.brand-detail-head{display:flex;align-items:center;gap:10px}.brand-detail-head .spacer{flex:1}.brand-reextract{display:inline-flex;align-items:center;gap:5px}.brand-reextract:disabled{cursor:wait;opacity:.5}.ghost.tiny.danger{color:var(--red)}.brand-hero{display:flex;align-items:center;gap:24px}.brand-hero .brand-logo-well{width:180px;height:100px;flex-shrink:0;border-radius:14px}.brand-hero a{color:inherit}.brand-section{display:flex;flex-direction:column;gap:16px}.swatch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.swatch{display:flex;flex-direction:column;gap:4px;font-size:13.5px}.swatch-chip{height:64px;border-radius:10px;border:1px solid var(--warm-line);margin-bottom:4px}.ramp{display:flex;height:8px;border-radius:4px;overflow:hidden;border:1px solid var(--warm-line)}.ramp span{flex:1}.type-list{display:flex;flex-direction:column;gap:18px}.type-row{display:flex;flex-direction:column;gap:4px;border-bottom:1px solid var(--warm-line);padding-bottom:14px}.type-row:last-of-type{border-bottom:none}.type-specimen{line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shape-row{display:flex;gap:24px;flex-wrap:wrap}.shadow-demo-wrap{display:flex;flex-direction:column;gap:6px;max-width:180px}.shadow-demo,.radius-demo{width:120px;height:72px;background:var(--white);border-radius:10px}.radius-demo{border:1px solid var(--graphite)}.motion-list{display:flex;flex-direction:column;gap:8px}.motion-token{display:flex;gap:14px;align-items:baseline;flex-wrap:wrap}.ds-component-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.ds-component-well{display:flex;flex-direction:column;gap:8px;padding:20px 16px 12px;border:1px solid var(--warm-line);border-radius:10px;background:var(--white)}.ds-snippet{min-height:56px;display:flex;align-items:center}.voice-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.voice-rule{margin:0 0 10px;font-size:13.5px;line-height:1.55}.voice-list{margin:0;padding-left:18px;font-size:13.5px;line-height:1.7}.voice-list .dont{color:var(--graphite)}.brand-pill{display:inline-flex;align-items:center;gap:7px}.brand-badge{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.brand-badge.saved{color:var(--ink);background:var(--bone)}.brand-badge.error{color:var(--red)}.brand-badge-dot{width:8px;height:8px;border-radius:999px;background:var(--cyan);animation:brand-badge-pulse 1.2s ease-in-out infinite}@keyframes brand-badge-pulse{0%,to{opacity:1}50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.brand-badge-dot{animation:none}}.brand-pill-dot{width:9px;height:9px;border-radius:999px;flex-shrink:0}.auth-screen{justify-content:center;padding:48px 24px}.auth-col{width:380px;max-width:100%;display:flex;flex-direction:column;gap:24px}.auth-head{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.auth-form{display:flex;flex-direction:column;gap:12px}.google-btn{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--warm-line);cursor:pointer;background:var(--white);color:var(--ink);border-radius:999px;padding:10px 18px;font-family:inherit;font-size:15px;font-weight:600;transition:background-color .2s ease}@media(hover:hover)and (pointer:fine){.google-btn:hover{background:var(--bone)}}.auth-divider{display:flex;align-items:center;gap:10px}.auth-divider span{flex:1;height:1px;background:var(--warm-line)}.auth-divider em{font-size:11px;font-weight:500;font-style:normal;color:var(--graphite)}.auth-cta{margin-top:4px}.auth-swap{display:flex;gap:6px;align-items:baseline;font-size:12px;font-weight:500;color:var(--graphite)}.auth-swap .linkish{font-weight:600}.projects-col{width:1060px;max-width:100%;display:flex;flex-direction:column;gap:24px}.projects-head{display:flex;align-items:flex-end;gap:16px}.projects-head .primary{margin-left:auto;flex:none}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media(max-width:960px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.projects-grid{grid-template-columns:1fr}}.project-card{cursor:pointer;text-align:left;font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--warm-line);border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:10px;transition:border-color .2s ease}@media(hover:hover)and (pointer:fine){.project-card:hover{border-color:var(--graphite)}}.project-well{position:relative;overflow:hidden;border-radius:10px;background:var(--well);border:1px solid var(--well-line)}.project-meta{display:flex;align-items:center;gap:8px;padding:0 4px 4px}.project-text{display:flex;flex-direction:column;gap:2px;min-width:0}.project-text strong{font-size:15px;font-weight:600;line-height:1.35;text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-text span{font-size:11px;font-weight:500;color:var(--graphite)}.status-chip{margin-left:auto;flex:none;font-size:11px;font-weight:500;padding:3px 10px;border-radius:999px}.status-chip.shipped{background:var(--ink);color:var(--paper)}.status-chip.draft{background:var(--bone);color:var(--ink)}.projects-empty{border:1px dashed var(--warm-line);border-radius:14px;padding:48px 24px;text-align:center;color:var(--graphite)}.account{position:relative}.avatar{border:1px solid var(--warm-line);cursor:pointer;background:var(--bone);color:var(--ink);border-radius:999px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-family:inherit;font-size:11px;font-weight:600;flex:none;transition:border-color .2s ease}@media(hover:hover)and (pointer:fine){.avatar:hover{border-color:var(--graphite)}}.account-menu{position:absolute;right:0;top:40px;width:220px;background:var(--paper);border:1px solid var(--warm-line);border-radius:14px;box-shadow:var(--float);padding:8px;display:flex;flex-direction:column;gap:2px;z-index:50;transform-origin:top right;animation:menuIn .2s cubic-bezier(.215,.61,.355,1)}@keyframes menuIn{0%{opacity:0;transform:scale(.96) translateY(-4px)}to{opacity:1;transform:none}}.account-id{padding:8px 10px;border-bottom:1px solid var(--warm-line);margin-bottom:4px}.account-name{font-size:12px;font-weight:500;color:var(--ink)}.account-email{font-size:11px;font-weight:500;color:var(--graphite);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-item{border:none;cursor:pointer;font-family:inherit;font-size:12px;font-weight:500;padding:8px 10px;border-radius:6px;background:transparent;color:var(--ink);text-align:left;transition:background-color .2s ease}@media(hover:hover)and (pointer:fine){.menu-item:hover{background:var(--bone)}}.menu-item.quiet{color:var(--graphite)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}