.appearance-trigger{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:30px;min-height:30px;padding:4px 7px;border:1px solid var(--line,#392c46);border-radius:6px;background:transparent;color:var(--muted,#b6a3c7);font:inherit;font-size:10px;line-height:1.3;cursor:pointer;white-space:nowrap}.appearance-trigger>span:first-child{font-size:17px;line-height:1}.appearance-trigger:hover{color:var(--purple,var(--accent,#b594f4));border-color:currentColor}.appearance-trigger:focus-visible{outline:2px solid var(--purple,var(--accent,#b594f4));outline-offset:3px}.appearance-top-actions{display:flex;align-items:center;gap:13px}.appearance-dialog{color:var(--text,var(--ink,#f0edf5));background:var(--surface,var(--paper,#141218));border:1px solid var(--line,#392c46);border-radius:13px;padding:24px;width:min(490px,calc(100% - 28px));max-height:85dvh;overflow:auto;margin:auto;box-shadow:0 24px 90px #0009}.appearance-dialog::backdrop{background:#050308b8;backdrop-filter:blur(3px)}.appearance-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.appearance-heading h2{margin:0;font-size:21px;letter-spacing:-.5px}.appearance-close{background:none;border:0;color:inherit;font:inherit;font-size:26px;cursor:pointer;min-width:32px;min-height:32px}.appearance-intro{font-size:12px;line-height:1.7;color:var(--muted,#aaa);margin:13px 0 22px}.appearance-dialog fieldset{padding:0;border:0;margin:20px 0}.appearance-dialog legend{font-size:12px;font-weight:650;margin-bottom:11px;padding:0}.appearance-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.appearance-preset,.appearance-backgrounds button{display:flex;align-items:center;gap:7px;border:1px solid var(--line,#40304e);border-radius:6px;background:transparent;color:inherit;font:inherit;font-size:11px;padding:9px;cursor:pointer;min-height:37px}.appearance-preset>span{width:12px;height:12px;display:block;border-radius:50%;flex-shrink:0}.preset-purple>span{background:#b594f4}.preset-blue>span{background:#78b6ff}.preset-teal>span{background:#66d3c5}.preset-green>span{background:#a7d77a}.preset-rose>span{background:#f39ac7}.preset-orange>span{background:#edb179}.appearance-preset[aria-pressed=true],.appearance-backgrounds button[aria-pressed=true]{border-color:var(--purple,var(--accent,#b594f4));box-shadow:inset 0 0 0 1px var(--purple,var(--accent,#b594f4))}.appearance-color-label{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:11px;margin:16px 0 4px}.appearance-color-label input{width:40px;height:30px;padding:2px;background:transparent;border:1px solid var(--line,#40304e);border-radius:5px;cursor:pointer}.appearance-color-label output{font-family:ui-monospace,Consolas,monospace;font-size:11px;color:var(--muted,#aaa)}.appearance-backgrounds{display:grid;grid-template-columns:1fr 1fr;gap:8px}.appearance-backgrounds button{font-size:10px;justify-content:center;text-align:center}.appearance-status{font-size:10px;line-height:1.7;color:var(--muted,#aaa);min-height:17px;margin:18px 0}.appearance-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line,#40304e);padding-top:16px}.appearance-actions button{border:0;border-radius:6px;font:inherit;font-size:11px;padding:9px 12px;cursor:pointer}.appearance-actions #appearance-reset{background:transparent;color:var(--muted,#aaa);padding-left:0}.appearance-actions #appearance-done{background:var(--pref-primary,var(--purple,var(--accent,#b594f4)));color:var(--pref-on-primary,#170f25);font-weight:700}html[data-personal-colors] .primary,html[data-personal-colors] .login-card .full{background:var(--pref-primary);border-color:var(--pref-primary);color:var(--pref-on-primary)}html[data-personal-colors] .primary:hover,html[data-personal-colors] .login-card .full:hover{background:var(--pref-primary-hover);color:var(--pref-on-primary)}@media(max-width:600px){.ai-top-actions .appearance-trigger-label{display:none}.appearance-dialog{padding:20px}.appearance-top-actions{gap:9px}}@media(max-width:360px){.appearance-presets{grid-template-columns:1fr 1fr}.appearance-backgrounds{grid-template-columns:1fr}.appearance-trigger-label{display:none}.appearance-top-actions{gap:7px}.appearance-actions{flex-wrap:wrap}}