.playlist-public{padding:clamp(28px,5vw,70px) 0 90px;max-width:1120px}
.playlist-public h1{margin:.25em 0;font-size:clamp(2.5rem,5vw,5rem);line-height:1.05;overflow-wrap:anywhere}
.playlist-public>p{color:#aaa;font-size:1.05rem;margin:0 0 2rem}
.playlist-public-items,.playlist-panel-list{display:grid;gap:10px}
.playlist-public-item,.playlist-panel-row{display:flex;align-items:center;gap:18px;padding:20px 24px;border:1px solid #303034;border-radius:14px;background:#171719;color:#fff;text-decoration:none}
.playlist-public-item:hover,.playlist-public-item:focus-visible,.playlist-panel-row:hover{border-color:#ec3143;background:#22191b}
.playlist-public-number{color:#eb4050;font-weight:800;font-size:1.2rem;min-width:2ch}
.playlist-public-item strong{font-size:1.2rem;flex:1;overflow-wrap:anywhere}
.playlist-public-item small{color:#aaa}
.playlist-public-item>span:last-child{font-size:1.5rem}
.playlist-panel{width:min(680px,calc(100vw - 24px));max-height:min(85vh,800px);border:1px solid #3a3436;border-radius:20px;padding:0;color:#fff;background:#151517;box-shadow:0 30px 80px #000b}
.playlist-panel::backdrop{background:#000c;backdrop-filter:blur(6px)}
.playlist-panel-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:22px 26px;background:#151517;border-bottom:1px solid #333}
.playlist-panel-head h2{margin:0;font-size:1.5rem}.playlist-panel-close{border:0;background:#2b2b2d;border-radius:50%;color:#fff;width:44px;height:44px;font-size:2rem;line-height:1;cursor:pointer}
.playlist-panel-body{padding:22px 26px;overflow:auto;max-height:calc(85vh - 90px)}
.playlist-panel-row{width:100%;text-align:left;cursor:pointer;font:inherit}.playlist-panel-row strong{flex:1;font-size:1.1rem}.playlist-panel-row small{color:#aaa}.playlist-panel-row:disabled{opacity:.55;cursor:wait}
.playlist-panel-check{display:grid;place-items:center;flex:none;width:25px;height:25px;border:1px solid #ffffff28;border-radius:6px;color:transparent;font-size:21px;font-weight:800;line-height:1}.playlist-panel-row.is-added .playlist-panel-check{border-color:#eb5360;color:#fff;background:#9b202b}
.playlist-panel-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.playlist-panel-actions .button{cursor:pointer}
.playlist-panel input{width:100%;box-sizing:border-box;background:#242426;border:1px solid #555;color:#fff;border-radius:10px;font:inherit;padding:13px 15px;min-height:48px}
.playlist-panel form{display:flex;gap:10px;align-items:center}.playlist-panel form .button{white-space:nowrap}
.playlist-panel-status{min-height:1.5em;color:#e87983;margin:14px 0 0}
.playlist-panel-status:empty{display:none}
.playlist-panel-item{display:flex;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #333}.playlist-panel-item a{flex:1;color:#fff;text-decoration:none;font-weight:600}.playlist-panel-item a:hover{text-decoration:underline}.playlist-panel-item button{background:transparent;border:0;color:#aaa;cursor:pointer;font-size:1.5rem}
.playlist-panel-share{display:flex;gap:8px;margin:16px 0}.playlist-panel-share input{font-size:.9rem}
.playlist-panel-editor:not(:empty){margin:16px 0;padding:20px;border:1px solid #494044;border-radius:14px;background:#20191b}
.playlist-panel-editor-form{display:grid!important;gap:16px;align-items:stretch!important}
.playlist-panel-editor-form label{display:grid;gap:12px;font-weight:700;line-height:1.4;overflow-wrap:anywhere}
.playlist-panel-editor-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px}
.playlist-panel-editor-actions .button{min-width:120px;cursor:pointer}
.playlist-panel-editor-actions .danger{background:#8c1b27;border-color:#b63845;color:#fff}
.playlist-panel-editor-actions .danger:hover{background:#b12534}
.playlist-panel input:focus-visible,.playlist-panel button:focus-visible{outline:2px solid #f26975;outline-offset:2px}
.playlist-toast{position:fixed;z-index:3000;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));max-width:min(360px,calc(100vw - 40px));box-sizing:border-box;padding:13px 18px;border:1px solid #5f3439;border-radius:12px;color:#fff;background:#211719;box-shadow:0 12px 35px #0009;font-weight:700}
.playlist-toast[hidden]{display:none}
.playlist-cabinet-actions{justify-content:flex-start!important;margin-bottom:20px}.playlist-cabinet-list{display:grid;gap:12px}.playlist-cabinet-list .playlist-panel-row{max-width:800px}
@media(max-width:600px){.playlist-public-item{gap:10px;padding:16px}.playlist-public-item small{display:none}.playlist-panel form{flex-direction:column;align-items:stretch}.playlist-panel-body{padding:18px}.playlist-panel-head{padding:16px 18px}.playlist-panel-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.playlist-panel-actions .button{min-height:46px;padding:9px 7px;font-size:.9rem;white-space:normal;line-height:1.2}.playlist-panel-editor-actions{width:100%}.playlist-panel-editor-actions .button{flex:1 1 0;min-width:0}}