:root{color-scheme:dark;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#e6e9e7;background:#101413;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1560px;margin:auto;padding:28px 48px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,.button{cursor:pointer}nav{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#9ba8a1;letter-spacing:.08em}nav>a:first-child{font-size:20px;letter-spacing:.1em;color:#ecf0ed}nav>a span{font-size:12px;letter-spacing:0;color:#7f9286;margin-left:12px}header{display:flex;justify-content:space-between;align-items:end;padding:64px 0 36px}.eyebrow{font-size:10px;letter-spacing:.2em;color:#98b4a4;margin:0 0 15px}h1{font-size:42px;font-weight:500;letter-spacing:-.04em;margin:0}h1 span{font-size:17px;letter-spacing:.03em;color:#a4b0a9;margin-left:24px}.intro{color:#8f9e96;font-size:14px;margin:17px 0 0}.reading{text-align:right;display:grid;gap:5px}.reading strong{font-size:44px;font-weight:400;line-height:1;letter-spacing:-.06em;font-variant-numeric:tabular-nums}.reading span{font-size:11px;color:#a5b2aa}.reading small{font-size:10px;color:#71877a;margin-top:4px}.status{display:flex;align-items:center;gap:17px;padding:18px 0 23px;border-top:1px solid #2b3830}.status i{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#bd9e69;box-shadow:0 0 14px #b2956244}.status.ready i{background:#9ccbaf}.status>div{flex:1}.status strong{font-size:13px;font-weight:500}.status p{color:#8f9e96;line-height:1.7;font-size:11px;margin:5px 0 0;max-width:850px}.primary,.button,button{font-size:12px;white-space:nowrap;border:1px solid #3b4c41;border-radius:5px;padding:10px 13px;background:#1b241f;color:#e3ebe5}.primary{background:#c2dccb;color:#17281d;border-color:#c2dccb}.button:hover,button:hover{background:#28372e}.workspace{background:#151c18;border:1px solid #2a3730;position:relative;border-radius:8px;overflow:hidden}.toolbar{display:flex;align-items:center;gap:18px;border-bottom:1px solid #2a3730;padding:14px 20px;font-size:12px;color:#a8b6ad}.toolbar>input{width:310px;max-width:40%;background:transparent;border:0;border-bottom:1px solid #3a493f;outline:0;padding:8px 0;color:#e3ebe5}.toolbar>input:focus{border-color:#bad4c2}.toolbar select{background:#1b241f;color:#c4d0c9;border:1px solid #3b4c41;padding:7px 9px;border-radius:4px;max-width:25%}.toolbar>.label-toggle{margin-left:auto;white-space:nowrap;display:flex;gap:6px;align-items:center}input[type=checkbox]{accent-color:#bed8c8}.toolbar>button{border:0;background:transparent;padding:6px}.chart-head,.chart-foot{display:flex;justify-content:space-between;padding:20px 26px 0;font-size:11px;color:#b7c6bd}.chart-head b,.chart-foot b{color:#6f8979;font-weight:400;margin-left:10px}.chart-head small{color:#6f8979;font-size:10px}#chart{height:570px;width:100%}.chart-foot{padding:0 26px 20px;color:#8da194;font-size:10px}#empty{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);display:grid;text-align:center;gap:16px;width:min(80%,560px)}#empty strong{font-size:26px;font-weight:400;color:#d0ddd4}#empty span{font-size:12px;line-height:1.8;color:#788e7f}#empty a{font-size:12px;color:#bad7c5}#empty[hidden]{display:none}.details{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;padding:30px 4px 22px}.details h2{font-size:17px;font-weight:400;margin:0 0 10px}.details .eyebrow{font-size:9px}.details p{font-size:11px;line-height:1.85;color:#879b8e;margin:9px 0}.details summary{font-size:12px;color:#b5c8bb;cursor:pointer}.details a{border-bottom:1px solid #4b6353}code{font-size:10px;overflow-wrap:anywhere}.table-wrap{border-top:1px solid #2b3830;padding:18px 4px;font-size:12px;color:#a9beb1}.table-wrap summary{cursor:pointer}.table-scroll{overflow:auto;max-height:440px;margin-top:15px}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{font-weight:400;color:#799583;position:sticky;top:0;background:#101413}td,th{padding:12px;border-bottom:1px solid #25332a}td:nth-last-child(-n+2){font-variant-numeric:tabular-nums}footer{display:flex;justify-content:space-between;font-size:10px;gap:20px;color:#597361;padding:26px 4px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #c3dbc9;outline-offset:4px}@media(max-width:800px){main{padding:20px}nav>span{display:none}header{padding:40px 0 28px}h1{font-size:31px}h1 span{display:block;font-size:12px;margin:10px 0 0}.intro{font-size:11px}.reading strong{font-size:34px}.status{flex-wrap:wrap;gap:12px}.status>div{flex-basis:85%}.status .primary{margin-left:19px}.toolbar{padding:12px;gap:10px;flex-wrap:wrap}.toolbar>input{max-width:none;width:calc(65% - 10px)}.toolbar select{max-width:35%}.toolbar>.label-toggle{margin-left:0}.toolbar>button{margin-left:auto}#chart{height:540px}.chart-head{padding:18px 16px 0}.chart-head small{display:none}.chart-foot{padding:0 16px 18px;gap:12px;line-height:1.6}.details{grid-template-columns:1fr;gap:20px;padding:25px 2px}.details p{font-size:12px}footer{flex-direction:column;gap:9px;line-height:1.7}.table-wrap{font-size:11px}td,th{white-space:nowrap;padding:10px}}
#connect{border-top:1px solid #2b3830;padding:0 0 20px;margin-top:-5px;font-size:12px;color:#a6bdad}#connect[hidden]{display:none}#connect summary{cursor:pointer;padding:10px 0}#keyForm{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:12px 0}#keyForm>div{flex:1;min-width:240px}#keyForm strong{font-weight:400}#keyForm p{font-size:11px;color:#6e8979}#apiKey{background:#1b241f;border:1px solid #3b4c41;border-radius:4px;color:#e3ebe5;padding:10px;min-width:250px}#connectResult{width:100%;font-size:11px;color:#b8cdbc}button:disabled{opacity:.5;cursor:wait}
header{padding-top:36px}.workspace[hidden],#keyForm[hidden]{display:none}.connection{border:1px solid #3b5042;background:#19251d;border-radius:8px;padding:26px 28px;margin-bottom:28px}.connection-title{display:flex;align-items:baseline;gap:16px;margin-bottom:26px}.connection-title h2{font-size:20px;font-weight:500;margin:0}.connection-title span{font-size:11px;color:#91aa9a}.connection-steps{display:grid;grid-template-columns:1fr 1.35fr;gap:36px}.connection-step{display:flex;gap:15px}.step-number{font-size:22px;font-weight:400;color:#8cae97;line-height:1.3}.connection-step>div{flex:1}.connection-step h3{font-size:15px;font-weight:500;margin:0 0 9px}.connection-step p{font-size:12px;line-height:1.8;color:#91a799;margin:0 0 18px}.connection-step a{display:inline-block}.connection-note{font-size:11px;color:#7e9888;line-height:1.8;margin:27px 0 11px;padding-top:18px;border-top:1px solid #304436}.source-link{font-size:11px;color:#a9c3b2}#keyForm{padding:0;gap:10px;margin:0}#apiKey{min-width:180px;flex:1;width:100%}#connectResult{line-height:1.8}.status p{max-width:none}@media(max-width:800px){.connection{padding:22px 18px}.connection-title{display:block;margin-bottom:24px}.connection-title span{display:block;margin-top:8px}.connection-steps{grid-template-columns:1fr;gap:28px}.connection-step{gap:12px}.connection-note{margin-top:23px}nav>a:last-child{font-size:11px}.status .button{margin-left:19px}}
#connect.connection{padding:26px 28px;margin-top:0;border:1px solid #3b5042}@media(max-width:800px){#connect.connection{padding:22px 18px}}
[hidden]{display:none!important}


.status.compact{padding:13px 0 16px;gap:13px}.status.compact p:empty{display:none}.status.compact strong{font-size:12px}.status .text-button{border:0;background:transparent;color:#91aa9b;padding:6px;font-size:11px}.status.compact .button{padding:6px 9px;font-size:10px}
/* The top bar and filter menus have separate layout rules. */
.workspace{overflow:visible}.toolbar{gap:12px;position:relative;z-index:3}.picker-wrap{flex:none}.picker-wrap>button{border:1px solid #3b4c41;background:#1b241f;padding:7px 10px;font-size:11px;color:#bfd2c6}.picker-wrap>button[aria-expanded=true]{border-color:#819e8b;background:#26372b}.picker-wrap>button>span{font-size:10px;color:#8ca494;margin-left:5px}.toolbar>.label-toggle{font-size:11px;margin-left:auto}.toolbar>.search-chip{max-width:200px;overflow:hidden;text-overflow:ellipsis;color:#c2d6c9;border:1px solid #425c4a;padding:6px 9px;border-radius:20px;font-size:10px}
.filter-menu{position:fixed;z-index:40;width:300px;max-width:calc(100vw - 24px);padding:8px;border:1px solid #405548;border-radius:8px;background:#18231c;box-shadow:0 14px 36px #0009;color:#dbe7df;text-align:left;line-height:1.4;--list-height:360px}.filter-menu-creators{width:260px}.filter-search{padding:0 3px 7px;border-bottom:1px solid #304437}.filter-search>input{display:block;width:100%;min-width:0;max-width:none;background:#111a15;color:#e1ece5;border:1px solid #3c5143;border-radius:4px;padding:8px 9px;font-size:12px;outline:0}.filter-search>input:focus{border-color:#93b7a0}.filter-actions{display:flex;align-items:center;justify-content:space-between;height:34px;padding:0 5px;font-size:10px;color:#8ca494}.filter-actions>div{display:flex;gap:2px}.filter-actions button{padding:4px 6px;border:0;border-radius:3px;background:transparent;color:#b6ccbe;font-size:10px;line-height:1.4}.filter-actions button:hover{background:#2a3d30}.filter-options{max-height:var(--list-height);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#4b6756 transparent;padding:0 3px 3px}.filter-group{margin:0}.filter-group+.filter-group{margin-top:7px}.filter-group-title{margin:0;padding:5px 8px 4px;font-size:10px;font-weight:500;line-height:15px;color:#93a99a}.filter-option{display:grid;grid-template-columns:14px minmax(0,1fr) auto;align-items:center;column-gap:9px;width:100%;min-width:0;min-height:30px;margin:0;padding:5px 8px;border-radius:4px;cursor:pointer;text-align:left;white-space:normal;line-height:20px;justify-content:normal}.filter-option:hover{background:#26382c}.filter-option>input{display:block;width:14px;height:14px;margin:0;padding:0;accent-color:#c2dccb;cursor:pointer}.filter-option>.filter-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--model-color);font-size:12px;font-weight:400;line-height:20px}.filter-option>.filter-variants{font-size:9px;color:#82998a;font-variant-numeric:tabular-nums;line-height:16px;padding:0 3px;background:#213126;border-radius:3px}.filter-option:focus-within{outline:1px solid #9abaA4;outline-offset:-1px}.filter-option:has(input:not(:checked))>.filter-name{opacity:.58}.filter-empty{margin:0;padding:18px 8px;color:#8da495;font-size:11px;text-align:center}
@media(max-width:800px){.toolbar{gap:9px}.toolbar>.label-toggle{margin-left:auto}.toolbar>.search-chip{order:3;max-width:100%;margin-left:0}.status.compact>div{flex-basis:auto}.status.compact{flex-wrap:nowrap;gap:6px}.status.compact .button{margin-left:0}.status.compact strong,.status.compact .text-button{font-size:10px}.status.compact .text-button{white-space:nowrap}}