:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e3eee8;background:#071b22;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;border:1px solid #476466;background:#19353b;color:#e3eee8;padding:.7rem 1rem;border-radius:4px;transition:background .16s,transform .16s}button:hover{background:#315256}button:active{transform:translateY(1px)}button:disabled{opacity:.35;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #f4cf81;outline-offset:3px}main{min-height:100vh;width:100%;padding:0 4vw}header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #355158}.brand{display:flex;gap:15px;align-items:center;text-decoration:none;color:#dcf4d5;font-size:40px}.brand span{font-size:13px;letter-spacing:2px;font-weight:800}.edition{font-size:11px;letter-spacing:2px;line-height:1.7;color:#b0c6c2}.edition small{letter-spacing:0;color:#809d9d}.intro{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:4vw;padding:52px 0 46px}.eyebrow{color:#b6d3a2;letter-spacing:2px;font-size:10px;font-weight:700}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(55px,6vw,100px);letter-spacing:-3px;line-height:1.02;margin:20px 0 0}h1 em{font-weight:400;color:#d4ef9c}p{line-height:1.7;color:#adc4c3;font-size:14px}.intro p{max-width:520px;padding-bottom:4px}.intro strong{display:block;margin-top:12px;color:#c6d9b0;font-size:11px;font-weight:500}.studio{display:grid;grid-template-columns:310px minmax(0,1fr);border:1px solid #355158;border-radius:10px;overflow:hidden}aside{padding:24px;background:#10272e;border-right:1px solid #355158}h2{font-family:Georgia,serif;font-size:28px;font-weight:400;margin:10px 0 18px}aside h2{font:12px ui-sans-serif,system-ui;letter-spacing:2px;text-transform:uppercase;margin:0 0 22px}.studies{display:grid;gap:5px;margin-bottom:10px}.studies button{text-align:left;background:transparent}.studies span{font-family:monospace;color:#bbd49c;margin-right:12px}label{display:block;font-size:11px;color:#b9cbc8;margin:14px 0 7px;text-transform:capitalize}input,textarea{display:block;width:100%;margin-top:7px;border:1px solid #40585d;background:#071b22;color:#e4eee7;padding:9px;border-radius:3px}input[type=file]{font-size:11px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.hint{display:block;font-size:10px;color:#91aead;line-height:1.8}summary{cursor:pointer;font-size:12px;margin:18px 0}textarea{height:220px;font-family:monospace;font-size:12px}.canvas{background:radial-gradient(ellipse at 50% 46%,#183942 0,#0a2028 65%);min-width:0;display:flex;flex-direction:column;justify-content:space-between}.canvas-head{display:flex;align-items:center;justify-content:space-between;padding:28px 32px}.canvas-head h2{margin:9px 0 0}.surface{display:block;width:100%;min-height:350px;max-height:650px}.surface polygon,.chart rect{cursor:pointer}.stats{display:grid;grid-template-columns:1fr 1fr 1.7fr;border-top:1px solid #355158}.stats>div{padding:24px;font-size:10px;letter-spacing:1px;border-right:1px solid #355158;color:#99b6b3}.stats b{display:block;color:#d5edb1;font-size:24px;margin-bottom:6px;font-weight:500;letter-spacing:-.5px}.chart-section{padding:48px 0 25px}.chart-section>div:first-child{max-width:500px}.chart{width:100%;display:block;margin:20px 0;background:#10272e;padding:12px;min-height:70px}.chart text{fill:#c9d9d3;font:12px monospace}.inspector{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:18px;background:#10272e}.inspector label{max-width:90px;margin:0}.inspector>div{font-size:12px;line-height:1.8}.inspector>div button{padding:3px 7px;margin:0 3px;font-size:11px}.save{display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:1px solid #355158;padding:35px 0}.actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:16px}.actions button{text-transform:capitalize;font-size:12px}.file{max-width:280px}.status{background:#d5e8b9;color:#17392d;padding:14px 20px;font-size:12px;border-radius:4px}.warning{border:1px solid #baa76c;padding:12px;color:#e6d39b}footer{border-top:1px solid #355158;margin-top:32px;padding:28px 0 45px;display:grid;grid-template-columns:1fr 1fr;gap:40px}footer p{font-size:11px}footer button{font-size:11px;margin-right:8px}@media(max-width:800px){main{padding:0 20px}.edition{display:none}.intro,.save,footer{grid-template-columns:1fr;gap:20px}.studio{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid #355158}.studies{grid-template-columns:repeat(3,1fr)}.studies button{font-size:11px;padding:8px}.studies span{display:block}.canvas-head{padding:20px}.stats>div{padding:14px}.stats b{font-size:18px}.surface{min-height:260px}.intro{padding:32px 0}.intro p{margin:0}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media print{header,aside,.save,footer,.intro,.status,.warning,.canvas-head button,.inspector{display:none}.studio{display:block;border:0}.canvas{background:#fff}.surface{max-height:none}.chart-section{break-before:page}main{padding:0}.stats{color:#000}}