:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#ede8dc;background:#171d1f;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;background:#293236;color:#eee8d9;border:1px solid #495254;border-radius:5px;padding:9px 12px;text-align:left}button:hover{background:#3d4b4e}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #ffcf83;outline-offset:2px}button:disabled{opacity:.4;cursor:not-allowed}header{padding:26px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #3e4746}small{font-size:10px;letter-spacing:.13em;color:#b8c2be}h1{font-size:clamp(28px,3vw,48px);letter-spacing:-.05em;font-weight:500;margin:8px 0}h1 em{font-family:Georgia,serif;color:#f5c883;font-weight:400}header p{margin:0;color:#adbcb7;font-size:13px}h2{font-size:14px;font-weight:600;margin:22px 0 12px}h3{font-size:12px}p{line-height:1.6}.workspace{display:grid;grid-template-columns:270px minmax(360px,1fr) 285px;min-height:calc(100vh - 190px)}aside{padding:10px 20px 25px;border-right:1px solid #3e4746;background:#1e2629}aside.right{border-left:1px solid #3e4746;border-right:0}article{padding:24px 28px}.muted,.caption{color:#9badab;font-size:11px}.patches{display:grid;grid-template-columns:1fr 1fr;gap:5px;max-height:200px;overflow:auto}.patches button{font-size:11px;padding:8px}.patches i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px}.chosen{border-color:#f6c682;background:#3c3d32}.row,.four,.three{display:flex;gap:6px;margin:9px 0}.row>*{flex:1;font-size:11px}.four label,.three label{min-width:0;flex:1}label{display:block;font-size:11px;color:#b1c1bc;margin:10px 0}input[type=number]{width:100%;padding:8px 5px;border:1px solid #4c5859;border-radius:4px;color:#f1e5cd;background:#141b1d;font-size:12px;margin-top:5px}input[type=file]{font-size:10px;width:100%}.check{display:flex;align-items:center;gap:8px}.proofbar{display:flex;justify-content:space-between;font-size:10px;color:#9badab;gap:8px}.pass,.fail{padding:6px 9px;border-radius:3px}.pass{background:#174c45;color:#7ce4c8}.fail{background:#543f2a;color:#edbd76}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px}.comparison small{display:block;margin-bottom:10px}.picture{aspect-ratio:1;position:relative;display:flex;align-items:center;justify-content:center;background:#111719;overflow:hidden}.picture canvas,.picture svg{width:100%;height:100%;object-fit:fill;image-rendering:pixelated}.picture svg{position:absolute;inset:0;pointer-events:none}.empty{aspect-ratio:1;padding:28px;display:flex;flex-direction:column;justify-content:center;text-align:center;background:repeating-linear-gradient(45deg,#263031,#263031 10px,#222b2c 10px 20px);font-size:13px}.empty p{font-size:11px;color:#d3b88a}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.metrics div{border-top:1px solid #4d5a57;padding-top:16px;display:flex;flex-direction:column}.metrics strong{font:28px Georgia,serif;margin:8px 0;color:#efc17e}.metrics span{font-size:10px;color:#95aaa4}.errorlist{margin-top:22px;max-height:180px;overflow:auto}.errorlist>div{display:flex;gap:12px;align-items:center;font-size:10px;padding:6px;border-bottom:1px solid #303d3d}.errorlist meter{flex:1;min-width:20px}.notice{padding:12px;background:#2b3738;border-left:2px solid #edbf7e;font-size:12px}.right>button{display:block;width:100%;margin-bottom:7px}textarea{width:100%;height:180px;background:#11191b;color:#d1e4da;border:1px solid #4c5859;padding:10px;font:10px monospace;resize:vertical}footer{padding:15px 30px;display:flex;gap:14px;align-items:center;flex-wrap:wrap;font-size:10px;border-top:1px solid #3e4746}footer button{font-size:10px}footer small{font-size:9px;max-width:520px;letter-spacing:0}.focus aside{display:none}.focus .workspace{display:block}.focus article{max-width:1500px;margin:auto}.focus .picture{max-height:65vh}.focus .comparison{max-width:1200px;margin:auto}@media(max-width:1100px){.workspace{grid-template-columns:230px 1fr}.right{grid-column:1/-1}.right textarea{height:130px}}@media(max-width:700px){header{padding:20px;gap:15px}.workspace{display:flex;flex-direction:column}article{order:-1;padding:16px}.comparison{gap:8px}aside{border-top:1px solid #3e4746}.metrics{gap:8px}.metrics strong{font-size:24px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.canvas-failure{position:absolute;z-index:2;background:#442e27;padding:20px;font-size:12px;inset:0;display:grid;place-items:center}