:root{font-family:Arial,Helvetica,sans-serif;color:#e5eeeb;background:#111d20;font-synthesis:none;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,.file{color:#e4eeeb;background:#203237;border:1px solid #3a4d50;border-radius:7px;padding:10px 14px;cursor:pointer;transition:background .18s,transform .18s}button:hover,.file:hover{background:#34474b}button:active{transform:translateY(1px)}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #eeb084;outline-offset:3px}button:disabled{opacity:.4;cursor:not-allowed}main{min-height:100dvh;max-width:1800px;margin:auto;padding:30px 42px}header,.brand,.intro,.presets,.row,.score-heading,.transport,.legend,.exports{display:flex;align-items:center;gap:12px}header{justify-content:space-between;padding-bottom:28px;border-bottom:1px solid #354446}.mark{font-size:54px;color:#efaa7f;padding-right:16px}.eyebrow{font-size:10px;letter-spacing:2.3px;color:#9db4b7;font-weight:600;margin:0 0 9px}h1{font-size:32px;letter-spacing:-1.2px;font-weight:400;margin:0}h1 i{font-family:Georgia,serif;color:#edb18c}.header-note{font-size:10px;line-height:1.8;color:#8ba3a5;letter-spacing:1.3px;text-align:right}.header-note strong{color:#d9e8e5;font-size:12px;letter-spacing:.3px}.intro{justify-content:space-between;margin:22px 0 28px}.intro p{font-family:Georgia,serif;font-size:20px}.intro p span{color:#93a9ab}.presets{flex-wrap:wrap}.presets button{font-size:12px}.presets small{color:#b3c7c5;margin-left:12px}.workspace{display:grid;grid-template-columns:265px 1fr;border:1px solid #3c4d4f;border-radius:14px;overflow:hidden;background:#142326}aside{padding:27px;border-right:1px solid #34484b}h2{font-size:21px;letter-spacing:-.4px;font-weight:400;margin:0 0 12px}.muted,.fine{color:#94abad;line-height:1.65}.muted{font-size:13px}.fine{font-size:11px}.spectrum{display:flex;align-items:end;gap:3px;height:150px;margin:8px 0 26px}.spectrum button{width:8px;flex:1;padding:0;min-width:0;border:0;border-radius:3px 3px 0 0;background:#2c4145;position:relative}.spectrum button.active{background:#dc956b}.spectrum button.chosen{outline:2px solid #e7ebdc;outline-offset:2px}.spectrum span{font-size:8px;position:absolute;bottom:-15px;left:0;color:#b0bfbc}.stat{display:flex;align-items:center;gap:15px}.stat strong{font:46px Georgia,serif;color:#eabb97}.stat span{font-size:9px;line-height:1.8;letter-spacing:1px;color:#97b0b2}hr{border:0;border-top:1px solid #34484b;margin:24px 0}label{display:block;font-size:10px;letter-spacing:.8px;color:#aac0bf}input,select{display:block;color:#dbe8e5;background:#101d20;border:1px solid #40595c;border-radius:5px;padding:10px;margin:6px 0 12px;max-width:100%;width:100%}.wide{width:100%;margin-bottom:10px}.row{flex-wrap:wrap}.row button{font-size:11px}.score{min-width:0;padding:27px 30px}.score-heading{justify-content:space-between;align-items:start}.score-heading h2{font-family:Georgia,serif;font-size:27px}.badge{font-size:10px;border:1px solid #3c5457;padding:6px 8px;border-radius:4px;color:#adc3c1;white-space:nowrap}.timeline{width:100%;margin-top:24px}.timeline svg{width:100%;min-height:270px;display:block}.timeline text{fill:#8ca4a7;font:10px monospace}.legend{font-size:10px;color:#a5b8b8;justify-content:flex-end;margin:10px 0 26px;gap:20px}.legend b{display:inline-block;width:9px;height:9px;background:#c38c67;margin-right:6px}.legend b.dark{background:#263e43}.author{display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:center;gap:12px;padding:20px 0;border-top:1px solid #3b4d4f;border-bottom:1px solid #3b4d4f}.author input,.author select{margin-bottom:0}.primary{background:#e6ae83;color:#192629;border-color:#e6ae83;font-weight:600}.primary:hover{background:#f4c9a6}.transport{padding:22px 0 5px;flex-wrap:wrap}.transport span{font-size:10px;color:#91abad;margin-left:auto}.status{min-height:34px;font-size:12px;color:#c6d8ca;line-height:1.6}details{margin:16px 0;color:#a9bebb;font-size:12px;line-height:1.7}summary{cursor:pointer;color:#e4ece6}.events{max-height:260px;overflow:auto;display:grid;gap:5px;margin:12px 0}.event{display:flex;gap:5px}.event button{font-size:11px}.event button:first-child{flex:1;text-align:left}footer{padding:24px 0}.exports{flex-wrap:wrap;margin-bottom:17px}.exports button,.file{font-size:11px}.file{position:relative;overflow:hidden;letter-spacing:0}.file input{opacity:0;position:absolute;inset:0;margin:0;cursor:pointer}.file:focus-within{outline:3px solid #eeb084}.warning{font-size:11px;color:#e8ba8b}footer details{max-width:1000px}footer p{color:#98b0b2}@media(max-width:1050px){main{padding:22px}.intro{display:block}.workspace{grid-template-columns:220px 1fr}aside,.score{padding:20px}.author{grid-template-columns:1fr 1fr}.legend{flex-wrap:wrap;gap:10px}.transport span{margin-left:0}}@media(max-width:700px){main{padding:16px}.header-note{display:none}h1{font-size:26px}.workspace{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid #34484b}.spectrum{height:130px;max-width:400px}.score-heading{display:block}.timeline{overflow:auto}.timeline svg{min-width:600px}.intro p{font-size:18px}.author{grid-template-columns:1fr 1fr}.score{padding:18px}.transport button,.presets button{flex:1}.score-heading h2{font-size:23px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}