*{box-sizing:border-box}body{margin:0;background:#111b16;color:#e7eee7;font:14px/1.8 -apple-system,BlinkMacSystemFont,'Hiragino Kaku Gothic ProN',sans-serif}a{color:#b8debc;text-underline-offset:5px}header{display:flex;justify-content:space-between;gap:18px;padding:22px 4vw;border-bottom:1px solid #374c3c}header>a{text-decoration:none;font-weight:700;letter-spacing:.07em}nav{display:flex;gap:20px;font-size:12px}main{max-width:1560px;margin:auto;padding:0 4vw}.hero{display:flex;justify-content:space-between;align-items:center;padding:46px 0 32px}.eyebrow{font-size:11px;color:#8fad91;letter-spacing:.18em}h1{font-size:clamp(34px,4.5vw,65px);line-height:1.25;letter-spacing:-.04em;margin:10px 0 18px}h1 em{font-style:normal;color:#d2ec8e}.hero p{margin-bottom:0;color:#b8c9ba}.number{display:grid;text-align:right}.number b{font:clamp(65px,8vw,110px)/1 Georgia,serif;color:#d2ec8e}.number span{letter-spacing:.15em}.number small{color:#96b19d;font-size:11px}.preset-bar{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 28px}button,input,select,textarea{font:inherit;color:inherit}button,select,input,textarea{background:#1b2b20;border:1px solid #4b6651;border-radius:4px;padding:8px 10px}button{cursor:pointer}button:hover{border-color:#d2ec8e;color:#d2ec8e}button:disabled{opacity:.5;cursor:wait}#new,#play{background:#d2ec8e;color:#142018;border-color:#d2ec8e}select{max-width:100%;width:100%;font-size:12px}button,input,select,textarea{outline-offset:3px}.workbench{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:30px;border-top:1px solid #506e56;padding-top:24px}.stage{min-width:0}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}h2{font-size:19px;margin:0 0 14px}.section-head h2{margin:0}#phase{color:#cce9a4;font:12px monospace}canvas{display:block;width:100%;background:#14143a;aspect-ratio:16/9}#preview{border:1px solid #46624e}.transport{display:flex;gap:9px;align-items:center;margin:15px 0}input[type=range]{accent-color:#d2ec8e;min-width:60px;flex:1;padding:0}output{font:12px monospace;white-space:nowrap}#timeline{display:flex;height:22px;gap:2px;overflow:hidden;font-size:9px;line-height:22px;text-align:center;background:#283e2c}#timeline span{overflow:hidden;color:#132015}#status,#save-status{font-size:12px;color:#bdd9be;min-height:20px}#status.error{color:#ffb0a3}aside{border-left:1px solid #3c5743;padding-left:24px}label{display:grid;gap:4px;font-size:11px;color:#afc8b3;margin-bottom:12px}textarea{width:100%;resize:vertical;min-height:65px;font-size:20px;font-weight:600;line-height:1.4}.compact{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.compact input{width:100%}.check{display:flex;align-items:center;gap:8px}.check input{width:auto}.axis{display:grid;grid-template-columns:56px minmax(0,1fr);gap:8px;align-items:center;margin-bottom:8px}.axis span{font-size:10px;letter-spacing:.08em;color:#9fc3a7}.axis label{display:contents}details{border-top:1px solid #3c5743;margin-top:20px;padding-top:14px}summary{cursor:pointer;color:#c9e8af;font-size:12px;margin-bottom:12px}.stage details select{width:180px}#without{max-width:460px}.small{font-size:11px;color:#a2baaa}.exports{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.exports button{font-size:11px}.footnotes{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:38px 0 24px}.footnotes p{font-size:12px;color:#aec5b4}.audit{margin-bottom:40px}.audit button{margin-right:8px}#audit-canvas{width:320px;max-width:100%;margin-top:15px}pre{font:11px/1.6 monospace;white-space:pre-wrap;overflow-wrap:anywhere;color:#bed4be;max-height:300px;overflow:auto}footer{padding:25px 4vw;border-top:1px solid #3c5743;font-size:11px;color:#809d86}@media(max-width:950px){.workbench{grid-template-columns:1fr}.workbench aside{border-left:0;padding:0}.hero{gap:20px}.number small{max-width:120px}#axis-controls{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.footnotes{gap:25px}nav{gap:10px}header{font-size:11px}}@media(max-width:550px){.hero{align-items:flex-start}.number{padding-top:20px}.number span{font-size:10px}.number small{display:none}.hero h1{font-size:32px}#axis-controls,.footnotes{grid-template-columns:1fr}.preset-bar button{font-size:11px}.transport{flex-wrap:wrap}nav a:first-child{display:none}.section-head{align-items:flex-start;gap:10px}}

/* Transport controls stay outside the shared time coordinate system. */
.transport{flex-wrap:wrap;margin-bottom:8px}.transport output{margin-left:auto}
.time-axis{margin:0 0 16px;min-width:0}.time-axis input[type=range]{display:block;width:100%;margin:0;height:22px;padding:0;appearance:none;background:transparent;border:0;outline-offset:3px}
.time-axis input[type=range]::-webkit-slider-runnable-track{height:5px;border-radius:4px;background:#435349}
.time-axis input[type=range]::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border-radius:50%;background:#d2ec8e;margin-top:-5.5px}
.time-axis input[type=range]::-moz-range-track{height:5px;background:#435349}
.time-axis input[type=range]::-moz-range-thumb{width:16px;height:16px;border:0;border-radius:50%;background:#d2ec8e}
.time-track{position:relative;margin:0 8px}#ruler{height:30px;position:relative;font:10px/24px monospace;color:#afc8b3}#ruler span{position:absolute;transform:translateX(-50%);white-space:nowrap;border-top:5px solid #647b67}#ruler .first{transform:none}#ruler .last{transform:translateX(-100%)}
#timeline{position:relative;display:block;height:28px;gap:0;overflow:hidden;font:10px/28px sans-serif;border-radius:2px}
#timeline span{position:absolute;top:0;height:100%;white-space:nowrap;border-right:1px solid #111b16;color:#132015;text-align:center;overflow:hidden}
#playhead{position:absolute;top:0;bottom:0;width:1px;background:#fff;pointer-events:none;opacity:.8}

#cut-labels{position:relative;height:24px;font:10px/24px sans-serif;color:#d6e8d1}#cut-labels span{position:absolute;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 5px;border-left:1px solid #6d856c}.preset-bar{align-items:center}#random{border-color:#b9d989;color:#d2ec8e}