:root{font:14px/1.5 system-ui,sans-serif;color:#e2e9e5;background:#111a18;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{border:1px solid #455c54;color:#e2eee7;background:#233a30;padding:10px 13px;border-radius:7px;cursor:pointer}button:hover{background:#335342}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid #e7bd79;outline-offset:3px}header{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;border-bottom:1px solid #33413a}header a{font-weight:800;letter-spacing:.12em;text-decoration:none;color:#e8c58b}header span{font-weight:400;color:#889f92;font-size:10px;margin-left:18px}main{display:grid;grid-template-columns:255px minmax(360px,1fr) 260px;min-height:calc(100dvh - 115px)}aside,section{padding:26px 22px}aside{background:#17231e}.source{border-left:1px solid #33413a}.tools{border-right:1px solid #33413a}.eyebrow{font-size:9px;letter-spacing:.14em;color:#9bb5a4}h1{font:38px/1.1 Georgia,serif;margin:19px 0}h1 em{font-weight:400;color:#dfb875}h2{font-size:17px}h3{font-size:13px}p,small{color:#9db1a6}small{display:block;font-size:11px}.file{border:1px dashed #6d806e;padding:12px;margin:20px 0 8px!important}.file input{width:100%;font-size:10px;padding:4px 0}label{display:block;font-size:12px;margin:12px 0}input[type=number]{width:100%;background:#101b15;color:#eef2e5;border:1px solid #3c5144;border-radius:5px;padding:7px}input[type=range]{width:100%;accent-color:#d3ae72}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.tools>button,.source>button{display:block;width:100%;margin-top:9px}.studio-title{display:flex;justify-content:space-between;align-items:center;gap:14px}.studio-title h2{font:27px Georgia,serif}.studio-title span{font-size:9px;color:#b1bfa9}.views{display:grid;grid-template-columns:1fr 1fr;gap:14px}figure{margin:0;background:#0c1411;border:1px solid #30473b;border-radius:10px;overflow:hidden}figcaption{padding:12px;font-size:10px;letter-spacing:.07em}figcaption span{float:right;font-size:8px;color:#7f9989}canvas{width:100%;display:block;image-rendering:auto;background:repeating-conic-gradient(#18241e 0% 25%,#243229 0% 50%) 50%/16px 16px}.empty{height:230px;display:grid;place-content:center;text-align:center;color:#789180;padding:30px}.scrub{display:flex;gap:18px;align-items:center}.scrub label{flex:1}.status{padding:14px;background:#28392c;color:#eed4a2;border-left:3px solid #d6ad70;min-height:50px}.path{border:1px solid #344b3c;padding:18px;border-radius:8px}.table-scroll{max-height:230px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:11px;font-variant-numeric:tabular-nums}td,th{text-align:left;padding:6px;border-bottom:1px solid #2c4134}.selected{color:#e5c188}.notice{font-size:11px;max-width:75ch}textarea{resize:vertical;width:100%;min-height:310px;background:#0f1b15;color:#c5dfcc;border:1px solid #405445;border-radius:7px;font:11px/1.5 ui-monospace,monospace;padding:12px}.warning{color:#e3b779}.focus main{display:block}.focus .tools,.focus .source{display:none}.focus .studio{min-height:85dvh}.focus .views{max-width:1400px;margin:auto}footer{padding:14px 26px;color:#708c78;font-size:9px;letter-spacing:.18em;border-top:1px solid #33473a}@media(max-width:1150px){main{grid-template-columns:220px minmax(320px,1fr)}.source{grid-column:1/-1;display:block}.source textarea{min-height:180px}}@media(max-width:700px){main{display:block}.views{grid-template-columns:1fr}.studio-title{display:block}header span{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}