.cc-ui-choice { display:inline-flex; align-items:center; gap:4px; padding:3px; border:1px solid var(--zh-border,#cbd5e1); border-radius:7px; background:var(--zh-bg-elevated,var(--card-bg,#fff)); font-size:13px; line-height:1.5; white-space:nowrap; }
.cc-ui-choice a { display:inline-block; padding:4px 10px; color:var(--zh-text,var(--text-color,#334155)); text-decoration:none; border-radius:4px; }
.cc-ui-choice a[aria-current="true"] { background:var(--zh-bg-subtle,#eef2ff); color:var(--zh-color-primary-text,#3730a3); font-weight:700; }
.cc-ui-choice a:hover { text-decoration:underline; }
.cc-ui-choice a:focus-visible { outline:2px solid currentColor; outline-offset:2px; }
#cc-ui-switch { position:sticky; top:0; z-index:201; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:8px 16px; margin:0 0 16px; border-bottom:1px solid #cbd5e1; background:var(--card-bg,#fff); color:var(--text-color,#334155); font:13px/1.5 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif; }
#cc-ui-switch ~ .theme-toggle { top:78px; }
.cc-legacy-status { position:fixed; left:50%; bottom:24px; transform:translateX(-50%); max-width:90vw; z-index:9999; padding:12px 18px; border:1px solid #cbd5e1; border-radius:8px; background:#fff; color:#1e293b; box-shadow:0 4px 16px #0002; }
@media(max-width:600px) { .tools-nav { flex-wrap:wrap; } #cc-ui-switch { padding:8px 10px; } }

@media(max-width:600px) {
    body[data-legacy-tool="zs"] .input-header { flex-wrap:wrap; gap:12px; }
    body[data-legacy-tool="zs"] .btn { white-space:nowrap; }
    body[data-legacy-tool="zs"] .btn-group { flex-wrap:wrap; max-width:100%; }
    body[data-legacy-tool="zs"] .main-content > * { min-width:0; }
}