:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#d9e4e4;background:#111717;color-scheme:dark}*{box-sizing:border-box}body{padding:32px clamp(16px,4vw,64px);max-width:1800px;margin:auto}a{color:#a9c9bc;font-size:14px}.eyebrow{font-size:11px;letter-spacing:.15em;color:#94afa4;margin:28px 0 8px}h1{font-size:clamp(28px,3.4vw,48px);font-weight:550;letter-spacing:-.04em;margin:0}header p{max-width:850px;line-height:1.6;color:#9cb0ac}header .verdict{display:inline-block;color:#e9bb7a;border-left:3px solid #b78a49;padding:4px 12px;margin:6px 0 24px}h2{font-size:14px;font-weight:550;margin:0 0 12px}.controls{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:16px 0;border-top:1px solid #30413d;border-bottom:1px solid #30413d}label{display:flex;align-items:center;gap:8px;font-size:13px}button,select{font:inherit;color:inherit;background:#24332e;border:1px solid #485f55;border-radius:4px;padding:9px 13px;cursor:pointer}.scrub{flex:1;min-width:240px}input[type=range]{flex:1;accent-color:#a8cbb2;min-width:80px}output{min-width:123px;font-size:12px;font-variant-numeric:tabular-nums}#status{padding:16px 0;font-size:13px;color:#a3b2ae}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px}.viewport{position:relative;aspect-ratio:1;background:#000;overflow:hidden;border:1px solid #293d34}.viewport>img,.viewport>canvas{width:100%;height:100%;display:block}.tag{position:absolute;bottom:14px;left:14px;right:12px;pointer-events:none;font-size:11px;color:#afbab5;background:#0009;width:fit-content;padding:5px 7px}.notes{padding:28px 0;border-bottom:1px solid #30413d;line-height:1.7;font-size:13px;color:#a5b7b0}.notes h2{color:#e0e9e4;font-size:19px}.notes p{max-width:1000px}summary{cursor:pointer;color:#e9bb7a}li{margin:4px 0;overflow-wrap:anywhere}.conversion{display:grid;grid-template-columns:1fr 1fr;max-width:850px;gap:20px}figure{margin:0}figure img{width:100%;display:block}figcaption{padding:8px 0}@media(max-width:650px){body{padding:20px 12px}.comparison{grid-template-columns:1fr}.controls{gap:12px}.scrub{order:3;flex-basis:100%}.notes{padding:22px 0}.tag{font-size:10px}output{min-width:110px}}.attachment-editor{margin-top:24px;padding:20px;border:1px solid #485f55;font-size:13px;line-height:1.6}.attachment-editor summary{font-size:18px}.binding-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:12px 0}.binding-controls input[type=number]{width:70px;padding:8px;border:1px solid #485f55;background:#17251f;color:inherit}.binding-controls select{max-width:100%;min-width:0}.binding-controls label{min-width:0}#fx-draft-status{color:#e9bb7a}#fx-evidence{overflow-wrap:anywhere}.attachment-editor[data-dirty=true]{border-color:#e9bb7a}@media(max-width:650px){.attachment-editor{padding:12px}.binding-controls label:has(select){max-width:100%}}