/* Same hierarchy and controls as the desktop app's save picker. */
#save-panel{width:400px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:0;overflow:auto;border:1px solid #354559;border-radius:14px;background:#1d2835;color:#eff4fb;box-shadow:0 14px 45px #0008;font-size:15px}
#save-panel .panel-head{padding:12px 19px 4px;margin:0;gap:10px}
#save-panel .panel-head h2{font-size:20px;line-height:1.3}
#save-panel .panel-head button{min-height:36px;width:36px;padding:8px;color:#a7b6ca}
#save-subject{padding:0 20px 13px}#save-subject strong{display:block;font-size:14px;font-weight:500;overflow-wrap:anywhere}#save-subject small{display:block;color:#a7b6ca;font-size:13px}
#save-panel .save-search{display:flex;align-items:center;gap:10px;background:#283748;border-radius:7px;margin:0 19px 12px;padding:0 12px;color:#a7b6ca}
#save-panel .save-search svg{width:18px;height:18px;flex:none}
#save-panel .save-search input{min-width:0;min-height:46px;padding:9px 0;font-size:16px}
#save-options{padding:0 12px;max-height:min(320px,calc(100dvh - 290px));overflow:auto;scrollbar-width:none}
#save-panel .save-location{position:relative;display:flex;align-items:center;gap:12px;padding:9px 8px;min-height:64px;border-radius:8px;cursor:pointer}
#save-panel .save-location:hover{background:#283748}#save-panel .save-location:has(input:focus-visible){outline:2px solid var(--archive-accent,#FFFFFF);outline-offset:-2px}
#save-panel .save-location-art{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:8px;background:#283748}
#save-panel .save-location-art.is-default{background:#233449;color:var(--archive-accent,#FFFFFF)}
#save-panel .save-location-art svg{width:23px;height:23px}
#save-panel .save-playlist-initial{display:grid;place-items:center;font-style:normal;color:var(--archive-accent,#FFFFFF);border:1px solid color-mix(in srgb, var(--archive-accent,#FFFFFF) 33.33%, transparent);border-radius:5px;width:25px;height:25px;font-size:16px}
#save-panel .save-location-label{flex:1;min-width:0;overflow-wrap:anywhere;font-size:16px;line-height:1.4}
#save-panel .save-location-label small{display:block;font-size:13px;color:#a7b6ca}
#save-panel .save-location input{position:absolute;right:8px;width:24px;height:24px;opacity:0;margin:0;cursor:pointer}
#save-panel .save-location-check{display:grid;place-items:center;flex:none;width:23px;height:23px;border:1px solid #a7b6ca;border-radius:50%;transition:background-color 160ms,border-color 160ms}
#save-panel .save-location-check svg{width:16px;height:16px;opacity:0;transform:scale(.7);transition:transform 160ms,opacity 160ms}
#save-panel .save-location input:checked~.save-location-check{background:var(--archive-accent,#FFFFFF);border-color:var(--archive-accent,#FFFFFF);color:#0d1928}
#save-panel .save-location input:checked~.save-location-check svg{opacity:1;transform:scale(1)}
#save-panel .save-section-label{display:block;color:#a7b6ca;font-size:13px;padding:12px 8px 4px}
#save-panel .save-empty{padding:8px;color:#a7b6ca;font-size:13px}
#save-panel #new-from-save{display:flex;align-items:center;gap:9px;color:#a7b6ca;padding:8px;margin:4px 12px 12px;font-size:14px;text-align:left}
#save-panel #new-from-save svg{width:18px;height:18px}
#save-new-form{display:flex;gap:8px;margin:0 20px 14px;align-items:center}
#save-panel #save-new-name{min-width:0;padding:9px;background:#283748;border:1px solid #354559;border-radius:6px;font-size:16px}
#save-new-form button{flex:none;background:#283748;border-radius:6px;padding:8px 12px;font-size:13px}
#save-error:empty{display:none}#save-error{margin:0 20px 12px;font-size:13px;color:#efc995}
#save-panel footer{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #354559;padding:12px 19px}
#save-panel footer button{font-size:14px;padding:9px 16px;min-height:44px;color:#a7b6ca}
#save-panel footer .primary{background:var(--archive-accent,#FFFFFF)!important;color:#080b0f;border-radius:24px;padding:9px 24px;font-size:14px}