:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#dbebe2;background:#0a1519;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{background:#213139;color:#e2ede4;border:1px solid #3a5157;border-radius:6px;padding:10px 14px;cursor:pointer;transition:background .2s,transform .2s}button:hover{background:#35505b}button:active{transform:translateY(1px)}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #e9af74;outline-offset:3px}main{min-height:100vh;max-width:1800px;margin:auto;padding:35px}header{display:flex;gap:50px;align-items:center;border-bottom:1px solid #354448;padding-bottom:25px}header>button{margin-left:auto;align-self:flex-start}.eyebrow{font-size:10px;letter-spacing:2.4px;color:#9bb9b2;font-weight:650}h1{font-size:clamp(32px,4vw,66px);line-height:1.02;letter-spacing:-3px;margin:15px 0;font-weight:450}h1 em{font-family:Georgia,serif;color:#b7e8c7;font-weight:400}h2{font-size:22px;font-weight:450;letter-spacing:-.7px}.intro{font-size:22px;line-height:1.35;color:#cfe6d8}.intro span{display:block;font-size:13px;max-width:260px;color:#94aca9;margin-top:12px}.outline{background:transparent}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:28px;padding-top:28px}.studio{border:1px solid #30464b;border-radius:12px;background:#101d22;overflow:hidden;align-self:start}.studio-top{padding:24px 26px 0;display:flex;gap:20px;justify-content:space-between}.studio-top h2{margin:8px 0}.badge{font:12px ui-monospace,monospace;white-space:nowrap;padding-top:20px;color:#abd7bf}canvas{display:block;width:100%;height:auto;max-height:660px;object-fit:contain}.stats{display:flex;justify-content:space-around;padding:18px;border-block:1px solid #293c41;color:#9cafad;font-size:12px}.stats b{font-family:Georgia,serif;color:#dbebe2;font-size:26px;margin-right:7px}.legend{display:flex;gap:14px;flex-wrap:wrap;padding:18px 25px;font-size:11px;color:#c5d8ce}.legend span{display:flex;gap:6px;align-items:center}.legend i{width:10px;height:10px;border-radius:50%}.playback{display:flex;align-items:center;gap:10px;padding:0 25px}.playback label{flex:1;font-size:11px}.playback input{width:100%;accent-color:#c2e3ba}.caption{font-size:11px;line-height:1.6;padding:12px 25px;color:#8ca7a5}aside section{border-bottom:1px solid #304148;padding:0 0 22px;margin-bottom:24px}aside p:not(.eyebrow){font-size:12px;color:#a3b9b3;line-height:1.6}.row,.presets{display:flex;gap:8px;margin:12px 0;align-items:end;flex-wrap:wrap}.row>label{flex:1;min-width:50px}.row button,.presets button{font-size:11px;flex:1}label{display:block;font-size:11px;color:#a4bab5}input:not([type=range]):not([type=file]),textarea{background:#0a1419;border:1px solid #36505a;border-radius:4px;color:#d6e9e0;padding:9px;width:100%;margin-top:7px}input[type=file]{max-width:100%;font-size:12px;margin:12px 0}small{display:block;font-size:10px;line-height:1.6;color:#8aa5a0}.rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.primary{width:100%;background:#b4dcae;color:#15251c;margin-top:16px;font-weight:650}.primary:hover{background:#ccecc7}.operations{list-style:none;padding:0;max-height:200px;overflow:auto;scrollbar-width:thin}.operations button{width:100%;text-align:left;font-size:11px;margin:3px 0}.operations b{color:#c8e5b5;margin-right:15px}.operations span{display:block;font-size:10px;color:#9eb3ab;margin:5px 0 0 33px}.operations .selected{border-color:#b6d9a5}.archive{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:35px 0;border-top:1px solid #304148;margin-top:35px}.archive p{font-size:13px;line-height:1.7;color:#a1b4b1;max-width:600px}.archive textarea{height:290px;font:11px/1.6 ui-monospace,monospace;resize:vertical}.archive button{font-size:11px}.file{margin-top:15px}.status{padding:16px 20px;background:#1e3032;border-left:3px solid #badfae;font-size:13px;border-radius:4px}.warning{padding:12px;color:#ffd6ab;border:1px solid #9c6733}footer{padding-top:25px;font-size:11px;color:#8fa6a1;line-height:1.7}footer>p{max-width:950px}summary{cursor:pointer;color:#c5dfd0}details button{font-size:11px}@media(max-width:1000px){main{padding:20px}.workspace{grid-template-columns:1fr 300px}header{gap:25px}.intro{font-size:16px}.stats{gap:8px;flex-wrap:wrap}.stats b{font-size:20px}}@media(max-width:760px){header{flex-wrap:wrap}header>button{margin:0}.workspace,.archive{grid-template-columns:1fr}.intro{max-width:200px}aside{padding-top:20px}.studio-top{padding-inline:16px}.playback{padding:0 14px;flex-wrap:wrap}h1{letter-spacing:-1px}.archive{gap:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}