*,: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);white-space:pre-line;border-radius:8px;margin:12px 0 0;padding:10px 14px;font-size:13px}.cwz-card+.cwz-card{margin-top:24px}.setting-row{flex-wrap:wrap;align-items:center;gap:10px 14px;padding:8px 0;display:flex}.setting-label{min-width:6.5em;font:500 13px var(--cwz-font-body,sans-serif);color:var(--cwz-text-dim,#555)}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.size-field{align-items:center;gap:6px;display:inline-flex}.num-input{border:1px solid var(--cwz-border,#ddd);border-radius:var(--cwz-radius-box,10px);background:var(--cwz-surface,#fff);width:6.5rem;font:400 15px var(--cwz-font-body,sans-serif);color:var(--cwz-text,#1a1a1a);text-align:right;outline:none;padding:8px 12px}.num-input:focus{border-color:var(--cwz-accent,#2563eb)}.size-unit{color:var(--cwz-text-dim,#555);font-size:13px}.toggle-row{font:400 13px var(--cwz-font-body,sans-serif);color:var(--cwz-text,#1a1a1a);cursor:pointer;align-items:center;gap:6px;display:inline-flex}.toggle-row input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--cwz-accent,#2563eb);cursor:pointer}.quality-field{align-items:center;gap:10px;display:inline-flex}#input-quality{width:180px;accent-color:var(--cwz-accent,#2563eb)}.quality-value{min-width:2.5em;font:500 14px var(--cwz-font-mono,monospace);color:var(--cwz-text,#1a1a1a)}.quality-note{color:var(--cwz-text-dim,#555);font-size:12px}.quality-disabled{opacity:.45}.drop-zone{border:2px dashed var(--cwz-border,#ccc);border-radius:var(--cwz-radius-box,10px);text-align:center;cursor:pointer;background:var(--cwz-bg,#f8f9fb);padding:32px 16px;transition:border-color .15s,background .15s}.drop-zone:hover,.drop-zone:focus-visible,.drop-zone.drag-over{border-color:var(--cwz-accent,#2563eb);outline:none}.drop-main{font:500 15px var(--cwz-font-body,sans-serif);color:var(--cwz-text,#1a1a1a);margin:0 0 4px}.drop-sub{color:var(--cwz-text-dim,#555);margin:0;font-size:12px}.privacy-note{color:var(--cwz-text-dim,#555);margin:10px 0 0;font-size:12px}.results-list{flex-direction:column;gap:12px;display:flex}.result-row{border:1px solid var(--cwz-border,#ddd);border-radius:var(--cwz-radius-box,10px);background:var(--cwz-surface,#fff);grid-template-columns:72px 1fr auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.result-thumb{object-fit:contain;background:repeating-conic-gradient(#e5e7eb 0% 25%,#0000 0% 50%) 0 0/16px 16px;border-radius:6px;width:72px;height:72px}.result-info{min-width:0}.result-name{font:500 13px var(--cwz-font-body,sans-serif);color:var(--cwz-text,#1a1a1a);overflow-wrap:anywhere;margin:0 0 2px}.result-meta{color:var(--cwz-text-dim,#555);margin:0;font-size:12px}.result-dl{white-space:nowrap}@media (max-width:520px){.setting-label{width:100%;min-width:0}.result-row{grid-template-columns:56px 1fr}.result-thumb{width:56px;height:56px}.result-dl{grid-column:1/-1}#input-quality{width:140px}}