@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,650;9..40,750&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap";:root{--ink:#201912;--ink-soft:#615547;--paper:#f1e2bd;--paper-light:#fbf2d8;--paper-deep:#d6bd88;--lime:#a5cf38;--lime-dark:#4d661c;--red:#cc322c;--red-dark:#7c1e1b;--black:#080a0a;--line:#2d201138;--stage-width:min(30vw, 390px);color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#14110d;font-family:DM Sans,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#14110d;min-width:320px;min-height:100%}body{min-width:320px;min-height:100svh;margin:0;overflow-x:hidden}button,input,select,textarea{color:inherit;font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}img,svg,canvas,video{max-width:100%;display:block}button,select,input{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #0baec6}#root,#app{width:100%;min-width:0;min-height:100svh;overflow-x:clip}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.studio-shell{background:radial-gradient(circle at 15% 0,#a5cf3814,#0000 30rem),linear-gradient(115deg,#11100d 0%,#19140e 55%,#0a0a09 100%);width:100%;min-width:0;min-height:100svh;position:relative;overflow-x:clip}.studio-shell:before{z-index:0;pointer-events:none;content:"";opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");position:fixed;inset:0}.studio-header{z-index:4;color:#f8edcf;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080807d4;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;min-height:74px;padding:11px clamp(18px,3vw,48px);display:flex;position:relative}.brand-lockup{color:inherit;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand-lockup img{object-fit:contain;filter:drop-shadow(0 4px 12px #00000080);width:48px;height:48px}.brand-lockup span{gap:1px;display:grid}.brand-lockup b{letter-spacing:-.015em;font-family:Fraunces,Georgia,serif;font-size:clamp(1.02rem,1.4vw,1.28rem)}.brand-lockup small{color:#f8edcf94;letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:650}.project-switcher{align-items:center;gap:12px;display:flex}.project-switcher label{color:#f8edcf85;letter-spacing:.12em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:.64rem}.project-switcher-field{align-items:center;gap:14px;min-width:0;display:flex}.project-switcher select{color:#fff7df;background:0 0;border:0;border-bottom:1px solid #f8edcf7a;border-radius:0;min-width:150px;padding:7px 30px 7px 4px}.project-switcher select option{color:var(--ink);background:var(--paper-light)}.project-actions{align-items:center;gap:14px;display:flex}.project-actions .ink-action{white-space:nowrap}.studio-workbench{z-index:1;grid-template-columns:minmax(390px,.82fr) minmax(540px,1.18fr);width:100%;min-width:0;min-height:calc(100svh - 74px);display:grid;position:relative}.preview-bay{color:#f7efda;align-self:start;justify-items:center;min-height:calc(100svh - 74px);padding:clamp(22px,3.6vh,42px) clamp(24px,4vw,64px) 28px;display:grid;position:sticky;top:0;overflow:hidden}.preview-bay:before{z-index:-1;aspect-ratio:1;content:"";filter:blur(14px);background:radial-gradient(circle,#17c7db17,#ee2c850b 34%,#0000 70%);border-radius:50%;width:min(42vw,590px);position:absolute;top:22%;left:50%;transform:translate(-50%,-50%)}.preview-heading,.run-dock,.studio-notice,.error-ribbon,.text-move-note{width:var(--stage-width)}.preview-heading{justify-content:space-between;align-items:end;gap:14px;margin-bottom:12px;display:flex}.preview-heading h1{text-overflow:ellipsis;white-space:nowrap;max-width:250px;margin:2px 0 0;font-family:Fraunces,Georgia,serif;font-size:clamp(1.2rem,2.2vw,1.7rem);line-height:1.05;overflow:hidden}.eyebrow,.section-kicker{letter-spacing:.15em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:.62rem;font-weight:500}.eyebrow{color:#f7efda75}.record-status{color:#f7efda85;letter-spacing:.08em;flex:none;margin:0 0 2px;font-family:DM Mono,monospace;font-size:.64rem;position:relative}.record-status.is-live{color:#ff655f}.record-status.is-live:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px;margin-right:6px;animation:1.4s ease-in-out infinite rec-pulse;display:inline-block;box-shadow:0 0 0 5px #ff655f21}.reel-frame{width:var(--stage-width);background:#000;border:1px solid #ffffff21;border-radius:2px;position:relative;overflow:hidden;box-shadow:0 28px 70px #0000008f,0 0 0 7px #00000038}.reel-frame:after{pointer-events:none;content:"";position:absolute;inset:0;box-shadow:inset 0 0 50px #00000040}.reel-frame canvas{width:100%;height:100%}.text-move-note{color:#f7efda8f;letter-spacing:.04em;text-align:center;text-transform:uppercase;margin:9px 0 -5px;font-family:DM Mono,monospace;font-size:.58rem}.canvas-state{z-index:2;color:#ffffffb8;text-align:center;background:#000000e0;align-content:center;justify-items:center;gap:18px;padding:30px;display:grid;position:absolute;inset:0}.canvas-state p{letter-spacing:.06em;text-transform:uppercase;margin:0;font-family:DM Mono,monospace;font-size:.72rem}.canvas-state button{color:#fff;background:0 0;border:0;border-bottom:1px solid;padding:7px 3px}.canvas-state.is-error p{color:#ff7972}.loading-chute{border-left:2px solid #ea3e91;border-right:2px solid #0fd3ec;width:56px;height:82px;position:relative}.loading-chute:after{content:"";background:var(--lime);border-radius:50%;width:13px;height:13px;animation:1.35s cubic-bezier(.65,0,.35,1) infinite loading-drop;position:absolute;top:4px;left:50%;transform:translate(-50%);box-shadow:0 0 18px #a5cf38cc}.run-dock{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px;display:grid}.run-dock>:only-child{grid-column:1/-1}.primary-action,.secondary-action,.ink-action{letter-spacing:.035em;border-radius:999px;min-height:42px;font-size:.75rem;font-weight:750;transition:transform .16s,color .16s,background .16s,border-color .16s,box-shadow .16s}.primary-action{color:#182006;background:var(--lime);border:1px solid #c6ed61;padding:10px 18px;box-shadow:0 8px 24px #88bb1933}.primary-action:hover:not(:disabled){background:#b9e346;transform:translateY(-2px);box-shadow:0 10px 30px #88bb194d}.secondary-action{color:inherit;background:0 0;border:1px solid;padding:10px 18px}.preview-bay .secondary-action{color:#f7efdad1;border-color:#f7efda5c}.secondary-action:hover:not(:disabled){border-color:currentColor;transform:translateY(-2px)}.stop-action{color:#fff4e7;background:var(--red);border-color:#f05d53;box-shadow:0 8px 25px #cc322c3d}.stop-action:hover:not(:disabled){background:#dc3b34}.ink-action{min-height:34px;color:inherit;background:0 0;border:0;border-bottom:1px solid;border-radius:0;padding:6px 2px}.ink-action:hover:not(:disabled){color:var(--lime-dark);transform:translateY(-1px)}.studio-header .ink-action{color:#d7ed8b}.studio-header .erase-action{color:#ff8a84}.studio-header .erase-action:hover:not(:disabled){color:#ffb0ab}.studio-notice{color:#f7efda7a;text-align:center;min-height:2.4em;margin:10px 0 0;font-size:.7rem;line-height:1.4}.error-ribbon{color:#ff8a84;border-top:1px solid #ff6b6361;border-bottom:1px solid #ff6b6361;justify-content:space-between;align-items:center;gap:12px;margin-top:5px;padding:8px 0;font-size:.72rem;display:flex}.error-ribbon button{color:inherit;background:0 0;border:0;border-bottom:1px solid;flex:none;padding:4px 0}.control-deck{width:100%;min-width:0;color:var(--ink);background:linear-gradient(#fffae833, #a57d370b), radial-gradient(circle at 8% 3%, #ffffffa6, transparent 24rem), var(--paper);border-left:1px solid #ffffff1a;position:relative;overflow:clip;box-shadow:-20px 0 60px #0003}.control-deck:after{z-index:0;pointer-events:none;content:"";opacity:.055;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)' opacity='.6'/%3E%3C/svg%3E");position:fixed;inset:74px 0 0 50%}.deck-tabs,.deck-panel{z-index:1;position:relative}.mobile-workspace-tabs,.mobile-section-tabs{display:none}.deck-tabs{z-index:3;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f1e2bdeb;grid-template-columns:repeat(3,1fr);padding:0 clamp(24px,4.3vw,66px);display:grid;position:sticky;top:0}.deck-tabs button{color:#2019127a;letter-spacing:.08em;text-transform:uppercase;background:0 0;border:0;min-height:62px;padding:8px;font-family:DM Mono,monospace;font-size:.69rem;font-weight:500;position:relative}.deck-tabs button:after{content:"";background:var(--red);height:3px;transition:transform .18s;position:absolute;bottom:-1px;left:12%;right:12%;transform:scaleX(0)}.deck-tabs button:hover,.deck-tabs button.is-active{color:var(--ink)}.deck-tabs button.is-active:after{transform:scaleX(1)}.deck-panel{width:100%;min-width:0;max-width:900px;padding:0 clamp(24px,4.3vw,66px) 80px}.editor-section{border-bottom:1px solid var(--line);min-width:0;padding:clamp(34px,5vw,58px) 0}.editor-section:last-child{border-bottom:0}.section-kicker{color:var(--red);margin-bottom:8px;display:block}.editor-section h2,.review-copy h2,.fatal-screen h1{letter-spacing:-.035em;margin:0 0 24px;font-family:Fraunces,Georgia,serif;font-size:clamp(1.8rem,3.5vw,3rem);line-height:.98}.section-copy{max-width:610px;color:var(--ink-soft);margin:-11px 0 28px;font-size:.9rem;line-height:1.6}.underline-field{gap:5px;margin-bottom:24px;display:grid}.underline-field>span,.range-field>span{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:.63rem;font-weight:500}.underline-field input{background:0 0;border:0;border-bottom:1px solid #2019126b;border-radius:0;outline:0;width:100%;min-height:41px;padding:5px 0 8px;font-size:1rem;font-weight:600;transition:border-color .16s}.underline-field input:focus{border-bottom-color:var(--red)}.underline-field input::placeholder{color:#20191257}.two-column-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.section-heading-row{justify-content:space-between;align-items:end;gap:24px;display:flex}.section-heading-row h2{margin-bottom:0}.tier-count{color:var(--ink-soft);font-family:DM Mono,monospace;font-size:.72rem}.tier-track{grid-template-columns:repeat(var(--tier-columns,8), minmax(44px, 1fr));gap:5px;min-width:0;margin:34px 0 44px;display:grid;position:relative}.tier-track:before{z-index:-1;content:"";background:#20191247;height:1px;position:absolute;top:50%;left:2%;right:2%}.tier-node{aspect-ratio:1;background:var(--paper-light);border:1px solid #20191242;border-radius:50%;place-items:center;width:100%;min-width:0;min-height:0;padding:7px;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid;position:relative;overflow:visible;box-shadow:0 2px #20191226}.tier-node:hover{border-color:var(--lime-dark);transform:translateY(-3px)}.tier-node.is-selected{border-color:var(--red);transform:translateY(-3px);box-shadow:0 0 0 3px #cc322c21,0 2px #20191226}.tier-node>span{width:17px;height:17px;color:var(--paper-light);background:var(--ink);border-radius:50%;place-items:center;font-family:DM Mono,monospace;font-size:.54rem;display:grid;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.tier-node img{object-fit:contain;filter:drop-shadow(0 3px 2px #20191229);width:100%;min-width:0;height:100%;min-height:0}.selected-tier-editor{grid-template-columns:minmax(130px,.36fr) minmax(250px,1fr);align-items:center;gap:clamp(26px,4vw,55px);display:grid}.tier-portrait{background:#fff8e057;border:1px solid #20191242;border-radius:50% 48% 52% 47%;place-items:center;min-height:210px;padding:28px 20px 35px;display:grid;position:relative}.tier-portrait:before{border-radius:inherit;content:"";border:1px dashed #20191233;position:absolute;inset:8px;transform:rotate(-3deg)}.tier-portrait img{z-index:1;object-fit:contain;filter:drop-shadow(0 12px 9px #20191233);width:100%;max-height:135px;position:relative}.tier-portrait span{color:var(--red-dark);letter-spacing:.08em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:.6rem;position:absolute;bottom:15px;right:24px;transform:rotate(-4deg)}.tier-fields{min-width:0}.tier-remove-action{color:var(--red-dark)}.tier-remove-action:hover:not(:disabled){color:var(--red)}.tier-limit-note{color:var(--ink-soft);letter-spacing:.04em;margin:10px 0 0;font-family:DM Mono,monospace;font-size:.6rem}.range-field{gap:10px;margin:20px 0 23px;display:grid}.live-tuning-status{color:var(--red-dark);letter-spacing:.11em;text-transform:uppercase;margin:24px 0 3px;font-family:DM Mono,monospace;font-size:.62rem;font-weight:600}.tuning-note{max-width:520px;color:var(--ink-soft);margin:-8px 0 4px;font-size:.76rem;line-height:1.55}.range-field>span{justify-content:space-between;gap:16px;display:flex}.range-field b{color:var(--ink);white-space:nowrap;font-weight:500}input[type=range]{appearance:none;background:0 0;width:100%;height:18px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--red), var(--paper-deep) 42%, var(--lime-dark));border-radius:2px;height:3px}input[type=range]::-moz-range-track{background:linear-gradient(90deg, var(--red), var(--paper-deep) 42%, var(--lime-dark));border:0;border-radius:2px;height:3px}input[type=range]::-webkit-slider-thumb{appearance:none;border:3px solid var(--paper-light);background:var(--ink);width:17px;height:17px;box-shadow:0 0 0 1px var(--ink);border-radius:50%;margin-top:-7px}input[type=range]::-moz-range-thumb{border:3px solid var(--paper-light);background:var(--ink);width:12px;height:12px;box-shadow:0 0 0 1px var(--ink);border-radius:50%}.inline-actions{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.inline-actions .primary-action.compact{min-height:38px;padding:7px 16px}.voice-recorder{align-items:center;gap:18px;margin:28px 0 20px;display:flex}.record-orb{border:1px solid var(--red);background:0 0;border-radius:50%;flex:0 0 72px;place-items:center;width:72px;height:72px;padding:0;transition:transform .16s,box-shadow .16s;display:grid;position:relative}.record-orb:after{content:"";border:1px dashed #cc322c80;border-radius:50%;position:absolute;inset:7px}.record-orb span{background:var(--red);border-radius:50%;width:30px;height:30px;transition:border-radius .16s,transform .16s;box-shadow:0 6px 15px #cc322c38}.record-orb:hover{transform:scale(1.04);box-shadow:0 0 0 7px #cc322c14}.record-orb.is-recording span{border-radius:5px;transform:scale(.72)}.record-orb.is-recording:after{animation:6s linear infinite orbit}.voice-recorder>div{gap:4px;display:grid}.voice-recorder b{font-family:Fraunces,Georgia,serif;font-size:1.12rem}.voice-recorder small{color:var(--ink-soft);line-height:1.45}.toggle-line{color:var(--ink-soft);align-items:center;gap:10px;font-size:.78rem;line-height:1.35;display:inline-flex}.toggle-line input{appearance:none;background:0 0;border:1px solid #20191273;border-radius:999px;flex:none;width:36px;height:20px;margin:0;transition:background .16s,border-color .16s;position:relative}.toggle-line input:after{content:"";background:var(--ink-soft);border-radius:50%;width:12px;height:12px;transition:transform .16s,background .16s;position:absolute;top:3px;left:3px}.toggle-line input:checked{border-color:var(--lime-dark);background:#5a7b1c29}.toggle-line input:checked:after{background:var(--lime-dark);transform:translate(16px)}.editor-section>.toggle-line{margin:26px 0 4px}.toggle-pair{flex-wrap:wrap;gap:18px 28px;margin:24px 0;display:flex}.clip-shelf{border-top:1px solid var(--line);margin-top:27px}.clip-swipe-hint{color:var(--ink-soft);border-bottom:1px solid var(--line);letter-spacing:.04em;text-transform:uppercase;margin:0;padding:10px 3px 8px;font-family:DM Mono,monospace;font-size:.58rem}.clip-entry{min-width:0}.clip-swipe-row{--clip-action-width:76px;--clip-actions-width:152px;overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.clip-swipe-row::-webkit-scrollbar{display:none}.clip-swipe-track{grid-template-columns:calc(100% - var(--clip-actions-width)) repeat(2, var(--clip-action-width));width:calc(100% + var(--clip-actions-width));display:grid}.clip-row{width:100%;min-height:51px;color:var(--ink-soft);border:0;border-bottom:1px solid var(--line);background:var(--paper);text-align:left;scroll-snap-align:start;grid-template-columns:minmax(0,1fr) auto;gap:15px;padding:14px 3px;display:grid;position:relative}.clip-row:hover,.clip-row.is-selected{color:var(--ink)}.clip-row.is-selected{padding-left:15px}.clip-row.is-selected:before{content:"";background:var(--red);border-radius:50%;width:6px;height:6px;margin:6px 0 0 -15px;position:absolute}.clip-row span{text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.clip-row small{font-family:DM Mono,monospace}.clip-row-action{border:0;border-bottom:1px solid var(--line);background:0 0;min-height:51px;padding:6px;font-size:.66rem;font-weight:750}.clip-row-action.rename{color:var(--lime-dark)}.clip-row-action.delete{color:var(--red-dark);scroll-snap-align:end}.clip-rename-form{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px;padding:12px 3px 15px;display:grid}.clip-rename-form label{gap:3px;display:grid}.clip-rename-form label span{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:.58rem}.clip-rename-form input{border:0;border-bottom:1px solid var(--ink-soft);background:0 0;border-radius:0;outline:0;width:100%;min-width:0;padding:6px 0;font-weight:650}.clip-rename-form input:focus{border-bottom-color:var(--red)}.clip-rename-form>div{gap:14px;display:flex}.guiding-empty{max-width:520px;color:var(--ink-soft);margin:0;padding:18px 0;font-size:.78rem;font-style:italic;line-height:1.55}.viral-section{position:relative}.viral-section:before{color:#cc322c1f;content:"VIRAL";letter-spacing:-.08em;font-family:DM Mono,monospace;font-size:clamp(2.8rem,7vw,5.5rem);font-weight:500;position:absolute;top:35px;right:0;transform:rotate(-3deg)}.viral-section>*{position:relative}.soundtrack-controls{border-top:2px solid var(--ink);margin-top:34px;padding:25px 0 3px}.soundtrack-controls>p{margin:0 0 25px;font-family:Fraunces,Georgia,serif;font-size:1.05rem}.source-link{color:var(--red-dark);border-bottom:1px solid;padding:7px 1px;font-size:.73rem;font-weight:750;text-decoration:none;display:inline-block}.source-import-note{max-width:570px;color:var(--ink-soft);margin:-10px 0 22px;font-size:.75rem;line-height:1.55}.media-editor-backdrop{z-index:20;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#080807c7;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.media-editor-sheet{width:min(680px,100%);max-height:calc(100svh - 48px);color:var(--ink);border-top:4px solid var(--red);background:radial-gradient(circle at 8% 3%, #ffffffa6, transparent 22rem), var(--paper);padding:clamp(27px,5vw,52px);overflow-y:auto;box-shadow:0 34px 90px #0000008c}.media-editor-sheet h2{letter-spacing:-.035em;margin:0 0 24px;font-family:Fraunces,Georgia,serif;font-size:clamp(2rem,5vw,3.2rem);line-height:.98}.clip-selection-readout{color:var(--ink-soft);grid-template-columns:auto 1fr auto;align-items:baseline;gap:13px;margin:28px 0 8px;font-family:DM Mono,monospace;font-size:.65rem;display:grid}.clip-selection-readout b{color:var(--ink);text-align:center;font-size:.66rem;font-weight:500}.clip-selection-rail{height:13px;margin-bottom:25px;position:relative}.clip-selection-rail:before{content:"";background:#20191240;height:2px;position:absolute;top:5px;left:0;right:0}.clip-selection-rail span{top:3px;right:calc(100% - var(--clip-end));left:var(--clip-start);background:linear-gradient(90deg, var(--red), var(--lime-dark));height:6px;position:absolute}.media-trim-range{margin-block:17px 20px}.media-source-credit{color:var(--ink-soft);margin:8px 0 21px;font-family:DM Mono,monospace;font-size:.6rem}.media-editor-actions{flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:30px;display:flex}.social-format-picker{border:0;border-top:2px solid var(--ink);min-width:0;margin:30px 0 8px;padding:25px 0 5px}.social-format-picker legend{color:var(--ink-soft);letter-spacing:.1em;text-transform:uppercase;padding:0;font-family:DM Mono,monospace;font-size:.63rem;font-weight:500}.platform-rail{border-bottom:1px solid var(--line);overscroll-behavior-x:contain;scrollbar-width:thin;scroll-snap-type:x proximity;gap:24px;max-width:100%;margin-top:12px;display:flex;overflow-x:auto}.platform-choice{cursor:pointer;scroll-snap-align:start;flex:none;position:relative}.platform-choice>span{min-height:46px;color:var(--ink-soft);border-bottom:3px solid #0000;place-items:center;padding:8px 1px 7px;font-size:.8rem;font-weight:700;transition:color .16s,border-color .16s;display:grid}.platform-choice input:checked+span{color:var(--ink);border-bottom-color:var(--red)}.platform-choice input:focus-visible+span{outline-offset:-3px;outline:3px solid #0baec6}.placement-list{grid-template-columns:repeat(auto-fit,minmax(138px,1fr));gap:0 22px;margin-top:18px;display:grid}.placement-choice{cursor:pointer;min-width:0;position:relative}.placement-choice>span{border-bottom:1px solid var(--line);align-content:center;gap:4px;min-height:66px;padding:12px 4px 12px 17px;transition:color .16s,border-color .16s;display:grid;position:relative}.placement-choice>span:before{border:1px solid var(--ink-soft);content:"";border-radius:50%;width:7px;height:7px;transition:background .16s,border-color .16s,box-shadow .16s;position:absolute;top:50%;left:1px;transform:translateY(-50%)}.placement-choice b{text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.placement-choice small{color:var(--ink-soft);letter-spacing:.04em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:.58rem}.placement-choice input:checked+span{color:var(--red-dark);border-bottom-color:#cc322c94}.placement-choice input:checked+span:before{border-color:var(--red);background:var(--red);box-shadow:0 0 0 4px #cc322c1f}.placement-choice input:focus-visible+span{outline-offset:-3px;outline:3px solid #0baec6}.social-format-picker:disabled .platform-choice,.social-format-picker:disabled .placement-choice{cursor:not-allowed;opacity:.45}.format-summary{color:var(--ink-soft);justify-content:space-between;align-items:baseline;gap:18px;margin:22px 0 0;font-size:.72rem;line-height:1.4;display:flex}.format-summary b{color:var(--ink);flex:none;font-family:DM Mono,monospace;font-size:.66rem;font-weight:500}.record-readout{border-top:2px solid var(--ink);border-bottom:1px solid var(--ink);grid-template-columns:1fr auto auto;align-items:baseline;gap:25px;margin:28px 0 35px;padding:20px 0;display:grid}.record-readout span{font-family:Fraunces,Georgia,serif;font-size:clamp(1.2rem,3vw,2.2rem);font-weight:700}.record-readout b,.record-readout small{font-family:DM Mono,monospace;font-size:.73rem;font-weight:500}.record-readout small{color:var(--ink-soft)}.compatibility-note{color:#8a3c22;border-bottom:1px solid #8a3c2259;margin:-17px 0 30px;padding:0 0 12px;font-size:.73rem;line-height:1.55}.record-checklist{border-top:1px solid var(--line);gap:0;margin:34px 0;padding:0;list-style:none;display:grid}.record-checklist li{min-height:48px;color:var(--ink-soft);border-bottom:1px solid var(--line);grid-template-columns:32px 1fr;align-items:center;font-size:.8rem;display:grid}.record-checklist li>span{border:1px solid;border-radius:50%;place-items:center;width:21px;height:21px;font-family:DM Mono,monospace;font-size:.58rem;display:grid}.record-checklist li.is-ready{color:var(--lime-dark)}.record-checklist li.is-ready>span{color:var(--paper-light);border-color:var(--lime-dark);background:var(--lime-dark)}.wide-action{width:100%;margin-top:9px}.record-setup>.secondary-action{color:var(--ink);border-color:#20191273}.privacy-note{color:var(--ink-soft);text-align:center;margin:19px 0 0;font-family:DM Mono,monospace;font-size:.62rem;line-height:1.55}.processing-state{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:center;align-items:center;gap:13px;min-height:52px;margin:12px 0;display:flex}.processing-state span{border:2px solid #20191233;border-top-color:var(--red);border-radius:50%;width:15px;height:15px;animation:.9s linear infinite orbit}.processing-state p{text-transform:uppercase;margin:0;font-family:DM Mono,monospace;font-size:.68rem}.control-deck[aria-disabled=true]{cursor:wait;filter:saturate(.78)}.control-deck[aria-disabled=true] .deck-panel{opacity:.54}.control-deck[aria-disabled=true] .deck-tabs{opacity:.7}.project-switcher select:disabled,.project-switcher button:disabled{opacity:.42}.review-screen{z-index:20;color:#f8edcf;background:radial-gradient(circle at 23% 45%,#1ddde817,#0000 25rem),#080908;grid-template-columns:minmax(280px,.8fr) minmax(340px,1fr);align-items:center;gap:clamp(40px,8vw,120px);padding:clamp(28px,6vw,90px);display:grid;position:fixed;inset:0;overflow:auto}.review-screen:before{pointer-events:none;content:"";opacity:.15;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");position:absolute;inset:0}.review-video-wrap,.review-copy{position:relative}.review-video-wrap{background:#000;justify-self:end;width:min(32vw,430px);overflow:hidden;box-shadow:0 25px 80px #000000a6,0 0 0 1px #ffffff26}.review-video-wrap video{object-fit:contain;width:100%;height:100%}.review-copy{max-width:540px}.review-copy .section-kicker{color:#b8dd55}.review-copy h2{margin-bottom:18px;font-size:clamp(2.5rem,6vw,5.6rem)}.review-copy>p{color:#f8edcf9e;max-width:480px;line-height:1.6}.review-copy>.review-feedback{color:#c6ed61;letter-spacing:.02em;margin:18px 0 0;font-family:DM Mono,monospace;font-size:.7rem}.review-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.review-actions .secondary-action,.review-actions .ink-action{color:#f8edcf}.review-actions .secondary-action{border-color:#f8edcf6b}.review-actions .ink-action{margin-left:7px}.fatal-screen{color:#f8edcf;text-align:center;background:radial-gradient(circle at 50% 38%,#cc322c26,#0000 20rem),#090a09;place-content:center;justify-items:center;min-height:100svh;padding:32px 22px;display:grid;position:relative}.fatal-screen:before{content:"";border:1px dashed #f8edcf21;border-radius:50%;width:min(76vw,560px);height:min(76vw,560px);position:absolute;top:12%;transform:rotate(-7deg)}.fatal-screen>*{position:relative}.fatal-screen img{object-fit:contain;filter:grayscale()contrast(1.2)drop-shadow(0 8px 24px #00000080);width:86px;height:86px;margin-bottom:25px}.fatal-screen>span{color:#ff716a;letter-spacing:.15em;text-transform:uppercase;margin-bottom:10px;font-family:DM Mono,monospace;font-size:.64rem}.fatal-screen h1{max-width:650px;margin-bottom:17px;font-size:clamp(2.2rem,7vw,5rem)}.fatal-screen p{color:#f8edcf9e;max-width:510px;margin:0 0 26px;line-height:1.6}.fatal-screen button{color:#172004;background:var(--lime);border:1px solid #c6ed61;border-radius:999px;min-height:44px;padding:9px 21px;font-weight:750}@keyframes loading-drop{0%{opacity:0;transform:translate(-50%)scale(.8)}18%,82%{opacity:1}to{opacity:0;transform:translate(-50%,61px)scale(1.12)}}@keyframes rec-pulse{0%,to{opacity:1;box-shadow:0 0 0 4px #ff655f1f}50%{opacity:.72;box-shadow:0 0 0 8px #ff655f08}}@keyframes orbit{to{transform:rotate(360deg)}}@media (width<=1120px){:root{--stage-width:min(36vw, 370px)}.studio-workbench{grid-template-columns:minmax(360px,.78fr) minmax(470px,1.22fr)}.preview-bay{padding-inline:30px}.tier-track{grid-template-columns:repeat(var(--tier-mobile-columns,4), minmax(55px, 1fr));row-gap:18px}.tier-track:before{display:none}}@media (width<=850px),(hover:none) and (pointer:coarse) and (device-width<=850px){:root{--stage-width:min(76vw, 400px)}.studio-header{flex-wrap:wrap;gap:14px;min-height:auto;padding-block:13px;position:relative}.project-switcher{margin-left:auto}.project-switcher label{display:none}.studio-workbench{grid-template-columns:minmax(0,1fr);display:grid}.preview-bay{width:100%;max-width:100vw;min-height:auto;padding-block:30px 25px;position:relative}.control-deck{width:100%;max-width:100vw;box-shadow:none;border-top:1px solid #ffffff1f;border-left:0}.control-deck:after{position:absolute;inset:0}.deck-tabs{width:100%;top:0}.deck-panel{max-width:760px;margin-inline:auto}.review-screen{grid-template-columns:1fr;justify-items:center;gap:40px}.review-video-wrap{justify-self:center;width:min(62vw,370px)}.review-copy{text-align:center}.review-copy>p{margin-inline:auto}.review-actions{justify-content:center}}@media (width<=600px),(hover:none) and (pointer:coarse) and (device-width<=600px){:root{--mobile-header-height:calc(58px + env(safe-area-inset-top));--mobile-tabs-height:48px;--stage-width:min(calc(100vw - 20px), calc(56.25svh - 152px), 390px)}body{overflow:hidden}.studio-shell{background:#070808;height:100svh;min-height:100svh;overflow:hidden}.studio-shell:before{opacity:.08}.studio-header{width:100%;min-height:var(--mobile-header-height);height:var(--mobile-header-height);padding:calc(7px + env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) 7px max(10px, env(safe-area-inset-left));-webkit-backdrop-filter:none;backdrop-filter:none;background:#080909;flex-wrap:nowrap;gap:8px;display:flex}.brand-lockup{flex:none}.brand-lockup span{display:none}.brand-lockup img{width:34px;height:34px}.project-switcher{flex:auto;width:auto;min-width:0;margin:0;display:block}.project-switcher-field{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;display:grid}.project-switcher select{width:100%;min-width:0;max-width:none;min-height:38px;padding-left:2px;font-size:.76rem}.project-actions{justify-content:flex-end;gap:9px}.project-actions .ink-action{min-height:44px;padding-inline:0;font-size:.62rem}.mobile-workspace-tabs{z-index:5;width:100%;min-height:var(--mobile-tabs-height);height:var(--mobile-tabs-height);padding-inline:max(7px, env(safe-area-inset-left));background:#0b0c0c;border-bottom:1px solid #ffffff21;grid-template-columns:repeat(4,1fr);display:grid;position:relative}.mobile-workspace-tabs button,.mobile-section-tabs button{color:#f8f1de80;letter-spacing:.06em;text-transform:uppercase;background:0 0;border:0;min-width:0;padding:0 4px;font-family:DM Mono,monospace;font-size:.62rem;font-weight:500;position:relative}.mobile-workspace-tabs button:after,.mobile-section-tabs button:after{content:"";background:#e5463f;height:2px;transition:transform .16s;position:absolute;bottom:0;left:20%;right:20%;transform:scaleX(0)}.mobile-workspace-tabs button.is-active,.mobile-section-tabs button.is-active{color:#fff7e3}.mobile-workspace-tabs button.is-active:after,.mobile-section-tabs button.is-active:after{transform:scaleX(1)}.studio-workbench{height:calc(100svh - var(--mobile-header-height) - var(--mobile-tabs-height));min-height:0;display:block;overflow:hidden}.studio-workbench:not([data-mobile-screen=preview]) .preview-bay,.studio-workbench[data-mobile-screen=preview] .control-deck{display:none}.preview-bay{width:100%;height:100%;min-height:0;padding:7px 10px max(5px, env(safe-area-inset-bottom));grid-template-rows:auto minmax(0,1fr) auto auto;align-content:stretch;align-items:center;display:grid;position:relative;overflow:hidden}.preview-bay:before{display:none}.preview-heading,.run-dock,.studio-notice,.error-ribbon,.text-move-note{max-width:100%}.preview-heading{width:var(--stage-width);margin:0 auto 5px}.preview-heading h1{max-width:210px;margin-top:1px;font-size:.98rem}.preview-heading .eyebrow{font-size:.48rem}.record-status{font-size:.51rem}.reel-frame{width:var(--stage-width);align-self:center;max-height:100%;box-shadow:0 10px 30px #00000073}.text-move-note{display:none}.run-dock{width:var(--stage-width);gap:7px;margin:7px auto 0}.run-dock .primary-action,.run-dock .secondary-action{min-height:38px;padding:7px 9px;font-size:.64rem}.studio-notice{width:var(--stage-width);text-overflow:ellipsis;white-space:nowrap;min-height:14px;margin:4px auto 0;font-size:.56rem;line-height:1.25;overflow:hidden}.error-ribbon{background:#080909;width:auto;position:absolute;bottom:5px;left:10px;right:10px}.control-deck{--ink:#f6eed8;--ink-soft:#aaa293;--paper-light:#181a19;--paper-deep:#5b5850;--line:#ffffff24;--lime-dark:#bddc58;width:100%;height:100%;color:var(--ink);background:#0d0f0e;border:0;display:block}.control-deck:after,.deck-tabs{display:none}.deck-panel{width:100%;max-width:100%;height:100%;max-height:100%;padding:0 max(16px, env(safe-area-inset-right)) max(74px, calc(env(safe-area-inset-bottom) + 54px)) max(16px, env(safe-area-inset-left));overscroll-behavior:contain;scrollbar-color:#ffffff47 transparent;background:#0d0f0e;margin:0;overflow-y:auto}.mobile-section-tabs{z-index:4;border-bottom:1px solid var(--line);background:#0d0f0ef5;grid-template-columns:repeat(2,minmax(0,1fr));height:44px;margin:0 -16px 2px;padding-inline:16px;display:grid;position:sticky;top:0}#panel-brand[data-mobile-section=canvas] .tier-editor,#panel-brand[data-mobile-section=items] .brand-basics,#panel-sound[data-mobile-section=voice] .viral-section,#panel-sound[data-mobile-section=soundtrack] .voice-section{display:none}.editor-section{border-color:var(--line);padding-block:15px}.editor-section h2{color:#fff7e3;margin-bottom:13px;font-size:1.36rem;line-height:1}.section-kicker{margin-bottom:5px;font-size:.52rem}.section-copy{color:var(--ink-soft);margin:-3px 0 13px;font-size:.7rem;line-height:1.42}.voice-section>.section-copy{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.underline-field{gap:3px;margin-bottom:13px}.underline-field>span,.range-field>span{color:var(--ink-soft);font-size:.56rem}.underline-field input{min-height:34px;color:var(--ink);border-bottom-color:#ffffff47;padding-bottom:6px;font-size:.86rem}.two-column-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.range-field{gap:4px;margin-block:9px 12px}input[type=range]{height:27px}input[type=range]::-webkit-slider-thumb{border-color:#0d0f0e;width:19px;height:19px;margin-top:-8px}input[type=range]::-moz-range-thumb{border-color:#0d0f0e;width:14px;height:14px}.tuning-note{color:var(--ink-soft);margin:0;font-size:.66rem}.section-heading-row{align-items:center}.tier-track{grid-template-columns:repeat(var(--tier-mobile-columns,4), minmax(0, 1fr));gap:10px 7px;margin:20px 0 17px}.tier-node{min-height:42px;box-shadow:none;background:0 0;border-color:#fff3;padding:5px}.tier-node.is-selected{border-color:#e5463f;box-shadow:0 0 0 2px #e5463f2e}.tier-node>span{color:#0d0f0e;background:#f6eed8}.selected-tier-editor{grid-template-columns:100px minmax(0,1fr);align-items:start;gap:15px}.tier-portrait{background:0 0;border-color:#ffffff38;width:100px;min-height:122px;padding:18px 12px 27px}.tier-portrait:before{border-color:#ffffff24}.tier-portrait img{max-height:76px}.tier-portrait span{color:#ef6b64;font-size:.49rem;bottom:10px;right:12px}.inline-actions{gap:4px 16px}.inline-actions .ink-action{color:#f6eed8;min-height:38px;font-size:.68rem}.inline-actions .tier-remove-action{color:#ff7b74}.tier-limit-note{color:var(--ink-soft)}.voice-recorder{align-items:center;gap:13px;margin:13px 0}.record-orb{flex-basis:56px;width:56px;height:56px}.record-orb span{width:23px;height:23px}.voice-recorder b{color:#fff7e3;font-size:.96rem}.voice-recorder small{color:var(--ink-soft);font-size:.68rem}.toggle-line{min-height:38px;color:var(--ink-soft);font-size:.7rem}.clip-shelf{max-height:calc(100svh - 420px);margin-top:14px;overflow-y:auto}.source-import-note,.privacy-note,.compatibility-note{color:var(--ink-soft)}.viral-section:before{display:none}.clip-swipe-row{--clip-action-width:82px;--clip-actions-width:164px}.clip-row,.clip-row-action{min-height:48px}.clip-rename-form{grid-template-columns:1fr;gap:8px}.clip-rename-form>div{justify-content:flex-end}.clip-rename-form .ink-action{min-height:38px}.media-editor-backdrop{align-items:end;padding:0}.media-editor-sheet{width:100%;max-height:calc(100svh - env(safe-area-inset-top));padding:29px max(20px, env(safe-area-inset-right)) max(28px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));border-top-width:3px}.media-editor-actions{display:grid}.media-editor-actions .ink-action{min-height:44px}.social-format-picker{border-top-color:#ffffff80;margin:14px 0 5px;padding:13px 0 3px}.platform-choice,.placement-choice{color:var(--ink-soft)}:is(.platform-choice:has(input:checked),.placement-choice:has(input:checked)){color:#fff7e3}.record-readout{grid-template-columns:1fr auto}.record-readout small{grid-column:1/-1}.platform-rail{gap:21px;margin-right:-18px;padding-right:18px}.placement-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.format-summary{flex-direction:column;align-items:flex-start;gap:6px}.record-checklist{margin:18px 0}.record-checklist li{min-height:42px}.record-setup>.secondary-action{color:#f6eed8;border-color:#ffffff52}.review-screen{align-content:start;gap:30px;padding:22px 18px 40px}.review-video-wrap{width:min(70vw,300px)}.review-copy h2{font-size:2.7rem}.review-actions{width:100%;display:grid}.review-actions .ink-action{margin-left:0}}@media (height<=820px) and (width>=851px){:root{--stage-width:min(26vw, 320px)}.preview-bay{padding-block:18px 14px}.preview-heading{margin-bottom:8px}.run-dock{margin-top:10px}.studio-notice{margin-top:7px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@supports (padding:max(0px)){.studio-header{padding-top:max(11px, calc(env(safe-area-inset-top) + 8px));padding-right:max(15px, calc(env(safe-area-inset-right) + 12px));padding-left:max(15px, calc(env(safe-area-inset-left) + 12px))}.review-screen{padding-top:max(22px, calc(env(safe-area-inset-top) + 16px));padding-right:max(18px, calc(env(safe-area-inset-right) + 14px));padding-bottom:max(40px, calc(env(safe-area-inset-bottom) + 24px));padding-left:max(18px, calc(env(safe-area-inset-left) + 14px))}}@media (width<=600px),(hover:none) and (pointer:coarse) and (device-width<=600px){@supports (padding:max(0px)){.studio-header{padding-top:calc(7px + env(safe-area-inset-top));padding-right:max(10px, env(safe-area-inset-right));padding-left:max(10px, env(safe-area-inset-left))}}}