.topbar-right .appearance-trigger{height:33px;font-size:var(--fs-11);background:var(--card);color:var(--foreground);border-color:var(--border);border-radius:6px;flex-shrink:0;gap:7px;padding:0 12px}.appearance-dialog[data-slot=dialog-content]{background:var(--popover);width:calc(100% - 2rem);max-width:470px;max-height:calc(100dvh - 2rem);color:var(--popover-foreground);border:1px solid var(--border);gap:22px;padding:26px;overflow-y:auto}.appearance-dialog [data-slot=dialog-header]{padding-right:12px}.appearance-dialog [data-slot=dialog-title]{font-size:27px;line-height:1.15}.appearance-dialog [data-slot=dialog-description]{font-size:var(--fs-13);line-height:1.6}.appearance-group{border:0;min-width:0;margin:0;padding:0}.appearance-group legend{font-size:var(--fs-13);margin-bottom:11px;font-weight:650}.appearance-modes,.appearance-palettes{gap:9px;display:grid}.appearance-modes{grid-template-columns:repeat(3,minmax(0,1fr))}.appearance-palettes{grid-template-columns:repeat(2,minmax(0,1fr))}.appearance-option{border:1px solid var(--border);background:var(--card);min-width:0;color:var(--card-foreground);cursor:pointer;border-radius:10px;flex-direction:column;align-items:flex-start;gap:5px;padding:13px;display:flex;position:relative}.appearance-option:hover{background:var(--muted)}.appearance-option[data-selected=true]{border-color:var(--primary);background:var(--accent);color:var(--accent-foreground);box-shadow:inset 0 0 0 1px var(--primary)}.appearance-option:has(input:focus-visible){outline:3px solid var(--ring);outline-offset:3px}.appearance-option input{width:14px;height:14px;accent-color:var(--primary);cursor:pointer;margin:0;position:absolute;top:12px;right:12px}.appearance-option>svg{width:20px;height:20px;margin-bottom:5px}.appearance-option strong{font-size:var(--fs-13);font-weight:650}.appearance-option>span:not(.appearance-swatches){font-size:var(--fs-11);color:var(--muted-foreground);line-height:1.5}.appearance-explanation,.appearance-storage{font-size:var(--fs-12);color:var(--muted-foreground);margin:0;line-height:1.65}.appearance-explanation{margin-top:11px}.appearance-storage{border-top:1px solid var(--border);padding-top:16px}.appearance-notice{min-height:18px;font-size:var(--fs-11);color:var(--muted-foreground);margin:-12px 0 0;line-height:1.5}.appearance-swatches{gap:0;height:22px;margin-bottom:5px;display:flex}.appearance-swatches i{border:1px solid var(--border);border-radius:50%;width:22px;height:22px}.appearance-swatches i+i{margin-left:-5px}.appearance-swatches-civic{--swatch-main:#285644;--swatch-soft:#c9d5bb;--swatch-paper:#f7f7f2}.appearance-swatches-desert{--swatch-main:#974a31;--swatch-soft:#d4a972;--swatch-paper:#fbf4e9}.appearance-swatches-ocean{--swatch-main:#235f77;--swatch-soft:#a7c9d6;--swatch-paper:#f1f7fa}.appearance-swatches-plum{--swatch-main:#754768;--swatch-soft:#ceb7c9;--swatch-paper:#faf3f8}.appearance-swatches i:first-child{background:var(--swatch-main)}.appearance-swatches i:nth-child(2){background:var(--swatch-soft)}.appearance-swatches i:last-child{background:var(--swatch-paper)}@media (max-width:760px){.appearance-trigger-label{display:none}.topbar-right .appearance-trigger{width:34px;min-width:34px;padding:0}}@media (max-width:380px){.appearance-dialog[data-slot=dialog-content]{gap:18px;padding:20px}.appearance-option{padding:10px}.appearance-option input{top:10px;right:10px}}