.qupid-quick-color-trigger{appearance:none;display:inline-grid;place-items:center;flex:none;width:32px;height:32px;padding:7px;border:1px solid var(--line,#d8d4e0);border-radius:50%;background:var(--panel,#fff);cursor:pointer;vertical-align:middle}
.qupid-quick-color-trigger::before{content:'';width:16px;height:16px;border-radius:50%;background:var(--quick-color,var(--accent,#8566e8));box-shadow:inset 0 0 0 1px #0002}
.qupid-quick-colors{position:fixed;inset:auto;margin:0;z-index:2147483000;box-sizing:border-box;width:280px;max-width:calc(100vw - 16px);padding:16px;border:1px solid var(--line,#d8d4e0);border-radius:12px;background:var(--panel,#fff);color:var(--text,#242130);box-shadow:0 12px 36px #0003;font:13px/1.5 system-ui;text-align:left}
.qupid-quick-colors[hidden]{display:none!important}.qupid-quick-colors header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.qupid-quick-colors strong{font-weight:500}.qupid-quick-colors button{cursor:pointer;font:inherit;color:inherit}.qupid-quick-colors header button{width:28px;height:28px;border:0;background:transparent;font-size:20px}.quick-color-presets{display:flex;justify-content:space-between;gap:10px;margin-bottom:16px}.quick-color-presets button{width:32px;height:32px;border:1px solid #0002;border-radius:50%;padding:0}.quick-color-inputs{display:flex;gap:12px}.quick-color-inputs label{display:grid;gap:4px;min-width:0}.quick-color-inputs label:last-child{flex:1}.quick-color-inputs input{box-sizing:border-box;height:36px;min-width:0;width:100%;border:1px solid var(--line,#d8d4e0);border-radius:6px;background:var(--panel-soft,#f5f3f8);color:inherit;padding:5px 8px;font:inherit}.quick-color-inputs input[type=color]{width:46px;padding:3px}.qupid-quick-colors p{font-size:11px;color:var(--muted,#6b6474);margin:12px 0}.quick-color-reset{border:1px solid var(--line,#d8d4e0);border-radius:6px;padding:6px 10px;background:var(--panel-soft,#f5f3f8)}.qupid-quick-colors :focus-visible,.qupid-quick-color-trigger:focus-visible{outline:2px solid var(--accent-strong,#6547cb);outline-offset:3px}
html[data-custom-ui-color] .sidebar a.active{color:var(--accent-strong)}
@media(pointer:coarse){.qupid-quick-color-trigger{width:44px;height:44px}.quick-color-presets{gap:6px}.quick-color-presets button{width:40px;height:40px}.quick-color-inputs input{height:44px}}

html[data-custom-ui-color] .button.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);filter:brightness(.92)}