@font-face{font-family:Library;src:local("Inter"),local("Segoe UI");font-display:swap}*{box-sizing:border-box}html{font-size:16px;color-scheme:dark}body{margin:0;background:#111416;color:#ebeeec;font-family:Library,Inter,"Segoe UI",sans-serif;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}a{color:inherit;text-decoration:none}button,input,textarea,select{border-radius:7px}input,textarea,select{background:#181d20;color:#edf1ed;border:1px solid #343c40;padding:.65rem .8rem;min-width:0}input:focus,textarea:focus,select:focus{outline:2px solid #b7efc5;outline-offset:2px}button:focus-visible,a:focus-visible{outline:2px solid #b7efc5;outline-offset:3px}textarea{resize:vertical;width:100%;min-height:90px}input[type=checkbox]{accent-color:#b7efc5;width:16px;height:16px;padding:0}input[type=search]::-webkit-search-cancel-button{cursor:pointer}input::placeholder,textarea::placeholder{color:#7d898f}button{color:inherit}h1,h2,h3,p{margin-top:0}h1{font-size:2.4rem;line-height:1.2;letter-spacing:-.06em;margin-bottom:0;font-weight:650}h2{font-size:1.4rem;letter-spacing:-.03em;margin:0}h3{font-size:1rem;font-weight:600}p{color:#a7b1b5}code{font-family:Consolas,monospace;font-size:.85em;color:#b4cac0}hr{border:0;border-top:1px solid #2b3235;margin:1.5rem 0}[hidden]{display:none!important}.muted{color:#9aa8ad;font-size:.875rem}.eyebrow{display:block;color:#8fa098;font-size:.75rem;letter-spacing:.15em;font-weight:650;margin-bottom:.65rem}.heading-dot{color:#b7efc5}.spacer{flex:1}.button{display:inline-flex;justify-content:center;align-items:center;gap:.5rem;border:1px solid transparent;font-size:.875rem;font-weight:550;padding:.65rem 1rem;white-space:nowrap;line-height:1.4;transition:background .12s,border-color .12s}.primary{background:#b7efc5;color:#10231a}.primary:hover{background:#c9f7d4}.quiet{background:#20272a;border-color:#343d41}.quiet:hover{background:#2b3337;border-color:#526058}.small{padding:.45rem .7rem;font-size:.8125rem}.text-button{background:none;border:none;color:#b3c5bb;font-size:.8125rem;padding:0}.text-button:hover{color:#d7f7e0;text-decoration:underline}.danger{color:#ffb1ae}.icon-button{border:0;background:#242c2f;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;flex-shrink:0}.icon-button:hover{background:#3b464a}.topbar{height:76px;display:flex;align-items:center;padding:0 28px;gap:44px;border-bottom:1px solid #2a3134;background:#151a1c;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.04em;font-size:1.2rem;white-space:nowrap}.brand-mark{height:32px;width:32px;border-radius:9px;background:#b7efc5;color:#12281a;font-size:1.75rem;display:flex;align-items:center;justify-content:center;font-weight:800;line-height:1}.brand-light{color:#9ea9ad;font-weight:400;font-size:1rem;letter-spacing:-.02em}.tabs{height:100%;display:flex;gap:26px}.tab{height:100%;background:none;border:0;border-radius:0;border-bottom:2px solid transparent;color:#9ca9af;padding:0 2px;font-size:.875rem}.tab.active{color:#e7eee9;border-bottom-color:#b7efc5}.tab:hover{color:#e7eee9}.top-actions{display:flex;gap:12px;align-items:center;margin-left:auto}.identity{font-size:.75rem;color:#9eaca7;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{background:#35423b;color:#c6dfd0;border-radius:4px;font-size:.7rem;padding:0 5px}.workspace{display:grid;grid-template-columns:212px minmax(0,1fr) 276px;min-height:calc(100vh - 76px)}.filters{padding:28px 22px;border-right:1px solid #282f32;align-self:start;position:sticky;top:76px;max-height:calc(100vh - 76px);overflow-y:auto}.sidebar-heading{font-size:.6875rem;letter-spacing:.12em;font-weight:700;color:#9aa9a4;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px}.sidebar-heading .text-button{font-size:.7rem;letter-spacing:0}.tag-group{margin-bottom:25px}.tag-group h3{font-size:.8125rem;font-weight:550;color:#d4ded8;display:flex;align-items:center;gap:9px;margin-bottom:10px}.category-dot{width:6px;height:6px;background:var(--tag-color,#b4c6c0);border-radius:50%;display:inline-block;flex:none}.tag-link{background:none;border:none;display:flex;justify-content:space-between;width:100%;gap:10px;color:#9fadb0;font-size:.8125rem;text-align:left;padding:5px 0;line-height:1.4}.tag-link span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-link:hover{color:#b7efc5}.tag-count{color:#657571;font-size:.75rem}.sidebar-note{border-top:1px solid #2b3235;padding-top:24px;margin-top:36px;font-size:.75rem}.sidebar-note strong{color:#aebdb4;font-weight:500}.sidebar-note p{line-height:1.7;color:#798984;margin-top:8px}main{padding:34px 32px 60px;min-width:0}.view-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:25px}.view-description{font-size:.9rem;margin-bottom:26px;max-width:600px}.search-form{display:flex;gap:10px}.search-input-wrap{position:relative;flex:1}.search-input-wrap input{width:100%;padding:.8rem 1rem .8rem 42px;background:#1c2225;border-color:#3c474b;font-size:.9375rem}.search-icon{position:absolute;left:14px;top:4px;font-size:1.65rem;color:#9dacb0}.search-help{font-size:.75rem;color:#77878c;display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:10px}.search-help .text-button{font-size:.75rem;margin-left:auto}.results-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:26px 0 16px;flex-wrap:wrap}.results-left,.toolbar-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.results-toolbar select{font-size:.8125rem;padding:.45rem .65rem}.check-label{display:flex;align-items:center;gap:7px;font-size:.75rem;color:#9eada7;white-space:nowrap}.search-actions{display:flex;gap:8px;align-items:center;margin-bottom:20px}.search-actions .check-label{margin-left:6px}.selection-bar{background:#243b2c;border:1px solid #476650;border-radius:8px;padding:10px 12px;margin-bottom:12px;display:flex;align-items:center;gap:12px;font-size:.8125rem;flex-wrap:wrap}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:24px 18px}.video-card{position:relative;min-width:0}.thumbnail{aspect-ratio:16/10;background:#20282c;border:1px solid #313c40;border-radius:9px;position:relative;overflow:hidden;display:block;width:100%;padding:0;cursor:pointer}.thumbnail::after{content:"▶";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:1.5rem;color:#71817a;opacity:.5;z-index:0}.thumbnail img{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;transition:transform .2s}.thumbnail:hover img{transform:scale(1.035)}.duration{position:absolute;bottom:9px;right:9px;background:#111719da;border:1px solid #ffffff12;padding:1px 6px;border-radius:4px;font-size:.6875rem;color:#e9efeb;z-index:2}.resolution{position:absolute;bottom:9px;left:9px;font-size:.625rem;letter-spacing:.05em;color:#d7e6dc;background:#121917b8;border-radius:3px;padding:2px 5px;z-index:2}.select-video{position:absolute;top:10px;left:10px;z-index:5;opacity:0;transition:opacity .15s;background:#0e1716a8;display:flex;border-radius:4px;padding:3px}.video-card:hover .select-video,.video-card:focus-within .select-video,.video-card.selected .select-video{opacity:1}.video-card.selected .thumbnail{outline:2px solid #b7efc5;outline-offset:2px}.card-title{display:block;width:100%;text-align:left;background:none;border:0;padding:10px 0 4px;font-size:.875rem;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-title:hover{color:#b7efc5}.card-meta{display:flex;align-items:center;gap:8px;min-width:0;font-size:.75rem;color:#91a29a}.card-artist{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.rating{color:#c9c5a8;white-space:nowrap;font-size:.75rem}.card-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.tag-chip{border:1px solid #34423f;background:#1c2925;color:#b1c9bc;font-size:.6875rem;border-radius:4px;padding:2px 6px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-chip:hover{border-color:#748f7f;background:#263e31}.category-artist{--tag-color:#e6a58e}.category-character{--tag-color:#a8b5f4}.category-copyright{--tag-color:#c3a2db}.category-type{--tag-color:#9ed6ba}.category-medium{--tag-color:#88c5d3}.category-format{--tag-color:#d9c483}.category-general{--tag-color:#abb8b5}.category-meta{--tag-color:#d49da7}.empty-state{grid-column:1/-1;min-height:320px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:50px 20px;border:1px dashed #35413e;border-radius:10px;background:#151c1a}.empty-symbol{width:54px;height:54px;border-radius:13px;border:1px solid #496055;color:#bbd9c7;display:grid;place-items:center;font-size:1.5rem;margin-bottom:22px;background:#223128}.empty-state h2{font-size:1.3rem;margin-bottom:10px}.empty-state p{max-width:440px;font-size:.875rem;line-height:1.7;margin-bottom:18px}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:35px}.queue-panel{border-left:1px solid #2a3134;background:#151a1c;padding:28px 20px;position:sticky;top:76px;height:calc(100vh - 76px);overflow-y:auto}.stream-state{font-size:.625rem;letter-spacing:0;border:1px solid #35413c;border-radius:4px;padding:2px 5px;color:#a5b4ac}.now-thumbnail{aspect-ratio:16/10;object-fit:cover;width:100%;border-radius:7px;background:#252e30}.now-title{font-size:.875rem;font-weight:550;margin-top:12px;margin-bottom:6px}.source-label{color:#91a59a;font-size:.75rem;overflow-wrap:anywhere}.shared-buttons{display:flex;gap:6px;margin:18px 0 26px}.shared-buttons .button{flex:1;font-size:.75rem}.queue-section-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid #303a37;padding-top:20px;margin:22px 0 12px;font-size:.625rem;font-weight:650;letter-spacing:.1em;color:#7d9186}.queue-section-heading .text-button{font-size:.7rem;letter-spacing:0}.queue-item{display:flex;align-items:center;gap:10px;padding:9px 0}.queue-index{color:#6c8176;font-size:.75rem;min-width:16px}.queue-title{border:0;background:none;color:#becbc3;padding:0;text-align:left;font-size:.8125rem;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.queue-remove{border:0;background:none;color:#7d9486;font-size:1rem;padding:0 4px}.queue-footnote{font-size:.75rem;color:#708379;line-height:1.7;margin-top:28px}.queue-empty{color:#75867e;font-size:.8125rem;padding:12px 0}.workspace.queue-hidden{grid-template-columns:212px minmax(0,1fr)}.workspace.queue-hidden .queue-panel{display:none}.playlist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.playlist-card{background:#1b2325;border:1px solid #35403c;border-radius:10px;padding:24px;min-height:200px;display:flex;flex-direction:column;cursor:pointer;text-align:left}.playlist-card:hover{border-color:#6f8d7d;background:#202d27}.playlist-kind{font-size:.6875rem;letter-spacing:.12em;text-transform:uppercase;color:#b3d0bb;display:flex;align-items:center;gap:8px;margin-bottom:22px}.playlist-card h2{font-size:1.2rem;margin-bottom:10px;overflow-wrap:anywhere}.playlist-card p{font-size:.8125rem;line-height:1.6;flex:1;margin-bottom:18px;overflow-wrap:anywhere}.playlist-card .muted{font-size:.75rem}.tag-table{width:100%;border-collapse:collapse;font-size:.875rem;margin-bottom:32px}.tag-table th{text-align:left;font-weight:500;font-size:.75rem;color:#82958a;border-bottom:1px solid #344039;padding:10px 12px}.tag-table td{border-bottom:1px solid #26342c;padding:12px;vertical-align:top;overflow-wrap:anywhere}.tag-table td:first-child{width:30%}.tag-name{color:var(--tag-color,#bdcfbf);font-weight:500}.tag-category-label{font-size:.7rem;color:#7e9685;margin-top:4px}.directory-section{margin-top:30px}.directory-section h2{margin-bottom:12px;font-size:1.15rem}.dialog{border:1px solid #495d50;background:#19211d;color:#e8eee9;border-radius:14px;padding:26px;width:min(680px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow:auto;box-shadow:0 30px 120px #0009}.dialog::backdrop{background:#090e0cc9;backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px}.dialog-top .eyebrow{margin:0}.dialog-actions{border-top:1px solid #35453a;margin-top:24px;padding-top:18px;display:flex;justify-content:flex-end;gap:10px}.detail-dialog{width:min(980px,calc(100vw - 32px))}.video-player{background:#090d0b;display:block;width:100%;max-height:55vh;border-radius:9px;aspect-ratio:16/9}.detail-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:24px 0 14px}.detail-heading h2{font-size:1.5rem;overflow-wrap:anywhere}.detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.detail-columns{display:grid;grid-template-columns:1.5fr 1fr;gap:35px;margin-top:25px}.detail-tag-group{margin-bottom:17px}.detail-tag-group h3{font-size:.75rem;color:#90a294;margin-bottom:7px;text-transform:uppercase;letter-spacing:.07em}.detail-tag-group .tag-chip{font-size:.8125rem;margin:0 4px 5px 0;padding:3px 8px}.metadata-list{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;font-size:.8125rem;margin:0}.metadata-list dt{color:#8da18f}.metadata-list dd{margin:0;overflow-wrap:anywhere}.music-track{padding:10px 0;border-top:1px solid #344539;display:flex;gap:12px;align-items:start}.music-number{color:#809587;font-size:.75rem}.music-title{font-size:.875rem}.music-artists{font-size:.75rem;color:#8fa895}.stars{display:flex;gap:3px;align-items:center;margin:12px 0}.star-button{background:none;border:0;color:#c8c7a2;font-size:1.4rem;padding:0 3px}.star-button:hover{color:#f2df79}.stars .muted{margin-left:10px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:17px}.field label,.field-label{font-size:.8125rem;color:#b7c8bd;font-weight:500}.field small{font-size:.75rem;color:#839b8c}.field input,.field select,.field textarea{width:100%}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field-row.three{grid-template-columns:1fr 1fr 1fr}.form-error{font-size:.8125rem;color:#ffb0a7;overflow-wrap:anywhere;white-space:pre-line}.music-editor-row{padding:15px;background:#202d24;border:1px solid #3b5141;border-radius:8px;margin-bottom:12px}.music-editor-row .field{margin-bottom:10px}.editor-section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:22px 0 12px}.editor-section-heading h3{margin:0}.playlist-entry{display:flex;align-items:center;gap:10px;padding:11px 8px;border-bottom:1px solid #344739;font-size:.8125rem}.playlist-entry[draggable=true]{cursor:grab}.playlist-entry.dragging{opacity:.4}.playlist-entry-name{flex:1;overflow-wrap:anywhere}.playlist-entry button{border:0;background:#2a3b2e;font-size:.875rem;padding:2px 7px}.playlist-entry-number{color:#91ab95;font-size:.75rem;min-width:20px}.picker-results{max-height:240px;overflow:auto;border:1px solid #344739;border-radius:6px;margin-top:10px}.picker-item{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.8125rem;padding:10px 12px;border-bottom:1px solid #344739}.picker-item:last-child{border-bottom:0}.picker-item span{overflow-wrap:anywhere}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 22px;margin:20px 0 28px;font-size:.875rem}.help-grid code{color:#c2dfc9;overflow-wrap:anywhere}.help-grid span{color:#a3bbaa}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:100;background:#d3efda;color:#173324;border:1px solid #afdbc0;box-shadow:0 10px 35px #0006;border-radius:9px;font-size:.875rem;padding:13px 20px;max-width:calc(100vw - 40px)}.toast.error{background:#f2d2cb;color:#562820;border-color:#daa49a}.login-panel{max-width:460px;margin:12vh auto;padding:30px}.login-panel h1{font-size:2.5rem;margin-bottom:20px}.login-panel p{font-size:.9rem;line-height:1.7}.login-panel form{display:flex;flex-direction:column;gap:14px;margin-top:24px}.login-panel label{font-size:.8125rem}.login-panel a{margin-top:14px}.skip-link{position:fixed;top:-70px;left:20px;background:#d3f0da;color:#12251a;z-index:100;padding:10px 16px}.skip-link:focus{top:10px}.loading{color:#94ad9d;padding:36px 12px;grid-column:1/-1}.local-next{margin-left:auto}.credit-role{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.8125rem;margin-bottom:9px}.credit-role select{max-width:190px;font-size:.8125rem;padding:5px 8px}.inline-error{grid-column:1/-1;background:#342824;border:1px solid #614136;border-radius:9px;padding:22px;font-size:.875rem;color:#e6b9a7;overflow-wrap:anywhere}
@media(min-width:1700px){.video-grid{grid-template-columns:repeat(auto-fill,minmax(255px,1fr))}main{padding:40px}.workspace{grid-template-columns:232px minmax(0,1fr) 300px}}@media(max-width:1250px){.workspace{grid-template-columns:178px minmax(0,1fr) 240px}.workspace.queue-hidden{grid-template-columns:178px minmax(0,1fr)}.filters{padding:26px 15px}.queue-panel{padding:26px 15px}main{padding:28px 22px}.video-grid{grid-template-columns:repeat(auto-fill,minmax(195px,1fr))}.topbar{gap:28px;padding:0 22px}.top-actions{gap:8px}.identity{display:none}.tabs{gap:20px}.brand-light{display:none}}@media(max-width:1000px){.workspace{grid-template-columns:170px minmax(0,1fr)}.workspace.queue-hidden{grid-template-columns:170px minmax(0,1fr)}.queue-panel{position:fixed;right:0;top:76px;width:290px;z-index:15;box-shadow:-12px 0 35px #0006}.workspace.queue-hidden .queue-panel{display:none}.topbar{gap:25px}.search-help .text-button{margin-left:0}.results-toolbar{gap:15px}.top-actions{margin-left:auto}.video-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}}@media(max-width:700px){.topbar{height:auto;min-height:70px;flex-wrap:wrap;gap:0;padding:12px 18px 0}.brand{font-size:1.1rem;margin-right:auto}.brand-mark{width:29px;height:29px}.top-actions{gap:6px}.top-actions .small{font-size:.75rem}.tabs{order:3;width:100%;height:45px;justify-content:center;gap:32px;margin-top:9px}.tab{font-size:.875rem}.workspace,.workspace.queue-hidden{grid-template-columns:minmax(0,1fr)}.filters{display:none}main{padding:24px 18px 40px}.view-heading{align-items:flex-start;margin-bottom:20px;gap:12px;flex-wrap:wrap}h1{font-size:2rem}.view-heading .muted{font-size:.75rem;margin-top:12px}.eyebrow{font-size:.625rem}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.thumbnail{aspect-ratio:16/11}.card-title{font-size:.8125rem}.card-meta{font-size:.6875rem}.card-tags .tag-chip{font-size:.625rem}.card-meta .rating{font-size:.6875rem}.select-video{opacity:1}.search-form{gap:7px}.search-form .button{padding:.6rem .8rem}.search-input-wrap input{font-size:.875rem}.search-help{font-size:.6875rem;gap:4px}.results-toolbar{margin-top:22px}.results-left,.toolbar-actions{gap:10px}.toolbar-actions .button{font-size:.75rem}.search-actions{gap:6px;flex-wrap:wrap}.search-actions .button{font-size:.75rem}.queue-panel{top:115px;height:calc(100vh - 115px)}.detail-columns{grid-template-columns:1fr;gap:20px}.dialog{padding:20px}.detail-heading{flex-wrap:wrap}.detail-heading h2{font-size:1.25rem}.field-row.three{grid-template-columns:1fr}.field-row{gap:10px}.tag-table th,.tag-table td{padding:10px 6px;font-size:.8125rem}.tag-table td:nth-child(2){display:none}.tag-table th:nth-child(2){display:none}.tag-table td:first-child{width:55%}.help-grid{grid-template-columns:1fr;gap:7px}.help-grid span{margin-bottom:12px}.login-panel{margin:7vh auto}.playlist-grid{grid-template-columns:1fr}.stream-state{font-size:.625rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}} 
.source-heading{margin-top:24px}.credit-role input{max-width:240px;font-size:.8125rem;padding:6px 8px}
.settings-card{padding:26px;background:#18211e;border:1px solid #35463c;border-radius:12px;margin:22px 0}.settings-section-heading{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}.settings-step{font-size:.75rem;color:#a7c8b2;border:1px solid #486250;border-radius:8px;padding:8px}.settings-section-heading h2{font-size:1.15rem;margin:0 0 6px}.settings-section-heading p{font-size:.8125rem;line-height:1.6;margin:0;color:#92a699}.settings-toggle{display:flex;align-items:center;gap:10px;padding:14px;background:#243429;border-radius:7px;margin-bottom:22px;font-size:.875rem}.settings-toggle input{flex:0 0 auto}.settings-help{background:#202c25;padding:15px 18px;border-radius:8px;font-size:.8125rem;line-height:1.65;margin-bottom:22px;overflow-wrap:anywhere}.settings-help p{margin:0 0 10px}.settings-help p:last-child{margin-top:12px;margin-bottom:0}.settings-help a{color:#bde2c8}.settings-help code{font-size:.75rem}.settings-card .field label.secret-clear{font-size:.75rem;font-weight:400;color:#849d8d;flex-direction:row}.secret-clear input{width:auto}.settings-notice{padding:15px 18px;border:1px solid #3b5645;background:#1d2d23;border-radius:8px;font-size:.8125rem;line-height:1.6;color:#b7cebe}.settings-warning{border-color:#6b603c;background:#302d20;color:#ddd1a8}.settings-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:24px 0}.settings-actions p{width:100%;font-size:.75rem;line-height:1.6;color:#899e90;max-width:580px;margin-top:3px}.settings-card>p.muted{font-size:.8125rem;margin-bottom:8px}.login-panel h2{font-size:1.2rem;margin:0 0 6px}.login-panel small{font-size:.75rem;color:#91a79b}.login-panel #discord-login{display:flex;justify-content:center;margin:25px 0}.login-panel #admin-login,.login-panel #token-login{border-top:1px solid #34453b;padding-top:22px}.login-panel #login-error{color:#f3b7ad;font-size:.8125rem}.tabs{gap:20px}#settings-view{max-width:1000px}.field input:disabled{opacity:.65;cursor:not-allowed}@media(max-width:700px){.settings-card{padding:18px 15px}.settings-card .field-row{grid-template-columns:1fr;gap:0}.settings-section-heading{gap:12px}.settings-section-heading h2{font-size:1rem}.settings-actions .button{flex:1}.tabs{gap:22px}.settings-help{padding:12px}.settings-notice{font-size:.75rem}.top-actions .button{padding:7px 9px}.login-panel{padding:22px}.login-panel h1{font-size:2rem}}
.workspace.settings-open{grid-template-columns:minmax(0,1fr)}.settings-open .filters,.settings-open .queue-panel{display:none}.settings-open main{max-width:1050px;width:100%;margin-inline:auto}.tab{white-space:nowrap}@media(min-width:701px) and (max-width:900px){.topbar{height:auto;min-height:70px;flex-wrap:wrap;gap:0;padding:12px 18px 0}.brand{margin-right:auto}.tabs{order:3;width:100%;height:45px;justify-content:center;gap:32px;margin-top:9px}.queue-panel,.filters{top:115px;height:calc(100vh - 115px)}}
.musicbrainz-results{margin:12px 0}.musicbrainz-result{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #35453a;padding:12px 0;overflow-wrap:anywhere}.musicbrainz-result>div{min-width:0;flex:1}.musicbrainz-result button{flex-shrink:0}.music-links{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0}.music-editor-row input[readonly]{opacity:.8}.musicbrainz-result .muted{font-size:.75rem;margin-top:4px}
.music-editor-heading{flex-wrap:wrap}.music-editor-actions{display:flex;flex-wrap:wrap;gap:8px}.song-picker{padding:15px;margin-bottom:16px;background:#18251d;border:1px solid #3b5141;border-radius:8px}.song-picker .picker-item>div{min-width:0;overflow-wrap:anywhere}.song-picker .picker-item>.button{flex-shrink:0}

.detail-layout-switch{display:inline-flex;gap:3px;padding:3px;margin-left:auto;border:1px solid #343d41;border-radius:8px;background:#181f1b}
.detail-layout-switch button{border:0;background:transparent;color:#a0b0a6;padding:5px 9px;font-size:.8125rem;line-height:1.4;white-space:nowrap}
.detail-layout-switch button:hover{color:#d7f7e0}
.detail-layout-switch button[aria-pressed=true]{background:#344b3c;color:#d5efdd}
.video-preview,.video-information{min-width:0;overflow-wrap:anywhere}
.video-information .music-track>div{min-width:0}
.video-information .music-number{flex-shrink:0;white-space:nowrap}
.detail-dialog[data-content=video][data-layout=horizontal]{width:min(1440px,calc(100vw - 32px))}
.detail-dialog[data-layout=horizontal] .video-detail-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,1fr);gap:28px;align-items:start}
.detail-dialog[data-layout=horizontal] .video-preview{position:sticky;top:0}
.detail-dialog[data-layout=horizontal] .video-player{max-height:calc(100vh - 180px)}
.detail-dialog[data-layout=horizontal] .video-information .detail-heading{margin-top:0;flex-wrap:wrap;justify-content:flex-start;gap:10px}
.detail-dialog[data-layout=horizontal] .video-information .detail-heading h2{flex-basis:100%}
.detail-dialog[data-layout=horizontal] .detail-columns{grid-template-columns:1fr;gap:12px;margin-top:22px}
@media(max-width:700px){
 .detail-dialog .dialog-top{gap:10px;flex-wrap:wrap}
 .detail-dialog .dialog-top .eyebrow{flex:1}
 .detail-layout-switch{order:3;flex-basis:100%;margin-left:0}
 .detail-layout-switch button{flex:1}
 .detail-dialog[data-layout=horizontal] .video-detail-layout{display:block}
 .detail-dialog[data-layout=horizontal] .video-preview{position:static}
 .detail-dialog[data-layout=horizontal] .video-player{max-height:55vh}
 .detail-dialog[data-layout=horizontal] .video-information .detail-heading{margin-top:24px}
}
