.appearance-trigger[hidden],#appearance-panel [hidden]{display:none!important}.appearance-trigger{display:inline-flex;align-items:center;gap:8px}.appearance-trigger .appearance-swatch{background:var(--accent);width:12px;height:12px}.appearance-trigger-summary{color:var(--text-muted);font-size:12px}#appearance-panel{position:fixed;top:32px;left:clamp(235px,25vw,390px);margin:0;width:360px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 64px);overflow-y:auto;padding:22px;border:1px solid var(--border-subtle);background:var(--surface-content);color:var(--text-body);box-shadow:0 12px 40px var(--shadow-color)}#appearance-panel::backdrop{background:rgb(0 0 0/.18)}.appearance-header,.appearance-footer{display:flex;justify-content:space-between;align-items:center;gap:12px}#appearance-title{margin:0;font-size:22px;text-transform:none;letter-spacing:normal}.appearance-close{background:0 0;border:0;color:var(--text-strong);font-size:26px;line-height:1;padding:6px}#appearance-description{margin-top:8px}#appearance-panel fieldset{margin:16px 0 0;min-width:0}#appearance-panel legend{border:0;margin:0 0 8px;color:var(--text-strong);font-size:14px;font-weight:700}.appearance-modes{display:flex;gap:18px}.appearance-modes label{font-weight:400;cursor:pointer}.appearance-modes input{accent-color:var(--accent)}#appearance-current,.appearance-picker-hint,#appearance-save-status{color:var(--text-muted);font-size:12px}.appearance-presets{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.appearance-preset{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid var(--border-subtle);color:var(--text-body);background:var(--surface-content);text-align:left}.appearance-preset[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.appearance-check{margin-left:auto;visibility:hidden;color:var(--link)}.appearance-preset[aria-pressed=true] .appearance-check{visibility:visible}.appearance-swatch{display:inline-block;flex-shrink:0;width:16px;height:16px;background:var(--swatch);border:1px solid var(--border-subtle)}.appearance-custom-swatch{background:var(--custom-color)}.appearance-responsive{grid-column:1/-1}.appearance-responsive-swatch{background:var(--responsive-color)}#appearance-responsive-help,#appearance-source{margin:8px 0 0}.appearance-sv{position:relative;height:110px;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent),var(--picker-hue);cursor:crosshair;touch-action:none}.appearance-sv-handle{position:absolute;left:var(--picker-s);top:var(--picker-v);width:12px;height:12px;border:2px solid #fff;box-shadow:0 0 0 1px black;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.appearance-picker label{display:flex;justify-content:space-between;font-size:12px;margin-top:8px}.appearance-picker output{display:inline;padding:0;color:var(--text-muted);font-size:inherit}.appearance-picker input[type=range]{width:100%;accent-color:var(--accent)}#appearance-hex{font-family:inherit}#appearance-hex-error{color:var(--text-strong);font-size:12px}.appearance-footer{margin-top:16px}@media(max-width:767px){#appearance-panel{top:auto;bottom:0;left:0;width:100%;max-width:none;max-height:88dvh;padding:18px 22px max(18px,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.appearance-trigger,#appearance-panel button{transition:none}}.appearance-trigger{max-width:100%;white-space:normal;text-align:left}.appearance-trigger-summary{display:block}.appearance-trigger:is(:hover,:focus,:active) .appearance-trigger-summary{color:inherit}.appearance-trigger:is(:hover,:focus,:active) .appearance-swatch{background:var(--text-on-accent)}.sidebar-menu>.tinker-menu-item::before{content:none}.tinker-menu>summary{position:relative;list-style:none;cursor:pointer;color:var(--nav-text)}.tinker-menu>summary::-webkit-details-marker{display:none}.tinker-menu>summary::before{content:"▸";position:absolute;left:-15px;color:var(--text-muted)}.tinker-menu[open]>summary::before{content:"▾"}.tinker-menu>summary:hover{color:var(--link-hover)}.tinker-menu>summary:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px}.tinker-swatch{display:inline-block;width:9px;height:9px;margin-left:6px;background:var(--accent);vertical-align:baseline}.tinker-content{padding:8px 0 10px}.tinker-invitation{margin:0 0 10px;color:var(--text-muted);font-size:12px}.tinker-content .appearance-trigger{margin:0}