:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e5e1d8;background:#171c1d;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{border:1px solid #53605f;color:#e5e1d8;background:#263231;border-radius:5px;padding:.6rem .8rem;cursor:pointer}button:hover{background:#3d514a}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #f6b95b;outline-offset:3px}header{display:flex;align-items:center;gap:1.5rem;padding:2rem 3vw;border-bottom:1px solid #46514c}header>button{margin-left:auto}.mark{border:1px solid #b2ad9d;padding:1.3rem;color:#f6b95b}small,.bar{font-family:monospace;letter-spacing:.14em;font-size:.72rem;color:#b7c7bf}h1{font-size:clamp(2rem,4vw,4rem);margin:.2rem 0;font-weight:400;letter-spacing:-.05em}em{font-family:Georgia,serif;color:#f6b95b}p{line-height:1.6}header p{margin:.3rem 0;color:#9ca9a3}main{display:grid;grid-template-columns:minmax(0,1fr) 340px;min-height:80vh}section.studio{padding:2rem 3vw;min-width:0}aside{padding:1.5rem;background:#222b2b;border-left:1px solid #46514c}h2{font:1.4rem Georgia,serif}h3{margin-top:1.8rem;font-size:1rem}.bar{display:flex;justify-content:space-between;margin-bottom:.8rem}.projector{background:#000;min-height:230px;border:1px solid #4a5550;box-shadow:0 15px 40px #0005}.projector svg{display:block;width:100%;height:auto;max-height:57vh}.scrub{display:flex;align-items:center;gap:.8rem;padding:1rem 0}.scrub label{flex:1}.twins{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:1rem}.twins>div{background:#202929;border:1px solid #45534d;padding:1rem}.twins svg{width:100%;height:220px;display:block}.twins p,.limits{font-size:.78rem;color:#acb6ae}.material{transform:scaleY(1)}.diagnostics{display:grid;gap:.5rem;margin:1.3rem 0}.diagnostics>div{display:flex;gap:1rem;padding:.7rem;background:#2b3e36;font-size:.85rem}.diagnostics .bad{background:#503b31;color:#ffd9a0}.notice{color:#c4e2d5}.warning{border:1px solid #c9955a;padding:1rem;color:#ffd099}label{display:block;font-size:.78rem;color:#c3cdc5;margin:.8rem 0}input,textarea{width:100%;color:#f3ede0;background:#162122;border:1px solid #52615b;padding:.6rem;border-radius:3px;margin-top:.35rem}input[type=color]{height:40px}input[type=range]{padding:0;accent-color:#f6b95b}textarea{height:260px;resize:vertical;font-family:monospace;font-size:.73rem}.pair,.triple{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.triple{grid-template-columns:repeat(3,minmax(0,1fr))}.presets,.exports{display:flex;flex-wrap:wrap;gap:.4rem}details{padding:1rem 0;border-top:1px solid #4b5a53;margin-top:1rem}summary{cursor:pointer;color:#f6b95b}.file{border:1px dashed #6e7e74;padding:.5rem}.file input{font-size:.7rem}footer{border-top:1px solid #45534d;padding:2rem 3vw;font-size:.75rem;color:#a7b4ac}footer p{max-width:1000px}footer button,footer span{margin-right:1rem}@media(max-width:1000px){main{grid-template-columns:1fr}aside{border-left:0;border-top:1px solid #45534d}.twins svg{height:180px}}@media(max-width:580px){header{gap:.6rem;padding:1rem}.mark{display:none}.twins{grid-template-columns:1fr}.scrub{flex-wrap:wrap}.scrub label{min-width:100%}header>button{font-size:.7rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}