:root{color:#dce0d8;font-synthesis:none;background:#17191b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button,a,input,select{outline-offset:4px}button,a{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit;background:#282e29;border:1px solid #424944;border-radius:5px;padding:9px 12px;font-size:11px}button:hover{border-color:#c1d2b2}button:disabled{opacity:.5;cursor:wait}header{border-bottom:1px solid #343836;align-items:center;gap:40px;height:76px;padding:0 4vw;display:flex}header>a{color:#e49db9;font-size:30px}header b{color:#e6e7dd;letter-spacing:3px;margin-left:8px;font-size:15px}nav{color:#9ca69e;gap:24px;font-size:12px;display:flex}nav span{color:#c4d4bd}.tag{color:#8d9c8d;letter-spacing:2px;margin-left:auto;font:9px ui-monospace,monospace}main{max-width:1600px;margin:auto;padding:38px 4vw}.intro{justify-content:space-between;align-items:flex-end;margin-bottom:30px;display:flex}.eyebrow{letter-spacing:2px;color:#a8b89f;font-size:9px}h1{letter-spacing:-1.7px;margin:14px 0 15px;font-size:39px;font-weight:450;line-height:1.1}.intro p{color:#9ca69e;font-size:12px;line-height:1.7}.back{color:#c0cbb8;margin-bottom:18px;font-size:11px}.workbench{border:1px solid #3a423b;border-radius:9px;grid-template-columns:minmax(0,1fr) 310px;display:grid;overflow:hidden}.stage{background:#d3d4ca;min-height:650px;position:relative}.stage-head{z-index:1;color:#4b5549;letter-spacing:1px;text-align:center;pointer-events:none;justify-content:space-around;font-size:10px;display:flex;position:absolute;top:24px;left:25px;right:25px}.stage-head small{letter-spacing:0;color:#7b8275;margin-top:7px;font-size:9px;display:block}#canvas{height:100%;min-height:650px}canvas{width:100%;height:100%;display:block}.stage-foot{justify-content:space-between;align-items:center;gap:10px;display:flex;position:absolute;bottom:20px;left:22px;right:22px}.stage-foot>span{color:#76816e;font:8px ui-monospace,monospace}.stage-foot button{color:#465340;background:#e2e5d9;border-color:#b5bdac;font-size:9px}.stage-foot button[aria-pressed=true]{background:#bac9ad}aside{background:#202820;padding:26px}aside h2{letter-spacing:-.6px;margin:10px 0 20px;font-size:23px;font-weight:450}.base-switch{gap:5px;margin:0 0 23px;display:flex}.base-switch button{flex:1;padding:8px 5px;font-size:9px}.base-switch button[aria-pressed=true]{color:#d9e5cd;background:#3d4a38;border-color:#829477}.field{letter-spacing:1px;color:#9eae96;margin-bottom:8px;font-size:9px;display:block}select{color:#d0dbc7;background:#293329;border:1px solid #495643;border-radius:4px;width:100%;padding:11px;font-size:11px}.slider{margin-top:23px;display:block}.slider>span{justify-content:space-between;font-size:12px;display:flex}.slider output{color:#d9b2c0;font:11px ui-monospace,monospace}.slider input{accent-color:#dca0b5;width:100%;margin:15px 0 8px;display:block}.slider small{color:#83927c;justify-content:space-between;font-size:9px;display:flex}.presets{gap:6px;margin:20px 0 8px;display:flex}.presets button{flex:1;font-size:10px}.reset{color:#bac6ae;background:0 0;border:0;padding-left:0;font-size:10px}.note{color:#9aab91;border-top:1px solid #394735;padding-top:16px;font-size:11px;line-height:1.7}.light-row{margin:22px 0}.light-row label{letter-spacing:1px;color:#9eae96;margin-bottom:8px;font-size:9px;display:block}.primary,.secondary{width:100%;padding:12px}.primary{color:#24301f;background:#c0d0b2;border-color:#c0d0b2}#bench-result{color:#a2b199;min-height:50px;font-size:10px;line-height:1.65}.secondary{background:0 0;margin-top:10px}.small{color:#84987a;font-size:9px;line-height:1.6}.readout{border-bottom:1px solid #353e34;grid-template-columns:repeat(5,1fr);gap:15px;padding:23px 0;display:grid}.readout b{color:#c6d3b9;font:20px ui-monospace,monospace;display:block}.readout span{color:#829078;margin-top:8px;font-size:9px;display:block}footer{color:#73856b;justify-content:space-between;gap:20px;margin:20px 0;font-size:9px;line-height:1.6;display:flex}.error{color:#3d4c35;padding:50px}@media (width<=850px){main{padding:26px 18px}.workbench{grid-template-columns:1fr}.stage,#canvas{height:540px;min-height:540px}aside{padding:24px}.readout{grid-template-columns:repeat(3,1fr)}h1{font-size:31px}.intro{gap:15px}header{gap:20px}.tag,.stage-foot>span{display:none}footer{display:block}footer span{margin-top:8px;display:block}}@media (width<=500px){header{padding:0 18px}nav{gap:14px;font-size:10px}header b{font-size:12px}h1{font-size:28px}.back{font-size:10px}.stage,#canvas{height:470px;min-height:470px}.stage-head,.stage-head small{font-size:8px}.readout b{font-size:17px}}input[type=text]{color:#d0dbc7;background:#293329;border:1px solid #495643;border-radius:4px;width:100%;padding:10px;font-size:11px}.new-type{gap:6px;margin:15px 0;display:flex}.new-type input{min-width:0}.new-type button{flex-shrink:0}.assignment{border-top:1px solid #495643;margin-top:22px;padding-top:20px}.assignment .field{margin:16px 0 6px}.stage{align-self:start;position:sticky;top:16px}.stage,#canvas{height:720px;min-height:720px}.workbench{overflow:visible}.stage{border-radius:8px 0 0 8px}aside{border-radius:0 8px 8px 0}.file-actions{gap:6px;display:flex}.file-actions button{font-size:10px}#usage{min-height:14px}@media (width<=850px){.stage{border-radius:8px 8px 0 0;position:relative;top:0}.stage,#canvas{height:540px;min-height:540px}aside{border-radius:0 0 8px 8px}}@media (width<=500px){.stage,#canvas{height:470px;min-height:470px}}@media (width>=701px) and (width<=850px){.workbench{grid-template-columns:minmax(0,1fr) 300px}.stage{border-radius:8px 0 0 8px;position:sticky;top:16px}.stage,#canvas{height:650px;min-height:650px}aside{border-radius:0 8px 8px 0;padding:20px}.stage-head{font-size:8px;left:10px;right:10px}.stage-head small{font-size:8px}.stage-foot{left:12px;right:12px}}@media (width<=700px){.stage{z-index:2;position:sticky;top:0}.stage,#canvas{height:340px;min-height:340px}.stage-head{top:12px}.stage-foot{bottom:8px}.stage-head small{display:none}}