.appearance-tools{display:flex;gap:8px;align-items:center;flex-shrink:0}.appearance-tools button{height:38px;min-width:38px;border:1px solid var(--line);background:transparent;color:var(--ink);font:500 11px/1 "Segoe UI",sans-serif;padding:0 12px;border-radius:0;cursor:pointer}.appearance-tools [data-mode-toggle]{font-size:21px;width:38px;padding:0}.appearance-tools button:hover{border-color:var(--accent)}#appearance-dialog{box-sizing:border-box;width:min(440px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;padding:30px;background:var(--bg);color:var(--ink);border:1px solid var(--line);font:14px/1.6 "Segoe UI",sans-serif;box-shadow:0 30px 120px #0009}#appearance-dialog::backdrop{background:#0009;backdrop-filter:blur(8px)}#appearance-dialog h2{font:500 44px/1.1 "Segoe UI",sans-serif;letter-spacing:-.05em;margin:0 0 22px}#appearance-dialog p{margin:0 0 20px;color:var(--muted)}.appearance-heading{display:flex;justify-content:space-between;align-items:start}#appearance-dialog .appearance-kicker{font-size:9px;letter-spacing:.16em;color:var(--accent);margin-bottom:12px}#appearance-dialog button{font:500 12px/1.5 "Segoe UI",sans-serif;background:transparent;border:1px solid var(--line);color:var(--ink);padding:9px 13px;cursor:pointer}#appearance-dialog [data-looks-cancel]{font-size:22px;padding:0 10px}.appearance-presets{display:flex;gap:8px;margin-bottom:24px}#appearance-dialog label{display:block;font-size:12px;color:var(--ink);margin-bottom:8px}#appearance-dialog select{width:100%;color:var(--ink);background:var(--panel);border:1px solid var(--line);padding:10px;font:14px "Segoe UI",sans-serif}.appearance-colors{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.appearance-colors code{display:block;color:var(--muted);font-size:11px;margin:6px 0}.appearance-colors input[type=color]{padding:0;width:100%;height:45px;cursor:pointer;border:1px solid var(--line);background:none}.appearance-actions{display:flex;justify-content:space-between;gap:12px}#appearance-dialog [data-looks-apply]{background:var(--accent);border-color:var(--accent);color:var(--bg)}#appearance-dialog #appearance-status{font-size:11px}
#appearance-dialog{width:min(680px,calc(100% - 32px));border-radius:var(--corner)}.looks-layout{display:grid;grid-template-columns:1fr 1fr;gap:32px}.looks-layout h3{font:500 14px/1.4 "Segoe UI",sans-serif;letter-spacing:0;margin:0 0 18px}.setting-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}#appearance-dialog .setting-note{font-size:10px;margin:8px 0 20px}#appearance-dialog .setting-switch{display:flex;align-items:center;gap:12px;border-top:1px var(--stroke-style) var(--line);padding:17px 0;margin:0}#appearance-dialog .setting-switch input{width:17px;height:17px;margin:0;accent-color:var(--accent);flex-shrink:0}#appearance-dialog .setting-switch span{font-size:12px}#appearance-dialog .setting-switch small{display:block;font-size:10px;color:var(--muted);margin-top:3px}#appearance-dialog .appearance-actions{border-top:1px var(--stroke-style) var(--line);padding-top:18px}#appearance-dialog button,#appearance-dialog select{border-radius:var(--corner)}@media(max-width:600px){#appearance-dialog{padding:24px}.looks-layout{grid-template-columns:1fr;gap:12px}#appearance-dialog .appearance-heading h2{font-size:36px}.appearance-actions{position:sticky;bottom:-24px;background:var(--bg);padding-bottom:12px}}