:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#dbe5db;background:#0c1919;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:1px solid #3b5350;background:#162a28;border-radius:5px;padding:.7rem .9rem;transition:background .18s,border-color .18s}button:hover{background:#28433c;border-color:#bddc81}button:disabled{opacity:.35;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #c3ef80;outline-offset:3px}input,select{width:100%;padding:.55rem;background:#0c1d1c;border:1px solid #3a514a;color:#e4eddf;border-radius:3px}input[type=checkbox]{width:auto;accent-color:#c1e88a}input[type=color]{height:39px;padding:4px}input[type=range]{accent-color:#bedc81;padding:0}main{min-height:100dvh;max-width:1800px;margin:auto}header{display:flex;gap:3rem;align-items:center;padding:3rem 4vw;border-bottom:1px solid #344641;background:radial-gradient(ellipse at 80% 0,#23453a,transparent 60%)}.brand{font-family:Georgia,serif;font-size:2.5rem;color:#d4eda8;text-decoration:none;letter-spacing:-.12em}.brand span{color:#718778}.eyebrow{font-size:.66rem;font-weight:700;letter-spacing:.19em;color:#a9ba9b;margin:0 0 .9rem}h1{font:clamp(2.2rem,4vw,4.6rem)/1.02 Georgia,serif;font-weight:400;letter-spacing:-.04em;margin:0}h1 em{color:#c2e994;font-weight:400}.local-badge{margin-left:auto;font-size:.7rem;letter-spacing:.13em;color:#c8e4aa;line-height:1.8}.local-badge small{color:#9ba99c;font-size:.6rem}.workspace{display:grid;grid-template-columns:300px minmax(0,1fr)}aside{background:#10211f;border-right:1px solid #344641;padding:2rem 1.5rem}section+section{border-top:1px solid #344641;padding-top:1.6rem;margin-top:1.8rem}h2{font:1.8rem/1.1 Georgia,serif;letter-spacing:-.02em;margin:0 0 1.2rem}.study-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.study-grid button{text-align:left;font-size:.73rem;min-height:75px}.study-grid span{display:block;font:italic 1.2rem Georgia;color:#a4bd81;margin-bottom:.5rem}.selected{border-color:#c0e784;background:#283e2e!important;color:#e8f3ce}.hint{font-size:.7rem;line-height:1.65;color:#99afa3}.fields{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin:1.2rem 0}label{display:block;font-size:.74rem;color:#aebfb1}label input,label select{margin-top:.3rem}.fields label{text-transform:capitalize}.wide{width:100%;font-size:.8rem}.file{border:1px dashed #59705d;padding:.8rem;margin:.7rem 0;color:#cadfb3}.file input{font-size:.63rem;border:0;padding:.3rem 0;background:transparent;max-width:100%}article{padding:2.5rem 3vw;min-width:0}.bench-heading{display:flex;justify-content:space-between;gap:1rem}.chip{font:.7rem/1.8 ui-monospace,monospace;text-align:right;color:#acbca9}.canvases{display:grid;grid-template-columns:1fr 1fr;gap:1rem}figure{margin:0;background:#071413;border:1px solid #344c43;border-radius:6px;overflow:hidden;min-width:0}.result{border-color:#839f65}figcaption{padding:.75rem 1rem;display:flex;justify-content:space-between;font-size:.63rem;letter-spacing:.1em}figcaption b{color:#c2df98}canvas{display:block;width:100%;height:auto;image-rendering:pixelated;background:repeating-conic-gradient(#24372d 0 25%,#15251e 0 50%) 0/16px 16px;aspect-ratio:auto}figure p{padding:.7rem 1rem;margin:0;font-size:.65rem;color:#90a895}.transport{display:flex;align-items:center;gap:.55rem;margin:1rem 0}.transport button{font-size:.8rem;white-space:nowrap}.scrubber{flex:1;padding:0 .6rem}.transport output{font:1.1rem ui-monospace,monospace;color:#c9e6a9;min-width:90px;text-align:right}.transport output small{display:block;font:.5rem system-ui;color:#91a391;margin-top:.4rem}.options{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin:1.2rem 0}.options label{display:flex;align-items:center;gap:.5rem}.options select{width:auto;margin:0}.options button{font-size:.75rem}.order{display:grid;grid-template-columns:1fr 1fr;gap:2rem;border-top:1px solid #344641;border-bottom:1px solid #344641;padding:1.8rem 0;margin-top:1.7rem}h3{font:1.4rem Georgia;margin:.4rem 0}.order p,.export p,footer p{font-size:.75rem;line-height:1.7;color:#9bad9b;max-width:65ch}.order .eyebrow,.export .eyebrow{font-size:.66rem;color:#adbf97}.order-buttons{display:grid;gap:.5rem}.order-buttons button{font-size:.75rem}.rate{display:flex;align-items:end;gap:.6rem;margin:1.2rem 0;flex-wrap:wrap}.rate input{width:110px}.rate span{padding-bottom:.6rem}.rate small{font-size:.65rem;color:#8fa28c;align-self:center}.rate button{font-size:.75rem}details{margin:1rem 0}summary{cursor:pointer;font-size:.75rem;color:#b5c8a6;padding:.5rem 0}.frame-list{display:flex;gap:.3rem;flex-wrap:wrap}.frame-list button{font:.7rem ui-monospace;padding:.5rem}.frame-list button[aria-pressed=true]{background:#bedb86;color:#0c1919}.export{margin-top:1.7rem;background:#1d3026;padding:1.3rem;border-radius:5px;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.export>div{flex:1;min-width:200px}.export p{margin-bottom:0}.export button{font-size:.75rem}.primary{background:#c0df8b;color:#102019;border-color:#c0df8b}.primary:hover{background:#d8f0a7}.status{padding:1rem;border-left:2px solid #bfd78d;background:#15251e;font-size:.78rem;line-height:1.6;overflow-wrap:anywhere;min-height:56px}footer{padding:2rem 4vw;border-top:1px solid #344641;display:grid;grid-template-columns:1fr 1fr;gap:3rem}footer button{font-size:.75rem;margin:.3rem}.local-badge{animation:fade 1s ease both}@keyframes fade{0%{opacity:0}to{opacity:1}}@media(max-width:1000px){.workspace{grid-template-columns:240px minmax(0,1fr)}aside{padding:1.5rem 1rem}.transport{flex-wrap:wrap}.scrubber{min-width:120px}.order{gap:1rem}}@media(max-width:750px){header{gap:1.3rem;padding:2rem 5vw}.local-badge{display:none}.workspace{display:flex;flex-direction:column}aside{border-right:0;border-bottom:1px solid #344641;display:grid;grid-template-columns:1fr 1fr;gap:1.3rem}section+section{border:0;margin:0;padding:0}article{padding:1.8rem 5vw}footer{grid-template-columns:1fr;gap:0}.order{grid-template-columns:1fr}.canvases{gap:.5rem}figcaption{padding:.7rem .5rem;font-size:.55rem}figure p{padding:.5rem;font-size:.58rem}}@media(max-width:450px){aside{grid-template-columns:1fr}.canvases{grid-template-columns:1fr}.rate input{width:85px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}