/* The glass belongs to the surface; controls remain calm and legible. */
.context-menu,dialog{background:#282828e8;border:1px solid #ffffff16;box-shadow:0 10px 28px #00000044,inset 0 1px #ffffff08;backdrop-filter:blur(22px) saturate(1.35);-webkit-backdrop-filter:blur(22px) saturate(1.35);color:var(--text)}
.context-menu{width:218px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow-y:auto;border-radius:8px;padding:4px;scrollbar-width:thin;transform-origin:top right;animation:menu-appear .12s ease-out}.context-menu[role=listbox]{width:188px}.context-menu button,.context-menu a{min-height:32px;line-height:16px;padding:8px 9px;gap:10px;border-radius:4px;font-size:13px;font-weight:400;color:var(--text);outline:none}.context-menu button:hover,.context-menu a:hover,.context-menu button:focus-visible,.context-menu a:focus-visible{background:#ffffff0d;color:#ffffff}.context-menu svg{width:16px;height:16px;color:var(--muted);stroke-width:1.5}.context-menu .danger{color:var(--danger)}.context-menu .danger svg{color:var(--danger)}.context-menu>a:last-child{margin-top:5px;position:relative}.context-menu>a:last-child:before{content:'';height:1px;position:absolute;top:-3px;left:9px;right:9px;background:#fbfbfb09}.option-check{width:16px;flex:none;display:flex;align-items:center;justify-content:center}.context-menu [aria-selected=true]{color:var(--text)}.context-menu [aria-selected=true] svg{color:#cccccc}.select-control{display:inline-flex;align-items:center;max-width:100%;padding:0;vertical-align:middle}.select-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:28px;padding:3px 0 3px 5px;font-size:12px;color:var(--muted);width:100%;white-space:nowrap;border-radius:6px}.select-trigger>svg{width:10px;height:10px;rotate:90deg;color:var(--muted);transition:color .12s}.select-trigger:hover,.select-trigger[aria-expanded=true]{color:var(--text)}.select-trigger:hover>svg,.select-trigger[aria-expanded=true]>svg{color:#cccccc}.select-trigger:focus-visible{outline:1px solid #c0c0c088;outline-offset:3px}.release-control .select-control{display:flex;width:100%;margin-top:7px}.release-control .select-trigger{min-height:33px;padding:7px 10px;background:#f3f3f304;box-shadow:inset 0 0 0 1px #dfdfdf0a;border-radius:8px;color:var(--muted)}.release-control .select-trigger:hover{background:#f3f3f307}.custom-dates input{background:#f3f3f304;border-color:#dfdfdf10;border-radius:8px;color:#cccccc}.source-chip{background:#dedede0a;color:#cccccc;border-radius:7px}.source-chip svg{color:var(--muted)}
dialog{border-radius:19px;padding:22px;width:416px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 40px);scrollbar-width:thin}dialog::backdrop{background:#0b0b0b4f;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px)}dialog .panel-title{margin-bottom:10px}dialog h2{font-size:16px;font-weight:500;letter-spacing:-.3px;color:var(--text)}dialog .panel-title .icon-button{width:26px;height:26px;color:var(--muted)}dialog .panel-title .icon-button svg{width:14px;height:14px}dialog .subtle{font-size:12px;line-height:1.5;color:var(--muted);margin-bottom:14px}dialog .button{border-radius:15px;font-size:12px;min-height:32px;padding:6px 13px}dialog .button.primary{background:#d8d8d817;color:var(--text);border:1px solid #e5e5e512}dialog .button.secondary{background:#e2e2e208;color:var(--muted);border:1px solid #e5e5e508}dialog .button:hover{filter:none;background:#e2e2e218}dialog .form-actions{margin-top:18px;gap:8px}dialog .edit-form label.field{font-size:12px;color:var(--muted)}dialog .edit-form input[type=text],dialog .edit-form textarea{background:#0e0e0e33;border:1px solid #e6e6e612;border-radius:9px;color:var(--text);font-size:14px;line-height:1.5;padding:9px 11px}dialog input::placeholder,dialog textarea::placeholder{color:var(--muted)}dialog .edit-form :is(input,textarea):focus-visible{outline:1px solid #b5b5b566;outline-offset:0}.destination{border-radius:9px;padding:8px 5px;gap:12px;min-height:55px}.destination:hover{background:#e9e9e907}.destination strong{font-size:13px;font-weight:400;color:#cccccc}.destination small{font-size:11px;color:var(--muted);margin-top:4px}.destination>svg{width:14px;height:14px;color:var(--muted)}.destination[aria-pressed=true]>svg{color:#cccccc}#source-picker{width:416px}.picker-search{border:1px solid #e2e2e210;background:#14141426;border-radius:9px;padding:9px 10px;margin:16px 0 9px;color:var(--muted)}.picker-search input{color:var(--text);font-size:13px}.picker-search svg{width:13px;height:13px}.picker-list{margin:0 -6px 12px;max-height:min(335px,48dvh);scrollbar-width:thin}.picker-item{gap:11px;padding:8px 7px;border-radius:8px;min-height:47px}.picker-item:hover{background:#f0f0f007}.picker-item img,.picker-item .picker-initial{width:33px;height:33px}.picker-item strong{font-size:13px;font-weight:400;color:#cccccc}.picker-item small{font-size:11px;color:var(--muted);margin-top:3px}.picker-item>span:not(.picker-check):not(.picker-initial):not(.source-avatar){min-width:0}.picker-item .picker-check{border:0;background:none;width:20px;height:20px;color:var(--muted);flex:none}.picker-check svg{width:12px;height:12px}.picker-check.selected{background:#e5e5e50c;color:#cccccc}.picker-bottom{border-top-color:#e7e7e70a;padding-top:12px;color:var(--muted);font-size:12px}.picker-empty{font-size:12px;color:var(--muted)}.picker-initial,.genre-swatch{background:#bcbcbc0a;color:var(--muted)}.picker-item .source-avatar{width:33px;height:33px;font-size:13px}.picker-item:has(>.picker-label-only){min-height:36px}.picker-item .picker-label-only small{display:none}.save-preview>p,.save-promise{font-size:12px;color:var(--muted)}.save-promise{margin-top:15px}
@keyframes menu-appear{from{opacity:0;translate:0 -2px}to{opacity:1;translate:0 0}}
@media(max-width:700px){.context-menu button,.context-menu a{min-height:44px}.select-trigger{font-size:12px;gap:6px}.context-menu{width:228px}.context-menu[role=listbox]{width:180px}dialog{padding:19px;border-radius:17px}.picker-item{min-height:49px}}
@media(prefers-reduced-motion:reduce){.context-menu{animation:none}}
@supports not (backdrop-filter:blur(1px)){.context-menu,dialog{background:var(--panel)}}
@media(prefers-contrast:more){.context-menu,dialog{background:var(--panel);border-color:#ffffff55;backdrop-filter:none;-webkit-backdrop-filter:none}.context-menu button,.context-menu a{color:#ffffff}.context-menu svg{color:var(--text)}}

.context-menu[data-kind=create]{width:198px}.picker-item .picker-initial{margin:0}

.source-empty{border-bottom-color:#e7e7e712;color:var(--muted)}.refine-divider{border-top-color:#e7e7e70b}
.context-menu:popover-open{position:fixed;inset:auto;margin:0}