:root{--accent:#60a5db;--accent-rgb:96,165,219;--accent-highlight:color-mix(in srgb,var(--accent),white 25%);--accent-muted:color-mix(in srgb,var(--accent) 55%,#080909)}
.accent-switcher{position:fixed;z-index:1000;top:106px;right:18px;color:#eceeed;font:12px/1.4 system-ui,sans-serif;text-align:left}
.accent-switcher summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;padding:8px 11px;border:1px solid #454a47;border-radius:4px;background:#111613;box-shadow:0 3px 16px #0005;user-select:none}
.accent-switcher summary::-webkit-details-marker{display:none}
.accent-switcher summary::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 1px #ffffff40}
.accent-switcher summary::after{content:"⌄";color:#aab2ad;margin-left:7px}
.accent-panel{position:absolute;right:0;top:calc(100% + 8px);width:276px;max-width:calc(100vw - 24px);padding:15px;background:#101512;border:1px solid #454a47;border-radius:6px;box-shadow:0 12px 35px #0008}
.accent-panel p{margin:0 0 12px;color:#bdc5c0;font-size:12px}
.accent-options{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.accent-options button{display:flex;align-items:center;gap:8px;background:#1a201c;border:1px solid #3b443e;border-radius:3px;padding:9px 7px;color:#eceeed;font:11px/1.3 system-ui,sans-serif;text-align:left;cursor:pointer}
.accent-options button::before{content:"";flex:none;width:14px;height:14px;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px #ffffff40}
.accent-options button[aria-pressed=true]{border-color:#eff2ef;background:#29312b}
.accent-options button:hover{background:#303a32}
.accent-switcher summary:focus-visible,.accent-options button:focus-visible{outline:2px solid #eff2ef;outline-offset:3px}
.accent-value{display:block;margin-top:12px;color:#aab2ad;font:11px monospace}
.accent-panel .character-options-title{margin:15px 0 8px;padding-top:12px;border-top:1px solid #39413b}
.character-options{display:flex;gap:7px}
.character-options button{flex:1;background:#1a201c;border:1px solid #3b443e;border-radius:3px;padding:9px;color:#eceeed;font:12px system-ui;cursor:pointer}
.character-options button[aria-pressed=true]{border-color:#eff2ef;background:#29312b}
.character-options button:focus-visible{outline:2px solid #eff2ef;outline-offset:3px}
@media(max-width:760px){.accent-switcher{top:80px;right:12px}.accent-switcher summary{font-size:11px;padding:6px 9px}}
@media print{.accent-switcher{display:none}}
.contour-controls{border:0;border-top:1px solid #343a34;margin:16px 0 0;padding:16px 0 0}.contour-controls legend{font-size:12px;color:var(--accent);padding-top:18px}.contour-controls label{display:block;font-size:12px;margin:12px 0}.contour-controls output{float:right;color:var(--accent)}.contour-controls input{display:block;width:100%;margin:10px 0;accent-color:var(--accent)}.contour-controls button{background:transparent;border:1px solid #48534b;color:inherit;padding:7px 10px;cursor:pointer;font:inherit;font-size:11px}.accent-panel{max-height:80vh;overflow-y:auto}