@font-face{font-family:DM;src:url(assets/dm-sans.ttf)}@font-face{font-family:Editorial;src:url(assets/instrument.ttf)}@font-face{font-family:Editorial;src:url(assets/instrument-italic.ttf);font-style:italic}:root{--ink:#173d32;--paper:#f5f4ee;--line:#1c42321c;--muted:#728076}*{box-sizing:border-box}body{margin:0;font-family:DM,Arial,sans-serif;background:var(--paper);color:var(--ink);font-size:13px}header{height:88px;padding:16px 30px;display:flex;align-items:center;gap:40px;border-bottom:1px solid var(--line);background:#faf9f4}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:inherit;min-width:225px;font-size:25px;line-height:1}.brand i{font:italic 29px Editorial}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:8px}.sig{width:38px;height:44px;background:var(--ink);mask:url(assets/sig.png) center/auto 180% no-repeat}.project-head{flex:1}.project-head input{border:0;background:transparent;font-size:14px;padding:0;width:230px}.project-head span{display:block;font-size:10px;color:var(--muted);margin-top:6px}.header-actions{display:flex;gap:8px}button,select,input,textarea{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:7px;background:transparent;padding:10px 14px;transition:background .15s,transform .15s}button:hover{background:#173d3209}button:active{transform:translateY(1px)}button:disabled{opacity:.4;cursor:default}.primary{background:var(--ink);color:#f5f5e9;border-color:var(--ink)}.primary:hover{background:#295745}button.primary span{margin-left:12px}main{display:grid;grid-template-columns:270px minmax(400px,1fr) 265px;min-height:calc(100vh - 88px)}aside{padding:28px 22px}.director{border-right:1px solid var(--line)}.inspector{border-left:1px solid var(--line)}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#738477}h1{font:38px/.99 Editorial;margin:23px 0 15px;font-weight:400;letter-spacing:-.7px}h1 em,h2 em{color:#7a906c}.intro{font-size:11px;line-height:1.7;color:var(--muted);margin-bottom:25px}label{display:block;font-size:10px;margin:15px 0 8px;color:#5d7465}input:not([type=checkbox]):not([type=color]):not([type=range]),textarea,select{display:block;background:#ffffff66;width:100%;border:1px solid #173d3223;border-radius:6px;padding:10px;margin-top:7px;outline:none;font-size:12px}textarea{resize:vertical;line-height:1.6}input:focus,textarea:focus,select:focus{border-color:#80a07b!important}button:focus-visible,a:focus-visible{outline:2px solid #6c956d;outline-offset:3px}.row{display:flex;gap:10px}.row>label{flex:1;min-width:0}.style-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.style-card{text-align:left;padding:7px;font-size:10px;background:#fff8;border-radius:7px}.style-card[aria-pressed=true]{border:1px solid #4b7656;box-shadow:0 0 0 1px #4b7656}.style-card .sample{height:34px;display:block;border-radius:3px;margin-bottom:7px}.organic{background:radial-gradient(ellipse at 75% 30%,#b1c28b,transparent 55%),linear-gradient(135deg,#092d22,#45633c)}.poster{background:linear-gradient(135deg,#f2a088 0 42%,#e76b46 42% 70%,#632f21 70%)}.noir{background:radial-gradient(ellipse at 20% 70%,#969d96,transparent 70%),#141a18}.playful{background:radial-gradient(circle at 25% 50%,#d6e958 0 23%,transparent 24%),radial-gradient(circle at 80% 20%,#eb95c0 0 25%,transparent 26%),#4d52b0}.create-row{display:flex;gap:7px;margin-top:17px}.create-row button{padding:10px;font-size:11px;flex:1}.helper{font-size:10px;line-height:1.6;color:var(--muted)}details{border-top:1px solid var(--line);margin-top:22px;padding-top:17px}summary{cursor:pointer;font-size:12px}.swatches{display:flex;gap:14px}.swatches label{flex:1}input[type=color]{display:block;width:100%;height:30px;border:0;padding:0;margin-top:6px;background:none;cursor:pointer}.file-button{border:1px dashed #173d3244;padding:10px;text-align:center;cursor:pointer;border-radius:5px}.file-button input[type=file]{display:none}.text-button{border:0;padding:4px 0;font-size:10px;color:#627c67}.templates{display:grid;gap:6px;margin-top:12px}.templates button{text-align:left;font-size:11px}.privacy{font-size:9px;line-height:1.7;color:#8b958d;margin-top:25px}.workspace{padding:28px 30px;background:#eceee6;overflow:hidden}.stage-top{display:flex;align-items:center;gap:15px;margin-bottom:20px}.stage-top #dimensions{font-size:9px;color:#849082;margin-left:auto}.stage{height:clamp(280px,44vh,540px);display:flex;align-items:center;justify-content:center;background:repeating-conic-gradient(#e2e5dc 0% 25%,#e7e9e1 0% 50%) 0/20px 20px;border-radius:10px;padding:18px;overflow:hidden}canvas{max-width:100%;max-height:100%;width:auto;height:auto;box-shadow:0 15px 35px #233c3620}.stage:fullscreen{height:100vh;background:#101a15;padding:30px}canvas:fullscreen{object-fit:contain;background:#101a15}.transport{display:flex;align-items:center;gap:12px;padding:18px 0}.transport button{font-size:11px;padding:8px 12px;background:#f9faf4}.transport output{font-size:10px;white-space:nowrap}.transport input[type=range]{flex:1;min-width:30px;accent-color:#234f37}.listen{display:flex;align-items:center;gap:4px;margin:0;white-space:nowrap}.listen input{accent-color:#234f37}.timeline-head{display:flex;align-items:center;justify-content:space-between;margin-top:24px}.timeline-head p{font:22px Editorial;margin:8px 0 20px}.timeline-head button{font-size:10px}.timeline{display:flex;gap:10px;overflow:auto;padding:5px 1px 15px}.scene-card{flex:0 0 150px;background:#f9faf4;text-align:left;padding:10px;border-radius:8px;position:relative}.scene-card.active{border-color:#618566;box-shadow:0 0 0 1px #618566}.scene-card small{display:flex;justify-content:space-between;font-size:9px;color:#8a978b;margin-bottom:8px}.scene-card .scene-thumb{height:84px;border-radius:4px;display:flex;align-items:center;justify-content:center;padding:10px;text-align:center;font:20px/.95 Editorial;overflow:hidden;color:#f8f4e7;word-break:break-word}.scene-card>span{display:block;margin-top:9px;font-size:9px;color:#6d7d70}.bottom-note{display:flex;justify-content:space-between;font-size:10px;color:#829080;padding-top:9px}.inspector-heading{display:flex;justify-content:space-between;align-items:center;margin:20px 0}.inspector-heading h2{font:30px Editorial;margin:0}.inspector-heading span{font-size:9px;color:#809078}.scene-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px}.scene-actions button{font-size:10px;padding:7px 9px}.tip{padding:16px;background:#e8eee0;border-radius:7px;margin-top:30px}.tip span{font-size:8px;letter-spacing:1.5px}.tip p{font:20px/1.25 Editorial;margin:9px 0 0;color:#658068}dialog{width:400px;max-width:95vw;border:1px solid #b6c5b3;border-radius:14px;padding:32px;color:var(--ink);background:#f6f5ec;box-shadow:0 30px 100px #0004}dialog::backdrop{background:#0e281a88;backdrop-filter:blur(8px)}dialog .close{float:right;border:0;padding:0;font-size:24px}dialog h2{font:46px/.95 Editorial;margin:25px 0}dialog p{font-size:12px;line-height:1.6;color:#73806f}dialog #record,dialog #download{display:block;width:100%;margin-top:22px;text-align:center}dialog #download{background:#274e39;color:#fff;padding:12px;border-radius:7px;text-decoration:none}dialog progress{width:100%;accent-color:#356543;margin-top:15px}[hidden]{display:none!important}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:#153c32;color:white;padding:12px 20px;border-radius:8px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;max-width:90vw;z-index:10}#toast.show{opacity:1;transform:translate(-50%,0)}@media(min-width:1600px){main{grid-template-columns:300px 1fr 300px}aside{padding:32px}.stage{height:52vh}}@media(max-width:1100px){main{grid-template-columns:235px minmax(300px,1fr)}.inspector{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:0 20px;border-top:1px solid var(--line)}.inspector>.eyebrow,.inspector-heading{grid-column:1/-1}.tip{display:none}.workspace{padding:22px}.header-actions button{padding:9px}.project-head{display:none}}@media(max-width:650px){header{height:auto;padding:15px;gap:10px;flex-wrap:wrap}.brand{min-width:0;flex:1}.header-actions{width:100%}.header-actions button{flex:1;font-size:11px}main{display:flex;flex-direction:column}.workspace{order:0;padding:18px}.director{order:1;border:0}.inspector{order:2;display:block;border-left:0}.stage{height:330px}.transport{gap:8px}.transport output{font-size:9px}.listen{font-size:9px}.director h1{font-size:43px}.style-card .sample{height:52px}.privacy{max-width:400px}.scene-card{flex-basis:135px}}

#export-preview{width:100%;max-height:250px;margin-top:18px;background:#14241a;border-radius:6px}header svg{vertical-align:middle;margin-left:8px}.transport svg{vertical-align:middle}
/* A quieter studio: one task panel, a generous canvas, progressive controls. */
body{background:#f4f3ed}header{height:86px;padding:18px 36px;background:#fbfaf6;border-bottom:1px solid #173d3212;gap:32px}.brand{min-width:240px;font-size:24px;gap:8px}.sig{width:42px;height:44px;flex:none;mask-size:auto 160%;mask-position:center}.brand small{font-size:7px;letter-spacing:2.1px}.brand i{font-size:28px}.header-actions button{border-radius:30px;padding:11px 18px}.project-head input{max-width:100%}.studio-tabs{padding:0 36px;display:flex;align-items:center;gap:26px;height:66px;border-bottom:1px solid var(--line);background:#fbfaf6}.studio-tabs button{border:0;border-radius:0;height:100%;padding:0 2px;color:#89958c;font-size:10px;letter-spacing:.6px;border-bottom:2px solid transparent}.studio-tabs button span{font-size:12px;letter-spacing:0;margin-left:10px}.studio-tabs button.active{color:var(--ink);border-bottom-color:var(--ink)}.studio-tabs p{margin-left:auto;color:#8a958b;font:italic 20px Editorial}main{grid-template-columns:310px minmax(0,1fr);min-height:calc(100vh - 152px);max-width:1920px;margin:auto}main .director,main .inspector{grid-column:1;grid-row:1;padding:30px 28px 40px;border:0;border-right:1px solid var(--line);background:#fbfaf6;display:block}main[data-panel=create] .inspector,main[data-panel=edit] .director{display:none}.workspace{grid-column:2;grid-row:1;padding:28px 38px 40px;background:radial-gradient(ellipse at 50% 20%,#f6f6ee,#e8ece2);min-width:0}.stage{height:clamp(320px,49vh,620px);background:#dfe4d8;border-radius:14px;padding:20px;box-shadow:inset 0 1px 4px #18362108}canvas{box-shadow:0 18px 42px #193b3226}.stage-top{margin-bottom:16px}.transport{padding:17px 0;border-bottom:1px solid #173d3212}.transport button{border-radius:30px;background:#fbfcf5}.timeline-head{margin-top:22px}.timeline-head p{font-size:25px;margin:9px 0 17px}.scene-card{flex-basis:154px;border-radius:10px;padding:9px;background:#f8f9f2}.scene-card .scene-thumb{height:88px;font-size:21px}.scene-card.active{border-color:#799376;box-shadow:0 3px 12px #1d402111}.director h1{font-size:44px;line-height:1.02;margin:22px 0 12px}.intro{font-size:12px;line-height:1.65;margin-bottom:24px}label{font-size:11px}textarea,input:not([type=color]):not([type=range]):not([type=checkbox]):not([type=file]),select{border-radius:7px}textarea{line-height:1.65;background:#fffef9;padding:12px}textarea:focus,input:focus,select:focus{outline:2px solid #91ad8066;outline-offset:2px}.style-grid{gap:9px}.style-card{padding:5px 5px 9px;border-radius:8px;font-size:10px}.style-card .sample{height:40px;border-radius:5px}.create-row{display:flex;flex-direction:column-reverse;gap:8px;margin-top:20px}.create-row button{width:100%;padding:12px;border-radius:30px}.create-row #compose{border:0;font-size:11px;color:#6b7f6d;padding:6px}.helper{font-size:10px;line-height:1.6;color:#829080}details{padding-top:18px;margin-top:20px}summary{font-size:11px;padding-bottom:4px}.swatches{margin-top:12px}.inspector-heading{margin:20px 0 24px}.inspector-heading h2{font-size:40px}.scene-extra{margin:17px 0;padding:14px 0;border-top:1px solid var(--line)}.scene-extra[open] summary{margin-bottom:15px}.scene-actions{padding-top:16px;border-top:1px solid var(--line)}.scene-actions button{border-radius:20px}.tip{display:none}.privacy{font-size:9px;color:#8c978e}.file-button input[type=file]{display:none}.file-button{padding:14px;border-radius:8px}.bottom-note{font-size:10px}.inspector>label{margin:17px 0}#headline{font:25px/1.15 Editorial;padding:14px}#body{font-size:12px}#export-preview{width:100%;border-radius:8px;margin-top:15px}.scene-thumb.poster{background:linear-gradient(115deg,#f7eade 68%,#e7825f 68%)!important;color:#52271f!important}.scene-thumb.noir{background:radial-gradient(ellipse at 30% 40%,#586c61,#151b19)!important}.scene-thumb.playful{background:#4947a0!important;color:#faedf4!important}
@media(min-width:1600px){main{grid-template-columns:340px minmax(0,1fr)}main .director,main .inspector{padding:36px}.workspace{padding:32px 50px}.stage{height:54vh}}
@media(max-width:1000px){header{padding:18px 22px}.studio-tabs{padding:0 22px}.studio-tabs p{display:none}main{grid-template-columns:270px minmax(0,1fr)}main .director,main .inspector{padding:26px 20px}.workspace{padding:24px 22px}.stage{height:360px}.timeline-head p{font-size:22px}.transport{flex-wrap:wrap}.transport input[type=range]{min-width:80px}.scene-card{flex-basis:130px}}
@media(max-width:700px){header{height:auto;padding:16px 20px;gap:16px}.brand{min-width:0}.header-actions{width:100%;gap:8px}.header-actions button{flex:1;font-size:11px;padding:10px 12px}.studio-tabs{height:56px;gap:28px;padding:0 20px}main{display:flex;flex-direction:column}.workspace{order:0;padding:20px 16px}.stage{height:300px;padding:12px}.transport{gap:8px}.transport button{padding:8px 10px}.timeline-head{margin-top:18px}.timeline-head p{font-size:22px}.timeline-head .eyebrow{font-size:8px}.timeline{padding-bottom:10px}.scene-card .scene-thumb{height:70px;font-size:18px}main .director,main .inspector{order:1;padding:28px 24px;border-top:1px solid var(--line);border-right:0}.director h1{font-size:40px}.style-grid{grid-template-columns:repeat(4,1fr)}.style-card{font-size:9px}.studio-tabs button span{font-size:11px;margin-left:6px}.stage-top{margin-bottom:12px}.bottom-note{padding-top:3px}}
@media(prefers-reduced-motion:reduce){button,#toast{transition:none}}

/* One aligned wordmark; motion stays inside the word's fixed footprint. */
.brand-lockup{display:flex;flex-direction:column;align-items:flex-start}.brand-name{display:inline-flex;align-items:baseline;gap:3px;white-space:nowrap;line-height:1.12}.brand .brand-name i{font-size:28px;line-height:1;margin:0;letter-spacing:-.8px;transform:translateY(1px)}.motion-word{display:inline-block;letter-spacing:-.7px;transform-origin:50% 80%;animation:wordmark-arrive 1.4s cubic-bezier(.2,.8,.2,1) both}.brand small{margin-top:8px}.brand:hover .motion-word{animation:wordmark-breathe 1.4s ease-in-out both}@keyframes wordmark-arrive{from{opacity:.3;transform:translateY(5px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes wordmark-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){.motion-word,.brand:hover .motion-word{animation:none}}