.player .ctl .workshop-launch{display:none;position:static;align-items:center;gap:5px;min-height:34px;padding:6px 9px;margin-left:auto;border:1px solid rgba(255,255,255,.14);border-radius:4px;background:rgba(255,255,255,.025);color:var(--mute);font:500 10px 'Satoshi',system-ui;letter-spacing:.02em;white-space:nowrap;cursor:pointer}
body.music .player .ctl .workshop-launch{display:inline-flex}.player .ctl .workshop-launch:hover{color:var(--ink);border-color:var(--acc);background:color-mix(in srgb,var(--acc) 10%,transparent)}
.workshop-dialog{box-sizing:border-box;max-width:560px;width:calc(100% - 28px);max-height:calc(100dvh - 40px);overflow:auto;margin:auto;padding:28px;color:#f5f3f7;background:#121015;border:1px solid #d1449c80;border-radius:12px;font:15px/1.5 'Satoshi',system-ui;box-shadow:0 35px 120px #000a;user-select:text}
.workshop-dialog::backdrop{background:#050307ba;backdrop-filter:blur(8px)}.workshop-dialog header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.workshop-dialog header img{width:60px;height:70px;object-fit:contain;filter:brightness(0) invert(1)}.workshop-dialog h2{margin:0;font-size:30px;letter-spacing:-.04em}.workshop-dialog .kicker{font:11px monospace;color:#ff77c7;letter-spacing:.15em;margin:0 0 5px}.workshop-dialog .close{border:1px solid #645768;color:#fff;background:transparent;min-width:44px;min-height:44px;border-radius:5px;font:22px system-ui;cursor:pointer}.workshop-dialog section{padding:17px 0;border-top:1px solid #ffffff18}.workshop-dialog h3{margin:0;font-size:18px}.workshop-dialog p{margin:5px 0 12px;color:#c0b6c5;font-size:14px}.workshop-dialog .links{display:flex;flex-wrap:wrap;gap:8px}.workshop-dialog a{display:inline-flex;align-items:center;min-height:44px;padding:7px 13px;border:1px solid #716076;border-radius:5px;color:#fff;text-decoration:none;font-size:14px;box-sizing:border-box}.workshop-dialog a.primary{background:#d1449c;color:#fff;border-color:#d1449c}.workshop-dialog a:hover{border-color:#ff9cd5}.workshop-launch:focus-visible,.workshop-dialog a:focus-visible,.workshop-dialog button:focus-visible{outline:3px solid #b6ff3b;outline-offset:4px}
@media(max-width:760px){.player .ctl .workshop-launch{margin-left:0;padding:6px 8px}.workshop-dialog{padding:20px}.workshop-dialog h2{font-size:26px}}
@media(max-height:520px) and (orientation:landscape){.player .ctl .workshop-launch{min-height:34px}.workshop-dialog header{margin-bottom:10px}}

@media(max-width:760px){.player .ctl{gap:14px!important}.player.mini .ctl{gap:4px!important}.player.mini .ctl .workshop-launch{font-size:9px;padding:6px;min-height:32px}}