:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e7e3d6;background:#101b24;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{background:#20323d;color:#d6ded9;border:1px solid #3b505a;border-radius:5px;padding:10px 12px;cursor:pointer;text-align:left;overflow-wrap:anywhere;white-space:pre-wrap}button:hover{border-color:#e6b971;background:#2c414a}button:focus-visible,input:focus-visible,summary:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #f1c77e;outline-offset:3px}button.active{border-color:#e6b971;color:#f1c77e;background:#34403e}button:disabled{opacity:.5}header{display:flex;align-items:center;gap:20px;padding:22px 30px;border-bottom:1px solid #30424b}h1{font-family:Georgia,serif;font-weight:400;font-size:26px;margin:3px 0}h2{font-family:Georgia,serif;font-weight:400;font-size:30px;line-height:1.2;overflow-wrap:anywhere;white-space:pre-wrap}h3{font-size:13px;font-weight:500}i{color:#d9b274}.brand{border:1px solid #c8ae7f;color:#e4c693;border-radius:50%;height:48px;width:48px;display:grid;place-items:center;text-decoration:none;flex:none}.eyebrow{font-size:9px;letter-spacing:2px;color:#90a2a8;margin:0}.local{margin-left:auto;font-size:10px;letter-spacing:1.5px;color:#95beb0}.workspace{display:grid;grid-template-columns:260px minmax(400px,1fr) 270px;min-height:calc(100vh - 140px)}aside{padding:26px 22px;border-right:1px solid #30424b;min-width:0}.author{border-left:1px solid #30424b;border-right:0}.intro{font-size:12px;line-height:1.8;color:#a0b0b4}.presets{display:grid;gap:6px;margin:22px 0 10px}.presets button{display:flex;justify-content:space-between;font-size:12px}.outline{width:100%;background:transparent;color:#e4c28d;margin:4px 0}.row{display:flex;gap:6px;margin:9px 0}.row>*{flex:1;min-width:0;font-size:11px}label{display:grid;gap:6px;font-size:10px;color:#a8b9bc;margin:14px 0}input:not([type=range]):not([type=color]),select,textarea{width:100%;background:#10222c;border:1px solid #40545c;border-radius:4px;color:#e5e5da;padding:9px;min-width:0}input[type=range]{accent-color:#ddb67a;width:100%}input[type=color]{width:100%;border:0;background:transparent}fieldset{border:0;margin:0;padding:0;min-width:0}summary{font-size:12px;color:#d7c49e;cursor:pointer;padding:12px 0;overflow-wrap:anywhere;white-space:pre-wrap}details{border-top:1px solid #30424b;margin-top:14px}details p{font-size:11px;color:#b6bfc0;line-height:1.6}.sectionhead{display:flex;justify-content:space-between;align-items:center;margin-top:24px}.sectionhead span{font-size:10px;color:#8a9fa6}.motifs{display:grid;gap:4px;max-height:220px;overflow:auto}.motifs button{font-size:11px;display:flex;gap:9px;align-items:center}.motifs b{width:9px;height:9px;flex:none;border-radius:2px}.triplet{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.triplet label{min-width:0}.stage{padding:28px 28px 10px;min-width:0;background:radial-gradient(ellipse at 45% 25%,#223540,#101b24 70%)}.stage-title{display:flex;gap:15px;align-items:center;justify-content:space-between}.stage-title h2{font-size:34px;margin:9px 0 23px}.time{font-family:Georgia,serif;font-size:45px;color:#eac68d;flex:none}.time small{font:12px ui-sans-serif;color:#859ca5}.views{display:grid;grid-template-columns:1fr 1fr;gap:12px}.scene,.section-view{position:relative;min-width:0;height:400px;background:#13232d;border:1px solid #344953;border-radius:8px;overflow:hidden}.scene canvas{display:block;width:100%;height:100%}.section-view{display:flex;flex-direction:column;justify-content:center}.section-view svg{width:100%;height:85%;min-height:0}.section-view p{font-size:9px;color:#96a8ac;padding:0 12px;position:absolute;bottom:8px}.viewlabel{position:absolute;top:16px;left:14px;font-size:8px;letter-spacing:1.4px;color:#b5c4c6;pointer-events:none}.scene-error{position:absolute;top:50%;font-size:12px;padding:20px;line-height:1.6;color:#d8c2a1}.transport{margin-top:28px;border-top:1px solid #3c515b;padding-top:6px}.scrub{font-size:10px;text-transform:uppercase;letter-spacing:2px;gap:15px}.markers{display:flex;gap:6px;flex-wrap:wrap}.markers button{display:grid;gap:6px;font-size:10px;flex:1;min-width:65px}.markers span{color:#d5ae70}.markers small{font-size:9px;color:#92a3a8}.equation,.notice{color:#94a9af;font-size:10px;line-height:1.8}.camera{max-width:260px}.status{font-size:12px;color:#d8c299;border-top:1px solid #33454c;padding-top:14px}.warning{color:#ffcb8e;font-size:12px;line-height:1.6}.gold{background:#dfb477!important;color:#172731;width:100%;margin:12px 0}.author fieldset>button{width:100%;margin:4px 0;font-size:11px}.author h2{font-size:25px}textarea{height:150px;font:10px ui-monospace,monospace;resize:vertical}.privacy{margin-top:28px;border-top:1px solid #354650;padding-top:10px;font-size:10px;line-height:1.7;color:#8fa5ad}.privacy button{font-size:10px}.privacy small{display:block}footer{padding:17px 30px;border-top:1px solid #30424b;color:#78919b;font-size:8px;letter-spacing:1.6px;display:flex;justify-content:space-between;gap:12px}@media(min-width:1500px){.scene,.section-view{height:520px}.workspace{grid-template-columns:285px minmax(450px,1fr) 300px}}@media(max-width:1100px){.workspace{grid-template-columns:220px minmax(350px,1fr)}.author{grid-column:1/-1;display:block;border-top:1px solid #30424b}.views{grid-template-columns:1fr}.scene,.section-view{height:330px}.section-view{height:250px}}@media(max-width:640px){header{padding:15px}.local{display:none}.workspace{display:flex;flex-direction:column}.stage{order:-1;padding:20px 14px}.stage-title h2{font-size:27px}.views{grid-template-columns:1fr 1fr}.scene,.section-view{height:240px}aside{border-top:1px solid #30424b}.viewlabel{font-size:6px;left:8px}.section-view p{font-size:8px}.scene-error{font-size:10px;padding:10px}footer{flex-direction:column}.time{font-size:30px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s,border-color .15s}.brand{animation:arrive .5s ease-out}@keyframes arrive{0%{opacity:0;transform:rotate(-10deg)}to{opacity:1;transform:none}}}label,summary,.markers button,.motifs button,.stage-title>div{min-width:0;overflow-wrap:anywhere;white-space:pre-wrap}.markers button{max-width:100%}input,select{min-width:0;max-width:100%}.motifs button{display:block}.motifs b{display:inline-block;margin-right:9px}select{white-space:pre-wrap}h1,h2,h3{min-width:0;overflow-wrap:anywhere;white-space:pre-wrap}