*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}body{font-family:var(--cwz-font-body,system-ui, -apple-system, sans-serif);background:var(--cwz-bg,#f2f4f7);color:var(--cwz-text,#1a1a1a);margin:0;padding:40px 20px 80px;line-height:1.6}#choiwaza-header{margin-bottom:32px}#choiwaza-footer{margin-top:48px}.page-title{font:700 22px var(--cwz-font-body,sans-serif);color:var(--cwz-text-strong,#1a1a1a);text-align:center;margin:0 0 6px}.page-lead{font:400 13px/1.7 var(--cwz-font-body,sans-serif);color:var(--cwz-text-dim,#555);text-align:center;margin:0 0 24px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cwz-card+.cwz-card{margin-top:24px}.actions{flex-wrap:wrap;gap:8px;margin-top:24px;margin-bottom:24px;display:flex}.color-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.pane-label{font:600 13px var(--cwz-font-body,sans-serif);color:var(--cwz-text-dim,#555);margin-bottom:6px;display:block}.input-row{align-items:center;gap:10px;display:flex}.picker{border:1px solid var(--cwz-border,#ddd);background:var(--cwz-card-bg,#fff);cursor:pointer;border-radius:8px;flex-shrink:0;width:52px;height:40px;padding:2px}.hex-input{border:1px solid var(--cwz-border,#ddd);background:var(--cwz-card-bg,#fff);min-width:0;color:var(--cwz-text,#1a1a1a);font:400 14px var(--cwz-font-mono,ui-monospace, monospace);border-radius:8px;flex:1;padding:9px 10px}.hex-input:focus{outline:2px solid var(--cwz-accent,#2b6cb0);outline-offset:-1px}.input-error{border:1px solid var(--cwz-danger,#d64545);background:var(--cwz-danger-bg,#fdecec);color:var(--cwz-danger,#b23434);word-break:break-word;border-radius:8px;margin:12px 0 0;padding:10px 14px;font-size:13px}.input-error:empty{display:none}.ratio{font:700 32px var(--cwz-font-mono,ui-monospace, monospace);color:var(--cwz-text-strong,#1a1a1a);text-align:center;margin:4px 0 16px}.verdict-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.verdict{border:1px solid var(--cwz-border,#ddd);background:var(--cwz-card-bg,#fff);text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:12px;display:flex}.verdict-label{font:600 13px/1.4 var(--cwz-font-body,sans-serif);color:var(--cwz-text,#1a1a1a)}.verdict-th{color:var(--cwz-text-dim,#555);font-size:11px;font-weight:400}.verdict-badge{font:700 13px var(--cwz-font-body,sans-serif);border:1px solid var(--cwz-border,#ddd);border-radius:999px;padding:3px 12px;display:inline-block}.verdict-badge[data-pass=true]{color:#0f5132;background:#d1e7dd;border-color:#badbcc}.verdict-badge[data-pass=false]{color:#842029;background:#f8d7da;border-color:#f5c2c7}.note{color:var(--cwz-text-dim,#555);margin:12px 0 0;font-size:12px}.preview{border:1px solid var(--cwz-border,#ddd);border-radius:10px;padding:20px}.preview-normal{font:400 16px/1.7 var(--cwz-font-body,sans-serif);margin:0 0 12px}.preview-large{font:700 28px/1.4 var(--cwz-font-body,sans-serif);margin:0}