:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e8e6dc;background:#171b1a;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1500px;margin:auto;padding:40px}header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #48514a;padding-bottom:32px}.eyebrow{font-size:11px;letter-spacing:.22em;color:#bcce79}h1{font-family:Georgia,serif;font-size:clamp(42px,6vw,78px);font-weight:400;line-height:1.03;margin:22px 0}h1 em{color:#ccde96;font-weight:400}h2{font-size:16px;font-weight:500;letter-spacing:.04em;margin:0 0 20px}p{font-size:14px;line-height:1.7;color:#adb7af}button,input,select,textarea{font:inherit}button{background:#272f2a;color:#e7ebde;border:1px solid #59634e;padding:11px 15px;border-radius:3px;cursor:pointer}button:hover{background:#394331}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #d5ed9b;outline-offset:3px}.primary{background:#cbdf92;color:#20261a;font-weight:600;width:100%;margin:16px 0 8px}.intro{display:grid;grid-template-columns:1fr 2fr;gap:30px;margin:30px 0 38px}.intro b{font-weight:400;font-size:14px;color:#c9da99}.intro p{margin:0;max-width:740px}.workspace{display:grid;grid-template-columns:285px 1fr;border:1px solid #414b41}aside{padding:25px;background:#202620;border-right:1px solid #414b41}article{padding:25px;min-width:0}label{display:block;font-size:12px;line-height:1.6;color:#bfc8b9;margin-top:18px}input:not([type=checkbox]),select,textarea{width:100%;display:block;background:#151a16;color:#e4e8dc;border:1px solid #4a5545;border-radius:2px;padding:9px;margin-top:5px;min-width:0}input[type=file]{font-size:11px}.buttons{display:flex;flex-wrap:wrap;gap:7px}.buttons button{font-size:12px;padding:9px 12px}.row{display:flex;gap:12px}.row label{flex:1}.check{display:flex;gap:8px}.check input{flex-shrink:0}.section-title{display:flex;gap:16px;justify-content:space-between;align-items:baseline}.section-title span{font-size:10px;letter-spacing:.12em;color:#b4c88b}.panels{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}figure{margin:0;min-width:0}canvas{display:block;width:100%;aspect-ratio:1;image-rendering:pixelated;border:1px solid #53604a;background:#121712}figcaption{font-size:11px;color:#bfcaaf;margin-top:10px;line-height:1.5}.caption{font-size:12px;margin:23px 0 35px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.metrics div{padding:16px;background:#252e24;border-top:2px solid #b8cf7b}.metrics strong{font-size:22px;font-weight:400;display:block;font-variant-numeric:tabular-nums}.metrics span{font-size:11px;color:#bac5ae}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px;margin-bottom:22px}th,td{text-align:left;padding:10px 7px;border-bottom:1px solid #3c483a;font-weight:400}td{font-family:monospace}th{color:#bccca7}.empty{padding:35px;border:1px dashed #56634a}.status{font-size:12px;color:#d1dfb2;overflow-wrap:anywhere}.editor{display:grid;grid-template-columns:1fr 1.5fr;gap:36px;padding:30px 0;border-bottom:1px solid #46533f}.editor label{margin:0}textarea{height:260px;resize:vertical;font-family:monospace;font-size:11px}footer{padding-top:32px;max-width:820px}small{display:block;font-size:11px;margin-top:16px;color:#a2b18f}@media(max-width:1050px){main{padding:24px}.workspace{grid-template-columns:250px 1fr}.panels{grid-template-columns:1fr 1fr}.panels figure:last-child{grid-column:1/-1;max-width:300px}.metrics{grid-template-columns:1fr}.section-title{display:block}}@media(max-width:700px){main{padding:18px}header{gap:15px}header button{font-size:11px}.intro,.workspace,.editor{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid #414b41}.panels{grid-template-columns:1fr 1fr}.panels figure:last-child{max-width:none}.editor{gap:20px}article,aside{padding:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}