:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#111;background:#f5f5f3;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f5f5f3}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}code,pre{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.app-shell{min-height:100vh;display:flex}.sidebar{width:248px;flex:0 0 248px;min-height:100vh;background:#0b0b0b;color:#f7f7f7;padding:24px 14px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 34px}.brand-mark{width:32px;height:32px;border-radius:8px;background:#fff;color:#090909;display:grid;place-items:center}.brand strong,.brand span{display:block;line-height:1.1}.brand strong{font-size:15px;letter-spacing:.01em}.brand span{color:#858585;font-size:12px;margin-top:4px}.side-label{color:#666;font-size:10px;letter-spacing:.16em;font-weight:700;padding:0 12px 9px}.platform-label{margin-top:28px}.nav-list{display:grid;gap:4px}.nav-button,.platform-option{position:relative;border:0;background:transparent;color:#888;display:flex;align-items:center;gap:11px;text-align:left;width:100%;border-radius:6px}.nav-button{height:42px;padding:0 12px;font-size:13px}.nav-button:hover,.nav-button.active{background:#1b1b1b;color:#fff}.nav-active{width:2px;height:18px;background:#fff;position:absolute;right:0}.platform-option{min-height:36px;padding:0 12px;font-size:12px}.platform-option:hover,.platform-option.selected{color:#fff;background:#181818}.platform-option b{margin-left:auto;color:#666;font-size:11px;font-weight:500}.platform-dot,.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#c2ff68;box-shadow:0 0 0 3px #c2ff6817}.platform-dot.black{width:8px;height:8px;background:#f3f3f3;box-shadow:0 0 0 3px #ffffff14}.sidebar-bottom{margin-top:auto;padding:16px 10px 0;border-top:1px solid #252525}.secure-note{display:flex;gap:7px;align-items:center;color:#7b7b7b;font-size:10px;line-height:1.4}.version{display:flex;align-items:center;gap:8px;color:#626262;font-size:10px;margin-top:17px}.version .status-dot{width:5px;height:5px;box-shadow:none}.main-content{flex:1;min-width:0}.topbar{height:68px;border-bottom:1px solid #e4e4e1;background:#ffffff94;display:flex;align-items:center;justify-content:space-between;padding:0 40px}.breadcrumb{display:flex;align-items:center;gap:9px;color:#929292;font-size:12px}.breadcrumb strong{color:#1b1b1b;font-weight:600}.top-actions{display:flex;gap:10px;align-items:center}.top-search{width:180px;height:32px;border:1px solid #dededb;background:#fff;color:#333;border-radius:6px;outline:none;padding:0 10px;font-size:11px}.top-search:focus{border-color:#999}.top-search::placeholder{color:#aaa}.icon-button,.avatar{border:1px solid #dededb;background:#fff;color:#333;display:grid;place-items:center}.icon-button{width:32px;height:32px;border-radius:6px}.icon-button:hover{background:#f1f1ef}.avatar{width:30px;height:30px;border-radius:50%;font-size:12px;font-weight:700;background:#111;color:#fff}.page{max-width:1340px;padding:36px 40px 64px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:29px}.page-heading.compact{align-items:center}.eyebrow{display:flex;align-items:center;gap:10px;color:#8d8d8a;font-size:10px;letter-spacing:.16em;font-weight:700}.live-pill{letter-spacing:.08em;color:#4d4d4d;display:inline-flex;align-items:center;gap:5px;border:1px solid #ddd;padding:3px 6px;border-radius:3px;font-size:9px}.live-pill span{display:inline-block;width:5px;height:5px;background:#222;border-radius:50%}h1{font-size:31px;line-height:1.1;margin:11px 0 8px;letter-spacing:-.02em;font-weight:750}.page-heading p{color:#868683;font-size:13px;margin:0;max-width:620px}.primary-button,.outline-button,.text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:5px;white-space:nowrap}.primary-button{background:#111;border:1px solid #111;color:#fff;padding:10px 15px;font-size:12px;font-weight:650}.primary-button:hover{background:#333}.outline-button{background:#fff;border:1px solid #d9d9d5;color:#252525;padding:8px 11px;font-size:11px}.outline-button:hover{background:#f5f5f3}.text-button{border:0;background:transparent;color:#777;padding:4px 0;font-size:11px}.text-button:hover{color:#111}.notice{max-width:1340px;margin:-12px auto 20px;padding:10px 14px;display:flex;align-items:center;gap:9px;color:#773d1a;background:#fff5ed;border:1px solid #f0d7c3;border-radius:5px;font-size:12px}.notice button{margin-left:auto;border:0;background:transparent;color:inherit;display:grid;place-items:center}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.search-workbench{margin-bottom:14px;padding:22px}.search-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:19px}.search-heading h2{margin:8px 0 5px;font-size:19px}.search-heading p{color:#8c8c88;font-size:11px;margin:0}.search-platform{flex:0 0 auto}.search-form{display:flex;gap:9px}.search-input-wrap{min-width:0;flex:1;position:relative;display:flex;align-items:center}.search-input-wrap>svg{position:absolute;left:13px;color:#949490}.search-input-wrap input{width:100%;height:40px;border:1px solid #dcdcd8;border-radius:5px;background:#fafaf9;outline:none;color:#222;padding:0 38px 0 39px;font-size:12px}.search-input-wrap input:focus{background:#fff;border-color:#999}.search-input-wrap input::placeholder{color:#aaa}.clear-search{position:absolute;right:9px;border:0;background:transparent;color:#aaa;display:grid;place-items:center;padding:5px}.clear-search:hover{color:#333}.search-form>.primary-button{min-width:83px}.search-error{display:flex;align-items:center;gap:7px;color:#9f5555;font-size:11px;padding:13px 0 0}.search-results{margin-top:17px;border-top:1px solid #ededeb}.search-result-head,.search-result-row{display:grid;grid-template-columns:minmax(240px,1.8fr) 1fr 1fr 65px;gap:13px;align-items:center}.search-result-head{padding:11px 8px 8px;color:#999;font-size:10px}.search-result-row{min-height:59px;padding:8px;border-top:1px solid #f0f0ee;font-size:11px}.search-result-row>span{color:#686864;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-main{min-width:0;display:flex;align-items:center;gap:10px}.song-cover-frame{width:36px;height:36px;flex:0 0 auto;position:relative;border-radius:4px;overflow:hidden;background:#ededeb}.song-main img,.song-cover{position:absolute;top:0;right:0;bottom:0;left:0;width:36px;height:36px;border-radius:4px;object-fit:cover;background:#ededeb}.song-main img{z-index:1}.song-cover{display:grid;place-items:center;color:#989894}.song-main strong,.song-main code{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-main strong{font-size:11px}.song-main code{color:#aaa;font-size:9px;margin-top:4px}.play-action{justify-self:end}.search-empty{min-height:90px;display:flex;align-items:center;justify-content:center;gap:8px;color:#999;font-size:11px}.metric,.panel{background:#fff;border:1px solid #e4e4e1;border-radius:6px}.metric{padding:18px 18px 17px;min-height:142px}.metric-icon{width:31px;height:31px;display:grid;place-items:center;background:#f1f1ef;color:#333;border-radius:5px;margin-bottom:15px}.metric-icon.good{background:#edf5e5;color:#577a30}.metric-icon.bad{background:#f8eeee;color:#9f4b4b}.metric-label{display:block;color:#858580;font-size:11px;margin-bottom:5px}.metric strong{display:inline-block;font-size:23px;line-height:1;font-weight:700}.metric small{display:block;margin-top:7px;color:#aaa;font-size:10px}.metric small.green{color:#6c9847}.metric small.red{color:#b25a5a}.content-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:14px;margin-bottom:14px}.panel{padding:19px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.panel-head h2{font-size:14px;margin:0 0 5px;font-weight:700}.panel-head span{font-size:11px;color:#92928e}.quick-list{display:grid;gap:6px}.endpoint-row{border:1px solid #eeeeeb;background:#fcfcfb;min-height:58px;border-radius:4px;display:flex;align-items:center;gap:10px;padding:9px 10px;text-align:left;color:#222;width:100%}.endpoint-row:hover{border-color:#c8c8c4;background:#fff}.endpoint-icon{display:grid;place-items:center;width:29px;height:29px;background:#eeeeec;color:#555;border-radius:4px;flex:0 0 auto}.endpoint-copy{min-width:0;flex:1}.endpoint-copy strong,.endpoint-copy code{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.endpoint-copy strong{font-size:11px}.endpoint-copy code{color:#a0a09c;font-size:10px;margin-top:4px}.endpoint-platform{color:#777;font-size:10px;padding:4px 6px;border:1px solid #e4e4e0;border-radius:3px;white-space:nowrap}.health-panel{display:flex;flex-direction:column}.health-row{display:flex;justify-content:space-between;align-items:center;padding:17px 0;border-bottom:1px solid #eeeeeb}.health-name{display:flex;align-items:center;gap:8px;font-size:12px}.health-row strong{font-size:13px}.health-row small{color:#aaa;font-size:10px;font-weight:400}.health-footer{margin-top:auto;padding-top:25px;display:flex;align-items:center;justify-content:space-between;color:#aaa;font-size:10px}.all-endpoints .panel-head{align-items:center}.mini-table{border-top:1px solid #ededeb}.table-head,.table-row{display:grid;grid-template-columns:minmax(220px,1.8fr) 100px 100px 70px;align-items:center;gap:14px}.table-head{padding:10px 9px;color:#999;font-size:10px}.table-row{min-height:55px;padding:8px 9px;border-top:1px solid #f0f0ee;font-size:11px}.table-row>div{min-width:0}.table-row strong,.table-row code{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-row code{color:#a7a7a3;font-size:10px;margin-top:4px}.method{color:#6d6d6a;font-size:10px}.row-action{background:transparent;border:1px solid #e1e1de;color:#444;display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border-radius:3px;font-size:10px}.row-action:hover{background:#f3f3f1}.auth-summary{margin-bottom:14px}.auth-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.credential-state{min-width:0;padding:12px;border:1px solid #eeeeeb;background:#fcfcfb;border-radius:4px}.credential-state>span,.credential-state>strong,.credential-state>code{display:block}.credential-state>span{color:#777;font-size:10px}.credential-state>strong{margin-top:9px;color:#a35d5d;font-size:11px}.credential-state>strong.configured{color:#668d46}.credential-state>code{margin-top:5px;color:#999;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-panel{margin-bottom:14px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.credential-card label{display:block;margin-top:15px}.credential-card label>span{display:block;color:#777;font-size:10px;font-weight:600;margin-bottom:7px}.credential-card textarea,.credential-card input{width:100%;border:1px solid #dfdfdc;background:#fafaf9;color:#222;border-radius:4px;outline:none;padding:10px 11px;font-size:11px}.credential-card textarea{min-height:128px;resize:vertical;line-height:1.6}.credential-card textarea:focus,.credential-card input:focus{border-color:#999;background:#fff}.credential-card textarea::placeholder,.credential-card input::placeholder{color:#bab9b4}.status-badge{color:#a35d5d;border:1px solid #ead4d4;padding:4px 6px;border-radius:3px;font-size:10px;white-space:nowrap}.status-badge.ok{color:#668d46;border-color:#dbe8d0}.settings-actions{display:flex;gap:9px;align-items:center}.auth-grid{display:grid;grid-template-columns:1fr 1fr .65fr;gap:12px}.auth-grid label,.field-list label,.body-field,.player-controls label{display:block}.auth-grid label>span,.field-list label>span,.body-field>span,.player-controls label>span{display:block;color:#777;font-size:10px;font-weight:600;margin:0 0 7px}.auth-grid input,.field-list input,.body-field textarea,.player-controls input,.player-controls select{width:100%;border:1px solid #dfdfdc;background:#fafaf9;color:#222;border-radius:4px;outline:none;padding:10px 11px;font-size:11px}.auth-grid input:focus,.field-list input:focus,.body-field textarea:focus,.player-controls input:focus,.player-controls select:focus{border-color:#999;background:#fff}.auth-grid input::placeholder,.field-list input::placeholder,.player-controls input::placeholder{color:#bab9b4}.tester-method{display:flex;align-items:center;gap:10px}.tester-method span{color:#fff;background:#111;font-size:10px;padding:5px 7px;border-radius:3px}.tester-method code{color:#8b8b87;font-size:11px}.tester-layout{display:grid;grid-template-columns:1fr 1fr;gap:14px}.request-panel,.response-panel{min-height:505px}.tag{color:#777;border:1px solid #ddd;padding:4px 6px;border-radius:3px}.field-list{display:grid;gap:15px}.field-list em{color:#a65b5b;font-style:normal;font-size:9px;font-weight:400;margin-left:5px}.field-empty{padding:25px 0;color:#999;font-size:12px}.body-field{margin-top:16px}.body-field textarea{height:110px;resize:vertical}.request-preview{border-top:1px solid #ededeb;border-bottom:1px solid #ededeb;margin:23px 0 15px;padding:11px 0}.request-preview span{display:block;color:#aaa;font-size:9px;margin-bottom:6px}.request-preview code{display:block;white-space:nowrap;overflow:auto;color:#555;font-size:10px}.send-button{width:100%}.response-panel{display:flex;flex-direction:column}.response-panel pre{flex:1;min-height:300px;background:#101010;color:#d6d6d6;border-radius:4px;padding:16px;font-size:10px;line-height:1.65;overflow:auto;margin:0;white-space:pre-wrap;word-break:break-word}.response-panel pre.error-output{color:#f19c9c}.response-play{margin-top:12px;width:100%}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.segmented{display:flex;align-items:center;border:1px solid #dededb;border-radius:5px;overflow:hidden;height:37px}.segmented button{height:100%;padding:0 12px;border:0;background:#fff;color:#888;font-size:11px}.segmented button+button{border-left:1px solid #e7e7e4}.segmented button.selected{background:#111;color:#fff}.player-controls{display:grid;grid-template-columns:auto 1fr 150px auto;align-items:end;gap:12px}.player-panel{min-height:350px}.now-playing{margin-top:30px;padding:18px;background:#f5f5f3;border:1px solid #e6e6e2;border-radius:5px;display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:center}.record-icon{width:48px;height:48px;display:grid;place-items:center;background:#111;color:#fff;border-radius:5px}.now-playing strong,.now-playing span{display:block}.now-playing strong{font-size:13px}.now-playing span{color:#888;font-size:10px;margin-top:5px}.now-playing audio{width:100%;grid-column:1 / -1;height:37px}.player-empty{min-height:215px;border:1px dashed #d8d8d4;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#a4a4a0;gap:9px;margin-top:28px}.player-empty strong{color:#595955;font-size:13px}.player-empty span{font-size:11px}.audio-status{display:flex;align-items:center;gap:8px;color:#888;font-size:11px}.status-dot.muted{background:#bbb;box-shadow:none}.logs-panel{padding-bottom:8px}.log-row{min-height:45px;display:grid;grid-template-columns:56px 45px minmax(150px,1fr) 80px 55px 72px;gap:9px;align-items:center;border-top:1px solid #f0f0ed;font-size:10px}.log-status{display:inline-flex;align-items:center;gap:3px;font-weight:650}.log-status.ok{color:#698a48}.log-status.fail{color:#a95858}.log-method,.log-platform,.log-duration,.log-time{color:#888}.log-row code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#4f4f4c;font-size:10px}.log-time{text-align:right}.empty-log{color:#999;padding:45px 0;text-align:center;font-size:12px}.log-count{text-align:right}.log-count strong{display:block;font-size:28px}.log-count span{color:#999;font-size:10px}.empty-state{display:flex;align-items:center;gap:10px;color:#999}@media(max-width:1000px){.sidebar{width:210px;flex-basis:210px}.topbar,.page{padding-left:26px;padding-right:26px}.metric-grid{grid-template-columns:repeat(2,1fr)}.content-grid,.tester-layout{grid-template-columns:1fr}.auth-grid,.player-controls{grid-template-columns:1fr 1fr}.player-controls .primary-button{grid-column:1 / -1}.segmented{width:max-content}.search-result-head,.search-result-row{grid-template-columns:minmax(190px,1.5fr) 1fr 1fr 60px}}@media(max-width:680px){.app-shell{display:block}.sidebar{width:100%;min-height:auto;height:auto;padding:13px 12px}.brand{padding:0 4px 13px}.side-label,.platform-label,.sidebar-bottom{display:none}.nav-list{display:flex;overflow-x:auto;gap:4px}.nav-button{width:auto;white-space:nowrap;padding:0 10px;height:34px}.nav-active,.platform-option{display:none}.topbar{height:55px;padding:0 16px}.page{padding:25px 16px 45px}.page-heading,.page-heading.compact{display:block}.page-heading .primary-button,.tester-method,.log-count,.audio-status{margin-top:18px}.metric-grid{gap:8px}.metric{min-height:126px;padding:14px}.metric strong{font-size:20px}.table-head{display:none}.table-row{grid-template-columns:1fr auto;gap:5px;padding:12px 4px}.table-row>span:nth-child(2),.table-row>span:nth-child(3){display:none}.row-action{justify-self:end}.auth-grid{grid-template-columns:1fr}.panel{padding:15px}.player-controls{grid-template-columns:1fr}.player-controls .primary-button{grid-column:auto}.segmented{width:100%}.segmented button{flex:1}.search-workbench{padding:15px}.search-heading{display:block}.search-platform{margin-top:16px;width:100%}.search-form{display:block}.search-form>.primary-button{width:100%;margin-top:9px}.search-result-head{display:none}.search-result-row{grid-template-columns:1fr auto;gap:8px;padding:11px 4px}.search-result-row>span{display:none}.log-row{grid-template-columns:48px 40px minmax(0,1fr) 55px}.log-platform,.log-duration,.log-time{display:none}h1{font-size:27px}}@media(max-width:1000px){.auth-status-grid,.settings-grid{grid-template-columns:1fr}.top-search{width:150px}}@media(max-width:680px){.top-search{display:none}.settings-actions{align-items:stretch;flex-direction:column}.settings-actions .primary-button,.settings-actions .outline-button{width:100%}}