@font-face{font-family:Manrope;src:url(fonts/manrope-semibold.ttf) format('truetype');font-weight:500 800;font-display:swap}@font-face{font-family:Noto;src:url(fonts/noto-semibold.ttf) format('truetype');font-weight:500 800;font-display:swap}
@font-face{font-family:Manrope;src:url(fonts/manrope.ttf) format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Noto;src:url(fonts/noto.ttf) format('truetype');font-weight:400;font-display:swap}
:root{font-family:Manrope,Noto,"Hiragino Kaku Gothic ProN",sans-serif;color:#172632;background:#f3f2ed;font-synthesis:none;--line:#dcded7;--muted:#62716e;--navy:#101e30;--ice:#b9e7ff}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,label[for]{cursor:pointer}button{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,.file-card:focus-within{outline:3px solid #397ba0;outline-offset:4px}button{border:0}button:hover,a:hover{opacity:.8}[hidden]{display:none!important}.skip{position:absolute;top:-70px;background:white;padding:15px;z-index:9}.skip:focus{top:0}.top{height:94px;margin:0 48px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand-star{font-size:43px;font-weight:400}.brand strong{font-size:28px;letter-spacing:-1.5px;line-height:1}.brand strong span{display:block;font-size:7px;letter-spacing:1.5px;margin-top:8px}.top-right{display:flex;align-items:center;gap:34px}.private{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1.5px;font-weight:700}.private i{width:6px;height:6px;border-radius:50%;background:#477b65}.languages{display:flex;align-items:center;gap:10px;font-size:11px}.languages button{padding:12px 4px;background:none;color:#708080}.languages button[aria-pressed=true]{color:#122638;border-bottom:1px solid #122638}.languages span{color:#b5bcb8}main{max-width:1500px;margin:auto;padding:0 48px}.intro{display:flex;justify-content:space-between;align-items:end;padding:43px 0 32px}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:700;margin:0}.intro .eyebrow{color:#687773}.eyebrow span{margin-left:18px;color:#87938f}h1{font-size:clamp(38px,4.3vw,62px);line-height:1.1;letter-spacing:-2.8px;margin:14px 0 15px;font-weight:500}.title-dot{color:#57887f}.lead{font-size:13px;letter-spacing:.05em;color:#566963;margin:0;line-height:1.9}.kit-link{font-size:11px;border-bottom:1px solid #a6b2ab;padding:10px 0;margin-bottom:4px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.preview{min-width:0;background:var(--navy);color:#edf3f5;border:1px solid #1f3043;box-shadow:0 18px 44px #1326320c}.preview-top{height:53px;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.preview-top>span:last-child{font-size:8px;letter-spacing:1px;color:#9cabb9}.live-dot{color:#a8d1cd;margin:0 8px 0 16px}.stage{aspect-ratio:16/9;position:relative;background:radial-gradient(ellipse at 50% 45%,#263f53 0,#142638 44%,#0b1726 90%);overflow:hidden;isolation:isolate}.stage:before{content:'';position:absolute;inset:16px;border:1px solid #abc8d811;z-index:-1}.empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:20px}.orbit{width:155px;height:125px;position:relative;display:grid;place-items:center;margin-bottom:12px}.orbit:before,.orbit:after{content:'';position:absolute;width:150px;height:84px;border:1px solid #9ac4dc50;border-radius:50%;transform:rotate(-35deg)}.orbit:after{transform:rotate(35deg);border-color:#9ac4dc26}.orbit span{color:#d9e9e5;font-size:64px;font-family:serif;font-weight:400}.orbit i{position:absolute;top:22px;right:18px;width:5px;height:5px;border-radius:50%;background:#c8d4c2;box-shadow:0 0 12px #d6e4c8}.empty-kicker{font-size:7px;letter-spacing:2px;color:#a6bbc8;margin:0 0 15px}.empty h2{font-size:clamp(15px,1.4vw,22px);letter-spacing:.1em;font-weight:400;margin:0 0 12px}.empty>p:not(.empty-kicker){color:#acbdca;font-size:11px;margin:0}.stage-choice{font-size:11px;margin-top:24px;padding:10px 22px;color:#d9e5ea;border:1px solid #aec9d04d;border-radius:2px}.stage img{width:100%;height:100%;object-fit:contain;display:block}.stage.cover img{object-fit:cover}.scene-label{position:absolute;left:0;bottom:0;right:0;padding:40px 28px 22px;background:linear-gradient(transparent,#07111ddd)}.scene-label span{font-size:7px;letter-spacing:2px;color:#c1d2dc}.scene-label p{font-size:clamp(16px,2.3vw,32px);line-height:1.4;letter-spacing:-.02em;margin:8px 0 0;overflow-wrap:anywhere;max-height:5.6em;overflow:auto}.soundtrack{padding:24px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:center;border-top:1px solid #ffffff0b}.sound-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid #ffffff20;color:#b9d6e3;font-size:21px}.sound-info .eyebrow{color:#a2bac6;font-size:8px}.sound-info p{font-size:11px;margin:7px 0 0;overflow-wrap:anywhere;color:#d9e3e8}.audio-tag{font-size:9px;color:#a2bac6}audio{width:100%;height:36px;grid-column:1/-1;margin-top:5px;color-scheme:dark}.preview-foot{display:flex;justify-content:space-between;padding:14px 24px;border-top:1px solid #ffffff15;font-size:9px;color:#a1b3c2;gap:12px}.editor{background:#fafaf6;border:1px solid var(--line);padding:25px 24px 17px}.editor-head .eyebrow{color:#71837a;font-size:8px}.editor h2{font-size:19px;font-weight:500;letter-spacing:.04em;margin:10px 0 23px}.control-section{border-top:1px solid var(--line);padding:20px 0}.section-title{display:flex;align-items:center;gap:10px;margin-bottom:13px}.section-title>span{font-size:9px;color:#708577}h3{font-size:12px;font-weight:600;margin:0}.file-card{position:relative;display:flex;align-items:center;gap:13px;padding:15px 12px;border:1px dashed #adbab1;border-radius:3px;background:#f2f4ee;overflow:hidden}.file-card:hover{background:#e9eee6}.file-symbol{font-size:23px;font-weight:400;color:#537568}.file-card b{font-size:11px;font-weight:500;display:block}.file-card small{display:block;font-size:8px;color:#65756e;margin-top:6px}.file-card input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-detail{font-size:9px;color:#65736d;overflow-wrap:anywhere;margin:9px 0 0;line-height:1.7}fieldset{border:0;padding:0;margin:15px 0 0;min-width:0}legend{font-size:9px;color:#65736d;margin-bottom:8px}.segmented{display:flex;border:1px solid #d6ded4;padding:3px;background:#edf0e9;border-radius:4px}.segmented button{background:none;flex:1;padding:8px 3px;font-size:10px;border-radius:2px}.segmented button[aria-pressed=true]{background:#fff;box-shadow:0 1px 4px #142a1912}#scene-title{width:100%;background:white;border:1px solid #cbd3c9;border-radius:3px;padding:12px;font-size:12px;color:#1b333a}.title-options{display:flex;align-items:center;justify-content:space-between;margin-top:10px;font-size:9px;color:#65736d;gap:5px}.title-options label{display:flex;align-items:center;gap:5px}.title-options input{accent-color:#3d6b5e}.editor-bottom{border-top:1px solid var(--line);padding-top:10px}#status{font-size:10px;color:#365a4b;line-height:1.6;margin:0 0 9px}#status:empty{display:none}#clear{background:transparent;font-size:10px;padding:8px 0;color:#607369}footer{display:flex;align-items:center;gap:24px;padding:27px 0 32px;color:#697970;font-size:9px;line-height:1.8}footer p{display:flex;gap:10px;align-items:center;margin:0;white-space:nowrap}.footer-star{font-size:25px}footer>a{margin-left:auto;white-space:nowrap}
@media(min-width:1450px){.workspace{grid-template-columns:minmax(0,1fr) 340px}.stage{min-height:480px}}@media(max-width:1000px){.top{margin:0 26px}main{padding:0 26px}.workspace{grid-template-columns:minmax(0,1fr) 285px;gap:16px}.editor{padding:22px 18px}.orbit{height:85px;transform:scale(.7);margin:0}.empty-kicker{display:none}.stage-choice{margin-top:15px}.preview-top{padding:0 16px}.preview-top>span:last-child{font-size:7px}footer{flex-wrap:wrap;gap:8px 20px}}@media(max-width:760px){.top{height:78px;margin:0 20px}.private{display:none}.top-right{gap:16px}main{padding:0 20px}.intro{padding:30px 0 24px;gap:12px;align-items:start}.intro h1{font-size:42px;letter-spacing:-2px}.lead{font-size:11px;max-width:260px}.kit-link{margin-top:26px;white-space:nowrap;font-size:10px}.workspace{grid-template-columns:1fr}.editor{padding:24px}.empty h2{font-size:17px}.empty>p:not(.empty-kicker){font-size:10px}.preview-top{height:44px}.soundtrack{padding:18px}.preview-foot{padding:12px 16px;font-size:8px}.stage-choice{padding:8px 18px;font-size:10px}.orbit{height:65px;margin-top:-10px}.empty h2{margin-bottom:8px}.scene-label{padding:24px 18px 16px}.editor h2{font-size:21px}.file-card{padding:18px}.file-card b{font-size:13px}.file-card small{font-size:10px}.file-detail{font-size:11px}.segmented button{padding:12px;font-size:12px}.title-options{font-size:11px}#clear{font-size:12px;padding:12px 0}footer{display:block;font-size:10px}footer>span{display:block;margin:8px 0}footer>a{display:inline-block;padding:8px 0}}@media(max-width:380px){main{padding:0 12px}.top{margin:0 12px}.intro h1{font-size:35px}.intro .eyebrow{font-size:7px}.kit-link{font-size:9px}.empty h2{font-size:14px}.orbit{height:45px;transform:scale(.5);margin-top:-8px}.empty>p:not(.empty-kicker){font-size:9px}.stage-choice{margin-top:12px;padding:6px 12px}.preview-top>span:last-child{letter-spacing:0}.preview-foot{flex-wrap:wrap;gap:4px}}
/* Keep working controls readable, including laptop displays. */
.lead{font-size:14px}.kit-link{font-size:12px}.editor h3,.file-card b{font-size:13px}.file-card small,.file-detail,legend,.title-options,#clear{font-size:11px}.segmented button{font-size:12px}#scene-title{font-size:14px}.sound-info p,.empty>p:not(.empty-kicker),.stage-choice{font-size:12px}.preview-foot,footer{font-size:11px}#status{font-size:12px}.editor-head .eyebrow,.sound-info .eyebrow{font-size:9px}@media(max-width:760px){.lead{font-size:12px}.kit-link{font-size:11px}.preview-foot{font-size:10px}}@media(max-width:380px){.kit-link{font-size:10px}.empty>p:not(.empty-kicker){font-size:10px}.empty h2{font-size:14px}.stage-choice{font-size:11px;padding:5px 12px}}

#export-format,#export-png{display:block;width:100%;min-height:48px;margin:12px 0;padding:12px;border:1px solid #5a708c;border-radius:8px;background:#17273b;color:#fff;font:inherit}#export-png:disabled{opacity:.45}#export-png:focus-visible,#export-format:focus-visible{outline:3px solid #84c8ff;outline-offset:3px}#export-status{font-size:13px;line-height:1.7}