:root{font-family:Arial,sans-serif;color:#e9ede4;background:#111b1a;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1460px;margin:auto;padding:26px 42px}header,.stagebar,.row{display:flex;justify-content:space-between;gap:10px;align-items:center}header{padding-bottom:24px;border-bottom:1px solid #43514b}.brand,.eyebrow{font-size:11px;letter-spacing:.17em;color:#a9c7af;text-decoration:none}h1{font-size:clamp(42px,6vw,80px);line-height:1.02;font-weight:400;letter-spacing:-.05em;margin:22px 0}em{font-family:Georgia,serif;color:#d3e1a3}p{color:#b6c1b9;line-height:1.6;font-size:14px}h2{font-family:Georgia,serif;font-weight:400;font-size:25px}.intro{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:end;padding:40px 0}.intro>div>p{max-width:480px}.intro aside{border-left:2px solid #b4ce88;padding:15px 25px}.intro b{font-family:monospace;color:#d3e1a3}.workspace{display:grid;grid-template-columns:1fr 340px;border:1px solid #43514b;border-radius:12px;overflow:hidden}.stage{background:#091210;padding:22px;min-width:0}.stagebar{font:10px monospace;letter-spacing:.12em;color:#a9c7af;margin-bottom:20px}canvas{display:block;width:100%;max-height:530px;object-fit:contain;image-rendering:pixelated;background:#162823;min-height:200px}.empty{min-height:380px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px dashed #43514b;text-align:center}.empty span{font-size:70px;color:#b4ce88}.controls{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:22px}.panel{padding:25px;background:#202e29}label{display:block;font-size:12px;color:#c8d6c9;margin:12px 0}input,select,textarea{display:block;width:100%;background:#13221c;color:#ecf3e5;border:1px solid #637460;border-radius:5px;padding:10px;margin-top:7px;font:inherit}input[type=range]{padding:0;accent-color:#c4df99}button{cursor:pointer;background:#2c3e32;color:#e9ede4;border:1px solid #6e8066;border-radius:5px;padding:10px 13px;font-size:12px}button:hover{background:#3f5543}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #dfefa8;outline-offset:2px}.primary{background:#d4e9a5;color:#172519;width:100%;font-weight:700;margin:12px 0}.primary:hover{background:#b5cc89}.angles{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.legend{font-size:11px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metrics div{border-top:1px solid #43514b;padding-top:16px;font-size:11px;color:#b6c1b9}.metrics b{display:block;font:25px monospace;color:#e5edce;margin-bottom:8px}.status{padding:18px;border-bottom:1px solid #43514b;color:#dfefa8;font-size:13px}.bottom{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding:40px 0}textarea{min-height:160px;font-family:monospace;font-size:12px;resize:vertical}.row{justify-content:flex-start;flex-wrap:wrap;margin:10px 0}.exports{display:flex;gap:10px;flex-wrap:wrap}footer{border-top:1px solid #43514b;padding:20px 0}footer p{font-size:11px;max-width:850px}.upload{border:1px dashed #81956f;padding:10px;overflow:hidden}input[type=file]{font-size:11px;padding:5px}@media(max-width:850px){main{padding:18px}.workspace,.intro,.bottom{grid-template-columns:1fr}.intro{gap:15px}.empty{min-height:250px}.controls{gap:12px}.bottom{gap:30px}.panel{border-top:1px solid #43514b}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}