*,: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}.tool-error{border:1px solid var(--cwz-danger,#d64545);background:var(--cwz-danger-bg,#fdecec);color:var(--cwz-danger,#b23434);border-radius:8px;margin:12px 0 0;padding:10px 14px;font-size:13px}.input-settings-row{grid-template-columns:1fr 1fr;align-items:stretch;gap:16px;margin-bottom:24px;display:grid}.input-settings-row>.cwz-card{margin:0}@media (max-width:640px){.input-settings-row{grid-template-columns:1fr}}#app>.cwz-card+.cwz-card{margin-top:24px}.actions{flex-wrap:wrap;gap:8px;margin-top:24px;margin-bottom:24px;display:flex}.base-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;display:flex}.color-input{border:1px solid var(--cwz-border,#ddd);background:var(--cwz-card-bg,#fff);cursor:pointer;border-radius:8px;width:56px;height:42px;padding:2px}.hex-input{border:1px solid var(--cwz-border,#ddd);background:var(--cwz-card-bg,#fff);width:130px;color:var(--cwz-text,#1a1a1a);font:400 14px var(--cwz-font-mono,monospace);text-transform:lowercase;border-radius:8px;padding:10px 12px}.color-input:focus,.hex-input:focus{outline:2px solid var(--cwz-accent,#2b6cb0);outline-offset:1px}.chip-row{flex-wrap:wrap;gap:8px;margin:8px 0 4px;display:flex}.swatches{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:10px;margin-top:8px;display:grid}.swatch{border:1px solid var(--cwz-border,#ddd);cursor:pointer;height:96px;font:600 13px var(--cwz-font-mono,monospace);border-radius:10px;justify-content:center;align-items:flex-end;padding:8px;transition:transform .1s;display:flex}.swatch:hover{transform:translateY(-2px)}.swatch:focus-visible{outline:2px solid var(--cwz-accent,#2b6cb0);outline-offset:2px}.swatch-hex{letter-spacing:.03em}