/* Discord workspace follows the site's warm/dark design tokens. */
#view-discord {--discord-surface:var(--panel);}
.discord-studio-hero {display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:28px;}
.discord-studio-hero h1 {margin:8px 0 12px;font-size:clamp(30px,4vw,44px);letter-spacing:-.045em;}
.discord-studio-hero p:not(.eyebrow) {max-width:600px;color:var(--muted);line-height:1.6;}
.discord-studio-tools {display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;}
.discord-service-badge,.discord-status {display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--panel);padding:9px 12px;border-radius:999px;color:var(--muted);font-size:12px;white-space:nowrap;}
.discord-status.is-online {color:var(--text);}.discord-status.is-online:before {content:"";width:7px;height:7px;flex:none;border-radius:50%;background:#78ad90;}
.discord-studio-layout {display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px;align-items:start;}
.discord-studio-layout:has(.discord-studio-sidebar:empty) {grid-template-columns:minmax(0,1fr);}
.discord-studio-sidebar:empty {display:none;}
.discord-studio-sidebar {min-width:0;position:sticky;top:24px;display:grid;gap:16px;}
.discord-server-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;}
.discord-server-heading h2 {font-size:18px;margin:0;}.discord-server-heading>span {color:var(--muted);font-size:13px;}
.discord-hint {color:var(--muted);font-size:12px;line-height:1.6;margin:0;}
.discord-server-list {display:grid;gap:8px;}
.discord-server {width:100%;display:flex;align-items:center;gap:11px;text-align:left;min-width:0;padding:12px;border:1px solid transparent;border-radius:14px;color:var(--text);background:transparent;cursor:pointer;}
.discord-server:hover {background:var(--panel);}.discord-server.is-selected {background:var(--panel);border-color:var(--line);}
.discord-server>span:nth-child(2) {display:grid;gap:5px;min-width:0;flex:1;}.discord-server strong {overflow:hidden;text-overflow:ellipsis;font-size:13px;white-space:nowrap;}.discord-server small {color:var(--muted);font-size:11px;}
.discord-server>svg {width:16px;flex:none;color:var(--accent);}
.discord-server-avatar {width:40px;height:40px;border:1px solid var(--line);background:var(--panel-2);color:var(--accent);border-radius:12px;display:grid;place-items:center;flex:none;font-size:13px;font-weight:750;}
.discord-sidebar-note {display:flex;align-items:flex-start;gap:9px;border-top:1px solid var(--line);padding-top:16px;}.discord-sidebar-note>svg {width:16px;height:16px;flex:none;color:var(--muted);}.discord-sidebar-note p {font-size:12px;color:var(--muted);line-height:1.6;margin:0;}
.discord-studio-main {min-width:0;display:grid;gap:22px;}
.discord-workspace-heading {display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding-bottom:20px;}
.discord-workspace-heading h2 {margin:7px 0 8px;font-size:26px;letter-spacing:-.03em;overflow-wrap:anywhere;}
.discord-workspace-heading p:not(.eyebrow) {display:flex;align-items:center;gap:6px;color:var(--muted);font-size:13px;margin:0;}.discord-workspace-heading p svg {width:15px;height:15px;}
.discord-channel-settings {border:1px solid var(--line);border-radius:15px;background:var(--panel);padding:16px 18px;}
.discord-channel-settings summary,.discord-advanced summary {cursor:pointer;font-weight:650;list-style:none;display:flex;align-items:center;gap:9px;font-size:13px;}
.discord-channel-settings summary::-webkit-details-marker,.discord-advanced summary::-webkit-details-marker {display:none;}
.discord-channel-settings summary:after,.discord-advanced summary:after {content:"+";margin-left:auto;color:var(--muted);font-size:18px;}.discord-channel-settings[open] summary:after,.discord-advanced[open] summary:after {content:"−";}
.discord-channel-settings summary svg,.discord-advanced summary svg {width:16px;height:16px;color:var(--muted);}
.discord-channel-fields {display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:12px;margin:18px 0 12px;}
.discord-channel-fields label,.discord-advanced label {display:grid;gap:8px;color:var(--muted);font-size:12px;min-width:0;}
.discord-channel-fields select,.discord-sort select,.discord-advanced input,.discord-connect-dialog select {width:100%;min-width:0;min-height:44px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2);color:var(--text);font:inherit;padding:10px 12px;}
.discord-playback {display:grid;grid-template-columns:136px minmax(0,1fr);gap:24px;padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:20px;}
.discord-now-cover {position:relative;aspect-ratio:1;width:100%;align-self:start;overflow:hidden;display:grid;place-items:center;background:var(--panel-2);border:1px solid var(--line);border-radius:16px;}
.discord-now-cover img,.discord-row-cover img {position:static;width:100%;height:100%;object-fit:cover;}.discord-now-cover>svg {width:40px;height:40px;color:var(--muted);}
.discord-now-copy {min-width:0;}.discord-now-copy h3 {font-size:22px;letter-spacing:-.025em;line-height:1.3;margin:8px 0;overflow-wrap:anywhere;}.discord-now-copy>p:not(.eyebrow) {font-size:13px;color:var(--muted);margin:0;line-height:1.6;}
.discord-transport {display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;}.discord-transport button {font-size:12px;min-height:42px;}
.discord-timeline {display:flex;gap:12px;align-items:center;margin-top:20px;}.discord-timeline progress {width:100%;min-width:0;height:4px;border:0;background:var(--panel-2);border-radius:999px;overflow:hidden;accent-color:var(--accent);}.discord-timeline progress::-webkit-progress-bar {background:var(--panel-2);border-radius:999px;}.discord-timeline progress::-webkit-progress-value {background:var(--accent);border-radius:999px;}.discord-timeline progress::-moz-progress-bar {background:var(--accent);}.discord-timeline>span {color:var(--muted);font-size:11px;white-space:nowrap;font-variant-numeric:tabular-nums;}
.discord-volume {display:flex;align-items:center;gap:10px;margin-top:16px;color:var(--muted);font-size:12px;}.discord-volume>svg {width:17px;height:17px;flex:none;}.discord-volume input {width:min(220px,100%);min-width:0;accent-color:var(--accent);}.discord-volume output {min-width:33px;font-variant-numeric:tabular-nums;}
.discord-queue,.discord-discovery {border:1px solid var(--line);background:var(--panel);border-radius:20px;padding:22px;min-width:0;}
.discord-queue>header,.discord-discovery>header {display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;}.discord-queue h3,.discord-discovery h3 {font-size:19px;letter-spacing:-.02em;margin:5px 0;}.discord-queue h3>span {color:var(--muted);font-weight:400;font-size:15px;}.discord-queue header p:not(.eyebrow) {color:var(--muted);font-size:12px;margin:6px 0 0;}
.discord-inline-actions {display:flex;gap:8px;flex-wrap:wrap;}.discord-inline-actions button {font-size:11px;padding:8px 10px;min-height:38px;}
.discord-queue ol {list-style:none;padding:0;margin:0;display:grid;gap:4px;max-height:430px;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;}
.discord-queue li:not(.discord-queue-empty) {display:grid;grid-template-columns:18px 40px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--line);}
.discord-queue-index {color:var(--muted);font-size:11px;text-align:center;}.discord-row-cover {width:42px;height:42px;overflow:hidden;border-radius:9px;background:var(--panel-2);display:grid;place-items:center;position:relative;flex:none;}.discord-row-title {min-width:0;display:grid;gap:5px;}.discord-row-title strong {font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.discord-row-title small {font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.discord-duration {color:var(--muted);font-size:11px;white-space:nowrap;font-variant-numeric:tabular-nums;}.discord-row-actions {display:flex;gap:2px;}.discord-row-actions .icon-only {width:32px;min-width:32px;height:34px;min-height:34px;padding:7px;position:relative;}.discord-row-actions .icon-only svg {width:15px;height:15px;}.discord-row-actions .icon-only span {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
.discord-queue-empty {padding:22px 10px;color:var(--muted);font-size:13px;text-align:center;line-height:1.6;}
.discord-studio-tabs {display:flex;gap:5px;border-bottom:1px solid var(--line);margin-bottom:18px;}.discord-studio-tabs button {border:0;border-bottom:2px solid transparent;padding:12px 14px;background:transparent;color:var(--muted);font:inherit;font-size:13px;font-weight:650;cursor:pointer;}.discord-studio-tabs button.is-active {color:var(--text);border-bottom-color:var(--accent);}
.discord-library-choices {display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px;}.discord-library-choices button {border:1px solid var(--line);background:transparent;color:var(--muted);padding:7px 10px;border-radius:999px;font:inherit;font-size:11px;cursor:pointer;}.discord-library-choices button[aria-pressed=true] {color:var(--text);background:var(--panel-2);border-color:var(--accent);}
.discord-search-controls {display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:12px;margin-bottom:14px;align-items:end;}.discord-search {display:flex;align-items:center;gap:10px;min-width:0;min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:11px;background:var(--panel-2);}.discord-search svg {width:17px;height:17px;flex:none;color:var(--muted);}.discord-search input {border:0;background:transparent;color:var(--text);font:inherit;font-size:13px;min-height:44px;width:100%;min-width:0;outline:none;}.discord-search:focus-within {outline:2px solid var(--accent);outline-offset:2px;}.discord-sort {display:grid;gap:6px;font-size:11px;color:var(--muted);}
.discord-advanced {padding:4px 0 14px;}.discord-advanced>div {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;}.discord-advanced button {align-self:end;}
.discord-music-list {display:grid;gap:0;margin-top:6px;}.discord-music-row {display:flex;gap:12px;align-items:center;min-width:0;padding:13px 0;border-top:1px solid var(--line);}.discord-music-row .discord-row-title {flex:1;}.discord-music-actions {display:flex;gap:7px;}.discord-music-actions button {padding:8px 10px;min-height:38px;font-size:11px;}.discord-music-actions svg {width:15px;height:15px;}
.discord-result-count {color:var(--muted);font-size:12px;white-space:nowrap;}.discord-discovery>.discord-hint {margin-top:18px;}
.discord-workspace-footer {display:flex;gap:20px;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted);line-height:1.6;}.discord-workspace-footer a {display:flex;gap:7px;align-items:center;color:var(--accent);}.discord-workspace-footer svg {width:14px;height:14px;}.discord-workspace-footer button {font-size:11px;flex:none;min-height:40px;}
.discord-empty {display:grid;justify-items:center;text-align:center;align-content:center;padding:48px 24px;min-height:250px;border:1px dashed var(--line);border-radius:20px;}.discord-empty>svg {width:36px;height:36px;color:var(--accent);}.discord-empty h3 {font-size:23px;letter-spacing:-.03em;margin:20px 0 10px;}.discord-empty p {font-size:13px;line-height:1.7;color:var(--muted);max-width:420px;margin:0 0 20px;}
.discord-notice {font-size:13px;line-height:1.7;padding:14px 16px;margin:0;background:var(--panel-2);border:1px solid var(--line);border-radius:12px;}.discord-notice.is-error {border-left:3px solid var(--accent);}.discord-notice button {margin-left:12px;}.discord-feedback {min-height:18px;margin:0;color:var(--muted);font-size:12px;}
.discord-connect-dialog {width:min(540px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--line);border-radius:22px;background:var(--panel);color:var(--text);overflow-y:auto;box-shadow:0 24px 80px #0005;}
.discord-connect-dialog::backdrop {background:#0008;backdrop-filter:blur(5px);}.discord-connect-dialog header {display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:24px;border-bottom:1px solid var(--line);}.discord-connect-dialog header h2 {margin:8px 0 0;font-size:24px;letter-spacing:-.03em;}.discord-connect-dialog header button {width:36px;height:36px;padding:8px;}.discord-connect-body {padding:24px;display:grid;gap:18px;}.discord-connect-body label {display:grid;gap:9px;font-size:13px;}.discord-connect-body p {margin:0;color:var(--muted);font-size:13px;line-height:1.7;}.discord-connect-body .discord-inline-actions {justify-content:space-between;}.discord-connect-error {color:var(--accent)!important;min-height:18px;}.discord-connect-submit {width:100%;justify-content:center;}
.discord-confirm-actions {display:flex;justify-content:flex-end;gap:10px;padding:0 24px 24px;}
#view-discord :is(button,select,input):focus-visible,.discord-connect-dialog :is(button,select):focus-visible {outline:2px solid var(--accent);outline-offset:3px;}
#view-discord button {transition:background-color .16s,color .16s,border-color .16s,opacity .16s;}
#view-discord button:disabled,.discord-connect-dialog button:disabled {opacity:.45;cursor:not-allowed;}
@media(max-width:1150px){.discord-studio-layout{grid-template-columns:195px minmax(0,1fr);gap:18px;}.discord-channel-fields{grid-template-columns:1fr 1fr;}.discord-channel-fields>button{grid-column:1/-1;justify-self:start;}.discord-playback{grid-template-columns:100px minmax(0,1fr);gap:18px;padding:20px;}.discord-queue li:not(.discord-queue-empty){grid-template-columns:18px 36px minmax(0,1fr) auto;}.discord-queue li>.discord-duration{display:none;}.discord-queue,.discord-discovery{padding:18px;}.discord-music-actions button span{display:none;}.discord-music-actions button{width:36px;min-width:36px;}.discord-row-cover{width:36px;height:36px;}}
@media(max-width:820px){.discord-studio-hero{flex-direction:column;gap:16px;}.discord-studio-tools{justify-content:flex-start;}.discord-studio-layout{grid-template-columns:minmax(0,1fr);}.discord-studio-sidebar{position:static;gap:12px;}.discord-server-list{grid-template-columns:repeat(2,minmax(0,1fr));}.discord-studio-sidebar>.primary-btn{justify-self:start;}.discord-sidebar-note{padding-top:12px;margin-bottom:8px;}.discord-sidebar-note p{max-width:600px;}.discord-server{background:var(--panel);}.discord-server.is-selected{border-color:var(--accent);}.discord-studio-hero h1{font-size:34px;}.discord-playback{grid-template-columns:115px minmax(0,1fr);}.discord-music-actions button{width:auto;}.discord-music-actions button span{display:inline;}}
@media(max-width:520px){.discord-studio-hero{margin-bottom:22px;}.discord-studio-tools{gap:8px;}.discord-studio-tools button{font-size:12px;padding:10px;}.discord-server-list{grid-template-columns:1fr;max-height:255px;overflow-y:auto;}.discord-server{padding:10px;}.discord-workspace-heading{flex-direction:column;gap:12px;}.discord-workspace-heading h2{font-size:25px;}.discord-channel-fields{grid-template-columns:minmax(0,1fr);}.discord-channel-fields>button{width:100%;justify-self:stretch;}.discord-channel-settings{padding:15px;}.discord-playback{grid-template-columns:72px minmax(0,1fr);gap:14px;padding:16px;border-radius:16px;}.discord-now-cover{border-radius:12px;}.discord-now-copy h3{font-size:18px;}.discord-transport{margin-left:-86px;margin-top:26px;}.discord-transport button{font-size:11px;padding:9px 10px;}.discord-timeline,.discord-volume{margin-left:-86px;}.discord-volume input{width:100%;}.discord-queue,.discord-discovery{border-radius:16px;padding:16px;}.discord-queue>header{align-items:flex-start;flex-direction:column;gap:12px;}.discord-queue li:not(.discord-queue-empty){grid-template-columns:16px 36px minmax(0,1fr);gap:8px;}.discord-row-actions{grid-column:3;justify-content:flex-end;}.discord-row-actions .icon-only{width:36px;min-width:36px;height:36px;}.discord-search-controls{grid-template-columns:minmax(0,1fr);}.discord-sort{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;}.discord-studio-tabs button{padding:11px 10px;font-size:12px;}.discord-advanced>div{grid-template-columns:minmax(0,1fr);}.discord-music-row{gap:9px;flex-wrap:wrap;}.discord-music-row>.discord-duration{display:none;}.discord-music-row .discord-row-title{width:calc(100% - 54px);flex:initial;}.discord-music-actions{margin-left:45px;width:calc(100% - 45px);}.discord-music-actions button{min-height:40px;flex:1;justify-content:center;}.discord-workspace-footer{flex-direction:column;align-items:flex-start;gap:12px;}.discord-workspace-footer button{white-space:normal;}.discord-empty{padding:36px 18px;}.discord-empty h3{font-size:22px;}.discord-discovery>header{align-items:flex-start;gap:10px;}.discord-result-count{font-size:11px;padding-top:6px;}.discord-connect-dialog header,.discord-connect-body{padding:20px;}.discord-connect-body .discord-inline-actions{flex-direction:column;}.discord-notice button{display:flex;margin:10px 0 0;}}
@media(prefers-reduced-motion:reduce){#view-discord button{transition:none;}}

/* Isolate controls from older global form/button rules. */
#view-discord :is(.primary-btn,.ghost-btn),.discord-connect-dialog :is(.primary-btn,.ghost-btn){display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.4;}
#view-discord :is(.primary-btn,.ghost-btn)>svg,.discord-connect-dialog button>svg{width:16px;height:16px;flex:none;}
#view-discord .discord-search input{border:0;box-shadow:none;background:transparent;padding:0;outline:none;}
#view-discord .discord-search input:focus-visible{outline:none;box-shadow:none;}

@media(max-width:520px){
 .discord-studio-hero{gap:12px;margin-bottom:20px;}
 .discord-studio-hero h1{font-size:30px;margin:7px 0 10px;}
 .discord-studio-hero p:not(.eyebrow){font-size:13px;margin:0;line-height:1.5;}
 .discord-studio-tools{flex-wrap:nowrap;width:100%;gap:8px;}
 .discord-studio-tools .discord-service-badge{font-size:11px;padding:8px 10px;}
 .discord-studio-tools #discordBotRefreshBtn{width:40px;min-width:40px;height:40px;min-height:40px;padding:8px;}
 .discord-studio-tools #discordBotRefreshBtn>span{display:none;}
 .discord-studio-tools>.primary-btn{flex:1;min-height:40px;white-space:nowrap;font-size:11px;padding:8px 10px;}
 .discord-sidebar-note{display:none;}
 .discord-studio-sidebar{gap:10px;}
 .discord-studio-sidebar>.discord-hint{font-size:11px;}
 .discord-studio-layout{gap:22px;}
 .discord-workspace-heading{gap:10px;padding-bottom:16px;}
 .discord-workspace-heading h2{margin:6px 0;font-size:23px;}
 .discord-channel-settings{padding:13px 15px;}
}

@media(max-width:520px){#view-discord .discord-studio-tools>.primary-btn{min-width:0;font-size:11px;padding:8px 9px;white-space:normal;} .discord-studio-tools{min-width:0;}}
@media(max-width:360px){.discord-studio-tools>.discord-service-badge{display:none;}}