/* A compact appearance library; the six workspace palettes live in palette.css. */
.appearance-trigger{position:relative;width:100%;display:flex;align-items:center;gap:10px;min-height:42px;background:transparent;border:0;text-align:left}
.appearance-trigger .appearance-entry-label{font-size:11px;flex-shrink:0}
.appearance-entry-name{margin-left:auto;font-size:9px;letter-spacing:.1px;color:var(--muted);white-space:nowrap}
.appearance-entry-chevron{width:12px;height:12px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;opacity:.65;transition:transform .16s}
.appearance-trigger[aria-expanded="true"]{background:var(--soft);color:var(--ink)}
.appearance-trigger[aria-expanded="true"] .appearance-entry-chevron{transform:rotate(180deg)}
.appearance-entry-swatch{width:18px;height:18px;display:flex;align-items:stretch;flex-shrink:0;overflow:hidden;border-radius:50%;border:1px solid color-mix(in srgb,var(--appearance-swatch-2) 25%,transparent);transform:rotate(-35deg);box-shadow:0 1px 3px #00000006}
.appearance-entry-swatch i{width:34%;height:100%;background:var(--appearance-swatch-0)}
.appearance-entry-swatch i:nth-child(2){background:var(--appearance-swatch-1)}
.appearance-entry-swatch i:nth-child(3){background:var(--appearance-swatch-2)}
#appearance-root{position:fixed;z-index:1500;left:calc(var(--shell-sidebar,214px) + 14px);bottom:22px;width:422px;color:var(--ink)}
#appearance-root[hidden]{display:none!important}
.appearance-panel{overflow:auto;overscroll-behavior:contain;max-height:calc(100dvh - 44px);background:var(--appearance-panel,var(--panel,#fff));border:1px solid var(--line);border-radius:18px;box-shadow:0 22px 65px color-mix(in srgb,var(--ink) 13%,transparent),0 2px 8px #00000005;animation:appearance-enter .18s ease-out}
.appearance-panel-head{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 24px 19px;gap:12px}
.appearance-eyebrow{display:block;font-size:8px;letter-spacing:2px;font-weight:500;color:var(--muted);line-height:1.4;margin-bottom:9px;opacity:.75}
.appearance-panel-head h2{font-size:19px;letter-spacing:-.5px;color:var(--ink);font-weight:600;line-height:1.45;margin:0}
.appearance-panel-head p{font-size:10px;line-height:1.7;margin:6px 0 0;color:var(--muted)}
.appearance-close{display:grid;place-items:center;flex-shrink:0;width:29px;height:29px;border:0;border-radius:50%;background:var(--soft);color:var(--muted);padding:0;cursor:pointer}
.appearance-close:hover{color:var(--ink);background:var(--line)}
.appearance-close svg{width:13px;height:13px;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;fill:none}
.appearance-grid{padding:0 18px 20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.appearance-choice{display:block;text-align:left;width:100%;padding:8px 8px 10px;background:transparent;border:1px solid var(--line);border-radius:11px;cursor:pointer;color:var(--ink);box-shadow:none;transition:border-color .15s,background .15s,box-shadow .15s}
.appearance-choice:hover{border-color:var(--muted);background:var(--appearance-soft,var(--soft))}
.appearance-choice[aria-pressed="true"]{border-color:var(--accent);background:var(--appearance-soft,var(--soft));box-shadow:0 0 0 1px var(--accent)}
.appearance-thumbnail{display:flex;width:100%;height:63px;overflow:hidden;border:1px solid color-mix(in srgb,var(--appearance-swatch-2) 13%,transparent);background:var(--appearance-swatch-0);border-radius:6px;gap:0}
.appearance-thumb-rail{width:24px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;padding:8px 4px;background:var(--appearance-swatch-1);border-right:1px solid color-mix(in srgb,var(--appearance-swatch-2) 12%,transparent);gap:5px}
.appearance-thumb-rail>i{display:block;width:8px;height:8px;border-radius:2px;background:var(--appearance-swatch-2);margin-bottom:4px}
.appearance-thumb-rail>b{display:block;height:2px;width:10px;background:color-mix(in srgb,var(--appearance-swatch-2) 23%,transparent);border-radius:1px}
.appearance-thumb-rail>b:first-of-type{height:4px;width:14px;background:color-mix(in srgb,var(--appearance-swatch-2) 14%,transparent)}
.appearance-thumb-content{display:flex;flex-direction:column;flex:1;min-width:0;padding:8px 9px 6px;gap:6px}
.appearance-thumb-top{display:flex;gap:4px;align-items:center;height:3px}
.appearance-thumb-top i{display:block;height:2px;width:13px;background:color-mix(in srgb,var(--appearance-swatch-2) 20%,transparent);border-radius:1px}
.appearance-thumb-top i:first-child{background:var(--appearance-swatch-2);width:17px}
.appearance-thumb-metrics{display:flex;gap:4px;height:15px}
.appearance-thumb-metrics i{flex:1;border-radius:2px;background:var(--appearance-swatch-1);border:1px solid color-mix(in srgb,var(--appearance-swatch-2) 9%,transparent);position:relative}
.appearance-thumb-metrics i:first-child{background:var(--appearance-swatch-2);border-color:var(--appearance-swatch-2)}
.appearance-thumb-metrics i:after{content:"";position:absolute;width:8px;height:2px;border-radius:1px;top:6px;left:4px;background:color-mix(in srgb,var(--appearance-swatch-2) 25%,transparent)}
.appearance-thumb-metrics i:first-child:after{background:#ffffff90}
.appearance-thumb-chart{display:flex;align-items:flex-end;gap:5px;flex:1;min-height:12px;padding-left:3px}
.appearance-thumb-chart i{height:5px;flex:1;background:color-mix(in srgb,var(--appearance-swatch-2) 48%,var(--appearance-swatch-1));border-radius:2px 2px 0 0}
.appearance-thumb-chart i:nth-child(2){height:11px}.appearance-thumb-chart i:nth-child(3){height:8px}.appearance-thumb-chart i:nth-child(4){height:14px}.appearance-thumb-chart i:nth-child(5){height:10px}
.appearance-choice-heading{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:9px 3px 0}
.appearance-choice-heading strong{font-weight:500;font-size:11px;letter-spacing:.1px;line-height:1.5;color:var(--ink)}
.appearance-choice-check{display:grid;place-items:center;width:14px;height:14px;border-radius:50%;background:var(--accent);color:#fff;opacity:0}
.appearance-choice[aria-pressed="true"] .appearance-choice-check{opacity:1}
.appearance-choice-check svg{width:11px;height:11px;stroke:currentColor;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}
.appearance-choice-description{display:block;color:var(--muted);font-size:8px;letter-spacing:.15px;line-height:1.8;padding:3px 3px 0;white-space:nowrap}
.appearance-panel-foot{display:flex;align-items:center;gap:6px;padding:13px 24px;border-top:1px solid var(--line);color:var(--muted);font-size:9px;line-height:1.5;background:var(--appearance-soft,var(--soft))}
.appearance-panel-foot b{font-weight:500;color:var(--ink)}
.appearance-panel-foot>span:last-child{margin-left:auto;font-size:8px;opacity:.85}
.appearance-current-dot{width:4px;height:4px;border-radius:50%;background:var(--accent)}
.appearance-trigger:focus-visible,.appearance-choice:focus-visible,.appearance-close:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
#appearance-login-entry{position:fixed;z-index:1400;left:24px;bottom:23px;width:190px;padding:0 3px;background:var(--appearance-panel,var(--panel,#fff));border:1px solid var(--line);border-radius:10px;box-shadow:0 4px 18px #00000005}
#appearance-login-entry .appearance-trigger{margin:0;border-radius:9px;padding:10px 12px;gap:9px;color:var(--muted)}
#appearance-login-entry .appearance-entry-label{display:inline}
#appearance-login-entry .appearance-entry-name{display:inline}
#appearance-login-entry .appearance-entry-chevron{display:block}
#appearance-root[data-context="login"]{left:24px;bottom:80px}
#appearance-root[data-context="login"] .appearance-panel{max-height:calc(100dvh - 100px)}
body.login-screen .login-story-footer{padding-bottom:54px}
@keyframes appearance-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:950px){.sidebar .appearance-trigger{justify-content:center;padding-left:8px;padding-right:8px}.sidebar .appearance-entry-label,.sidebar .appearance-entry-name,.sidebar .appearance-entry-chevron{display:none}.sidebar .appearance-entry-swatch{width:20px;height:20px}}
@media(max-width:650px){#appearance-root,#appearance-root[data-context="login"]{left:14px;right:14px;bottom:75px;width:auto;max-width:422px}.appearance-panel{border-radius:15px;max-height:calc(100dvh - 94px)}.appearance-panel-head{padding:20px 20px 17px}.appearance-panel-head h2{font-size:18px}.appearance-grid{padding:0 15px 16px;gap:9px}.appearance-thumbnail{height:57px}.appearance-panel-foot{padding:12px 20px}.appearance-choice-heading strong{font-size:10px}.appearance-choice-description{font-size:8px;letter-spacing:0}#appearance-login-entry{left:14px;bottom:17px;width:183px}}
@media(max-height:800px){#appearance-root,#appearance-root[data-context="login"]{bottom:75px}.appearance-panel{max-height:calc(100dvh - 95px)}.appearance-panel-head{padding-top:17px;padding-bottom:14px}.appearance-eyebrow{margin-bottom:5px}.appearance-thumbnail{height:46px}.appearance-choice{padding:6px 6px 7px}.appearance-choice-heading{padding-top:6px}.appearance-choice-description{padding-top:1px}.appearance-grid{padding-bottom:14px;gap:8px}.appearance-panel-foot{padding-top:10px;padding-bottom:10px}}
@media(prefers-reduced-motion:reduce){.appearance-panel{animation:none}.appearance-choice,.appearance-entry-chevron{transition:none}}
@media print{#appearance-root,#appearance-login-entry,.appearance-trigger{display:none!important}}