body.has-public-dock{padding-bottom:96px}
.public-fixed-dock{position:fixed;inset-inline:0;bottom:0;z-index:120;display:grid;grid-template-columns:minmax(220px,1fr) minmax(300px,1.7fr) minmax(180px,1fr);align-items:center;gap:24px;min-height:86px;width:100%;max-width:none;padding:10px 24px;background:var(--dock-bg);color:var(--dock-fg);border-top:1px solid var(--dock-line);box-shadow:0 -8px 32px #0002;direction:rtl;font:13px/1.5 Vazirmatn,sans-serif}
.public-fixed-dock[hidden]{display:none}.public-dock-track{display:flex;align-items:center;gap:12px;min-width:0}.public-dock-track img{width:48px;height:48px;object-fit:cover;border-radius:5px}.public-dock-track>div{min-width:0}.public-dock-track a{color:inherit}.public-dock-track strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.public-dock-track small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--dock-muted);margin-top:4px}.public-dock-middle{min-width:0}.public-dock-buttons{display:flex;justify-content:center;align-items:center;gap:18px;direction:ltr}.public-fixed-dock button{display:grid;place-items:center;width:30px;height:30px;border:0;background:none;color:inherit;border-radius:50%;padding:0}.public-fixed-dock button:hover{background:var(--dock-hover)}.public-dock-buttons button[data-dock-action=toggle]{width:36px;height:36px;background:var(--dock-button-bg);color:var(--dock-button-fg)}.public-dock-buttons button[aria-pressed=true]{color:var(--seek-hover)}.public-dock-progress{display:flex;align-items:center;gap:8px;color:var(--dock-muted);font:11px/1.4 system-ui,sans-serif}.public-dock-progress input{flex:1;min-width:0}.public-dock-options{display:flex;align-items:center;justify-content:end;gap:10px;direction:ltr}.public-dock-options input{width:74px;accent-color:var(--seek-hover)}.public-fixed-dock.in-app{bottom:80px}
.public-dock-queue{border:1px solid var(--dock-line);border-radius:12px;background:var(--dock-bg);color:var(--dock-fg);min-width:min(460px,calc(100vw - 24px));max-height:70vh;padding:20px;box-shadow:0 20px 60px #0007}.public-dock-queue::backdrop{background:#0008}.public-dock-queue-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.public-dock-queue-head strong{font-size:18px}.public-dock-queue-head button{border:0;background:var(--dock-hover);color:var(--dock-fg);border-radius:50%;width:32px;height:32px;font-size:22px}.public-dock-queue-row{display:block;width:100%;text-align:right;padding:12px;border:0;border-top:1px solid var(--dock-line);background:none;color:var(--dock-fg);font:inherit}.public-dock-queue-row[aria-current=true]{color:var(--seek-hover);font-weight:700}
@media(max-width:800px){body.has-public-dock{padding-bottom:132px}.public-fixed-dock{grid-template-columns:1fr auto;gap:6px 14px;padding:10px 16px;min-height:116px}.public-dock-track{grid-column:1}.public-dock-middle{grid-column:1/-1;grid-row:2}.public-dock-options{grid-column:2;grid-row:1}.public-dock-options input,.public-dock-options button[data-dock-action=queue]{display:none}.public-dock-buttons{gap:16px}.public-dock-track img{width:40px;height:40px}}
.public-fixed-dock{width:100vw;left:0;right:auto;padding-inline:28px}.public-dock-progress{margin-top:11px}.public-dock-buttons{gap:22px}@media(max-width:800px){.public-fixed-dock{padding-inline:16px}.public-dock-buttons{gap:16px}.public-dock-progress{margin-top:7px}}
.public-fixed-dock{padding-top:18px;padding-bottom:12px}.public-dock-options{justify-content:flex-start}@media(max-width:800px){.public-fixed-dock{padding-top:14px;padding-bottom:10px}}
.public-dock-setting{display:block;font-size:13px;color:var(--dock-muted);margin-top:14px}.public-dock-setting select{display:block;width:100%;min-height:42px;margin-top:6px;border:1px solid var(--dock-line);border-radius:6px;background:var(--dock-bg);color:var(--dock-fg);font:inherit;padding:6px 10px}
.public-dock-options{gap:6px}.public-dock-options input{width:60px}.public-dock-options button[data-dock-action=sleep-pill],.public-dock-options button[data-dock-action=speed-pill]{width:54px;height:38px;border-radius:999px;background:#eaf4ef;color:#283a34}.public-dock-options button[data-dock-action=sleep-pill]:hover,.public-dock-options button[data-dock-action=speed-pill]:hover{background:#dcefe5}:root[data-theme=dark] .public-dock-options button[data-dock-action=sleep-pill],:root[data-theme=dark] .public-dock-options button[data-dock-action=speed-pill]{background:#2a3933;color:#e7f2ec}@media(max-width:800px){.public-dock-options{gap:4px}.public-dock-options button[data-dock-action=sleep-pill],.public-dock-options button[data-dock-action=speed-pill]{width:42px;height:34px}}
.public-dock-pill{position:relative;display:flex;align-items:center;justify-content:center;gap:5px;min-width:48px;height:38px;border-radius:999px;background:#eaf4ef;color:#283a34;padding:0 10px;font:12px/1 Vazirmatn,sans-serif;white-space:nowrap}.public-dock-pill select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.public-dock-pill:focus-within{outline:2px solid var(--seek-hover);outline-offset:2px}.public-dock-pill.is-active{color:var(--seek-hover);background:#dcefe5}:root[data-theme=dark] .public-dock-pill{background:#2a3933;color:#e7f2ec}:root[data-theme=dark] .public-dock-pill.is-active{color:var(--seek-hover);background:#304c3f}@media(max-width:800px){.public-dock-pill{min-width:40px;height:34px;padding:0 7px}.public-dock-pill span{font-size:11px}}
.public-speed-control{position:relative;flex:none}.public-speed-control .public-speed-trigger{width:auto;min-width:42px;height:36px;padding:0 10px;border-radius:999px;background:var(--dock-hover);color:var(--dock-fg);font:700 12px/1 Vazirmatn,sans-serif}.public-speed-control .public-speed-trigger.is-active{color:var(--seek-hover)}.public-speed-menu{position:absolute;bottom:calc(100% + 10px);left:0;z-index:140;min-width:86px;padding:5px;background:var(--dock-bg);color:var(--dock-fg);border:1px solid var(--dock-line);border-radius:8px;box-shadow:0 10px 24px #0003}.public-speed-menu[hidden]{display:none}.public-speed-menu button{display:block;width:100%;height:auto;min-height:34px;padding:7px 10px;border-radius:5px;text-align:center;font:13px/1.4 Vazirmatn,sans-serif}.public-speed-menu button[aria-selected=true],.public-speed-menu button:hover{background:var(--dock-hover);color:var(--seek-hover)}
