*,: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}#notify{border:1px solid var(--cwz-border,#ddd);background:var(--cwz-card-bg,#fff);border-radius:8px;margin:0 0 16px;padding:10px 14px;font-size:13px}.actions{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.input-error,.tool-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,.tool-error:empty{display:none}.cwz-card+.cwz-card{margin-top:24px}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.mode-row{margin-bottom:20px}.preset-row{margin-top:4px}.field{margin-top:14px}.field:first-of-type{margin-top:0}.field-label{font:500 13px var(--cwz-font-body,sans-serif);color:var(--cwz-text-dim,#555);margin-bottom:6px;display:block}.text-input{border:1px solid var(--cwz-border,#ddd);border-radius:var(--cwz-radius-box,10px);background:var(--cwz-surface,#fff);width:100%;font:400 16px var(--cwz-font-mono,monospace);color:var(--cwz-text,#1a1a1a);outline:none;padding:10px 14px}.text-input:focus{border-color:var(--cwz-accent,#2563eb)}.cidr-input-wrap{align-items:center;gap:6px;display:flex}.cidr-slash{font:400 18px var(--cwz-font-mono,monospace);color:var(--cwz-text-dim,#555)}.cidr-input{max-width:6em}.field-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-top:14px;display:grid}.field-grid .field{margin-top:0}.results-grid{flex-direction:column;gap:8px;display:flex}.results-grid:empty:after{content:"入力すると結果を表示します。";color:var(--cwz-text-dim,#888);font-size:13px}.result-row{border:1px solid var(--cwz-border,#ddd);border-radius:var(--cwz-radius-box,10px);background:var(--cwz-surface,#fff);grid-template-columns:8em 1fr auto;align-items:center;gap:10px;padding:8px 12px;display:grid}.result-label{font:500 13px var(--cwz-font-body,sans-serif);color:var(--cwz-text-dim,#555)}.result-value-box{flex-direction:column;gap:2px;min-width:0;display:flex}.result-value{font:400 15px var(--cwz-font-mono,monospace);color:var(--cwz-text,#1a1a1a);overflow-wrap:anywhere;word-break:break-all}.result-binary{font:400 11px var(--cwz-font-mono,monospace);color:var(--cwz-text-dim,#888);overflow-wrap:anywhere;word-break:break-all}.copy-btn{white-space:nowrap}.note-list{color:var(--cwz-text-dim,#555);margin:0;padding-left:1.4em;font-size:13px}.note-list code{font-family:var(--cwz-font-mono,monospace);background:var(--cwz-bg,#f2f4f7);border-radius:4px;padding:1px 5px}@media (max-width:480px){.result-row{grid-template-columns:1fr auto}.result-label{grid-column:1/-1}}