@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap");:root{--bg:#0b0d14;--sidebar:#0e1019;--panel:#121520;--panel-2:#151927;--line:#252938;--line-soft:#202431;--text:#f0f1f6;--muted:#858b9e;--subtle:#626a7e;--purple:#a396ff;--purple-strong:#8c7cf5;--green:#55d6a3;--red:#f07888;--blue:#75b5ff}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;font-size:13px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}.app-shell{background:var(--bg)}.app-shell,.sidebar{min-height:100vh;display:flex}.sidebar{width:244px;flex:0 0 244px;background:rgba(14,16,25,.96);border-right:1px solid #202331;flex-direction:column;padding:22px 14px 15px;position:fixed;inset:0 auto 0 0;z-index:30}.brand{display:flex;align-items:center;gap:10px;padding:0 10px 24px;font:800 19px Manrope,sans-serif;letter-spacing:-.7px}.brand-mark{height:31px;width:31px;border-radius:10px;display:grid;place-items:center;color:#fff;background:#b0a2ff;box-shadow:0 4px 15px #8370f22e}.brand-light{color:#b1a5ff;font-weight:500}.workspace-switch{margin:0 4px 27px;padding:10px;border:1px solid #292d3c;background:#141722;border-radius:11px;display:flex;align-items:center;gap:9px}.workspace-avatar{height:29px;width:29px;border-radius:8px;background:#292442;color:#c7bcff;display:grid;place-items:center;font-weight:700;font-size:12px}.workspace-copy{display:flex;flex:1 1;min-width:0;flex-direction:column;gap:3px}.workspace-copy b{font-size:11.5px;font-weight:600}.workspace-copy span{font-size:10.5px;color:#858ba0}.muted-icon{color:#737a8d;flex-shrink:0}.nav-scroll{flex:1 1;overflow:auto}.nav-group{margin-bottom:24px}.nav-label{font-size:9px;letter-spacing:1.15px;color:#666d80;font-weight:700;padding:0 12px 10px}.nav-item{height:38px;width:100%;border:0;border-radius:8px;background:transparent;display:flex;align-items:center;gap:11px;padding:0 12px;color:#9298aa;text-align:left;font-size:12px;margin:2px 0;transition:.15s}.nav-item:hover{background:#191c29;color:#e9e9f1}.nav-item.active{background:#27223e;color:#c0b5ff;box-shadow:inset 2px 0 #a092ff}.nav-item.active svg{color:#b2a4ff}.nav-count{margin-left:auto;font-size:10px;background:#292d3d;border-radius:5px;padding:2px 6px;color:#9ca2b4}.sidebar-bottom{padding:12px 4px 0}.credits-mini{padding:13px;border:1px solid #302b4a;background:#1b1929;border-radius:11px;margin-bottom:18px}.credits-mini-top{display:flex;align-items:center;justify-content:space-between;font-size:10.5px;color:#a0a4b6}.purple-text{color:#b5a9ff}.credits-number{font:700 19px Manrope,sans-serif;margin:9px 0 11px;letter-spacing:-.4px}.credits-number span{font:400 10px DM Sans,sans-serif;color:#82889c;letter-spacing:0}.progress-track{height:5px;border-radius:9px;background:#292d3c;overflow:hidden}.progress-fill{height:100%;border-radius:9px;background:#8a7af1;transition:width .3s}.add-credits{width:100%;height:30px;margin-top:11px;border:1px solid #484064;border-radius:7px;background:#27223a;color:#c7bcff;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px}.add-credits:hover{background:#332c4d}.help-link{display:flex;align-items:center;gap:9px;width:100%;padding:8px 11px;background:none;border:0;color:#8b91a3;font-size:11px;text-align:left}.help-external{margin-left:auto}.profile-row{display:flex;align-items:center;gap:9px;border-top:1px solid #242735;margin-top:13px;padding:17px 7px 0}.profile-avatar,.topbar-avatar{display:grid;place-items:center;border-radius:50%;background:#343044;color:#d2c9ff;font-size:10px;font-weight:700;width:30px;height:30px;border:1px solid #4a4266}.profile-info{display:flex;flex-direction:column;gap:4px;flex:1 1}.profile-info b{font-size:11px;font-weight:600}.profile-info span{font-size:9.5px;color:#7d8498}.main-panel{width:calc(100% - 244px);margin-left:244px;min-width:0;display:flex;flex-direction:column;min-height:100vh}.topbar{height:64px;border-bottom:1px solid #202331;display:flex;align-items:center;justify-content:space-between;padding:0 38px;position:-webkit-sticky;position:sticky;top:0;background:rgba(11,13,20,.88);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:15}.breadcrumb{color:#737a8d;font-size:11px}.breadcrumb span{padding:0 10px;color:#444a5b}.breadcrumb b{color:#d9dbe5;font-weight:500}.topbar-actions{gap:17px}.system-status,.topbar-actions{display:flex;align-items:center}.system-status{gap:7px;color:#9aa0b2;font-size:10.5px}.small-live-dot,.status-dot{height:6px;width:6px;border-radius:50%;display:inline-block;background:#4cd59a;box-shadow:0 0 8px #4cd59a30}.topbar-divider{height:21px;width:1px;background:#292d3b}.icon-button{border:0;background:transparent;color:#8d93a5;display:inline-flex;align-items:center;justify-content:center;padding:5px;border-radius:7px}.icon-button:hover{background:#202331;color:#f0f1f6}.notification-button{position:relative}.notification-button i{position:absolute;width:5px;height:5px;background:#a092ff;border-radius:50%;right:3px;top:3px}.topbar-avatar{width:28px;height:28px}.page-content{width:100%;max-width:1600px;margin:0 auto;padding:22px 38px 32px;flex:1 1}.demo-banner{min-height:39px;border:1px solid #3a315d;background:#1b1930;border-radius:9px;display:flex;align-items:center;gap:9px;padding:7px 12px;color:#aaa6c5;font-size:10.5px}.demo-banner-icon{height:22px;width:22px;display:grid;place-items:center;background:#2e274a;border-radius:6px;color:#b8aaff;flex-shrink:0}.demo-banner b{color:#d5ceff;font-weight:600}.banner-separator{padding:0 7px;color:#66607d}.demo-banner button{display:flex;align-items:center;gap:5px;margin-left:auto;border:0;background:transparent;color:#c6bcff;font-size:10.5px;white-space:nowrap}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:31px 0 23px;gap:20px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.05px;color:#81889c;display:flex;align-items:center;gap:8px}.eyebrow-dot{height:3px;width:3px;background:#5d6476;border-radius:50%}.page-heading h1{font:700 26px Manrope,sans-serif;letter-spacing:-1.1px;margin:10px 0 6px}.heading-wave{font-size:19px;color:#a99cff}.page-heading p{margin:0;color:#838a9d;font-size:12px}.heading-actions{display:flex;gap:9px;flex-shrink:0}.button-primary,.button-secondary{height:35px;border-radius:8px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:11px;font-weight:600;white-space:nowrap;transition:.15s}.button-primary{background:#a99cff;border:1px solid #a79aff;color:#151322;box-shadow:0 3px 12px #8e7cf51a}.button-primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.button-secondary{background:#151823;border:1px solid #2b3040;color:#c1c5d2}.button-secondary:hover{background:#202433;border-color:#42465b}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:13px;gap:13px;margin-bottom:16px}.stat-card{background:#141722;border:1px solid #262a39;border-radius:11px;padding:16px 17px 14px;min-width:0}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#959bad;font-size:11px}.stat-icon{height:29px;width:29px;border:1px solid #333047;border-radius:8px;display:grid;place-items:center;color:#b6aaff;background:#211e31}.stat-card:nth-child(2) .stat-icon{color:#75d7b1;background:#1b2a29;border-color:#2b413b}.stat-card:nth-child(3) .stat-icon{color:#78b8ff;background:#1b2635;border-color:#2c3b50}.stat-card:nth-child(4) .stat-icon{color:#75d7b1;background:#1b2a29;border-color:#2b413b}.stat-value-row{display:flex;align-items:center;gap:9px;margin-top:13px}.stat-value-row>b{font:700 25px Manrope,sans-serif;letter-spacing:-.8px}.stat-change{display:inline-flex;align-items:center;gap:2px;font-size:10px;padding:3px 5px;border-radius:5px}.stat-change.positive{color:#65d8aa;background:#1b302b}.stat-change.negative{color:#f38c99;background:#352127}.stat-note{font-size:10px;color:#727a8e;margin-top:6px}.main-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);grid-gap:15px;gap:15px;margin-bottom:15px}.panel{background:#131621;border:1px solid #272b3a;border-radius:11px;min-width:0;overflow:hidden}.providers-panel,.usage-panel{min-height:340px}.panel-header{padding:18px 19px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.panel-header h2{font:700 13px Manrope,sans-serif;letter-spacing:-.15px;margin:0 0 5px}.panel-header p{font-size:10.5px;color:#82899c;margin:0;line-height:1.5}.panel-controls{display:flex;align-items:center;gap:9px}.live-tag{display:inline-flex;align-items:center;gap:6px;color:#80d9b4;border:1px solid #2b493f;background:#1a2b28;padding:5px 8px;border-radius:6px;font-size:9.5px;white-space:nowrap}.live-tag .status-dot{height:5px;width:5px}.select-small{height:29px;border:1px solid #303445;background:#171a26;color:#b6bbca;border-radius:7px;padding:0 9px;font-size:10px;outline:none}.chart-summary{padding:19px 19px 0;display:flex;justify-content:space-between;align-items:flex-end;gap:10px}.chart-summary>div:first-child{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.big-metric{font:700 23px Manrope,sans-serif;letter-spacing:-.8px}.metric-up{display:flex;align-items:center;color:#61d7a5;font-size:10px}.metric-caption{width:100%;margin-top:-4px;color:#737b8f;font-size:10px}.chart-legend{display:flex;gap:11px;flex-wrap:wrap;justify-content:flex-end}.chart-legend span{display:flex;align-items:center;gap:5px;color:#9ba1b1;font-size:9px}.legend-dot{height:6px;width:6px;border-radius:50%;display:inline-block}.legend-dot.lilac{background:#9b8afb}.legend-dot.blue{background:#60a5fa}.legend-dot.white{background:#e5e7eb}.usage-chart{height:185px;width:100%;padding:8px 15px 0 10px}.chart-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #242837;margin:4px 18px 0;padding:11px 0 13px;color:#777f92;font-size:9.5px}.chart-foot button,.chart-foot span{display:flex;align-items:center;gap:6px}.chart-foot button,.text-button{border:0;background:none;color:#b6aaff;font-size:10px;display:flex;align-items:center;gap:5px}.providers-panel .panel-header{padding-bottom:9px}.provider-list{padding:2px 18px}.provider-row{display:flex;align-items:center;gap:10px;padding:15px 0;border-bottom:1px solid #252938}.provider-icon{width:35px;height:35px;border-radius:9px;display:grid;place-items:center;flex-shrink:0}.provider-icon.scrapecreators{color:#b5a8ff;background:#29233e;border:1px solid #3a3157}.provider-icon.googletrends{color:#82baff;background:#1c2b3c;border:1px solid #2b3c53}.provider-icon.xtrends{color:#e4e6ed;background:#292d38;border:1px solid #3a3e4b}.provider-info{flex:1 1;min-width:0}.provider-name-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.provider-name-row b{font-size:11px;font-weight:600}.provider-name-row>span{color:#67d6a9;font-size:9px}.provider-sub{font-size:9.5px;color:#7f869a;margin:5px 0 8px}.provider-sub span{padding:0 3px;color:#4e5567}.provider-progress{height:4px}.progress-fill.scrapecreators,.provider-progress .scrapecreators{background:#a092ff}.progress-fill.googletrends{background:#65a9f9}.progress-fill.xtrends{background:#d8dbe4}.provider-more{height:25px;width:25px;border:1px solid #2a2e3e;border-radius:6px;background:#171a25;color:#7c8498;display:grid;place-items:center}.provider-more:hover{color:#b6aaff;border-color:#5d5288}.provider-footer{display:flex;align-items:center;gap:9px;padding:14px 18px;margin-top:2px}.provider-footer-icon{height:31px;width:31px;display:grid;place-items:center;border-radius:8px;color:#79d7b0;background:#1b2b29}.provider-footer>div:nth-child(2){flex:1 1}.provider-footer b{font-size:11px}.provider-footer b span{color:#8c92a3;font-weight:400;font-size:9px}.provider-footer p{margin:4px 0 0;font-size:9px;color:#727a8d}.provider-footer>button{display:flex;align-items:center;gap:3px;background:none;border:0;color:#b5aaff;font-size:10px}.bottom-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);grid-gap:15px;gap:15px;margin-bottom:15px}.creators-panel .panel-header,.trends-panel .panel-header{padding-bottom:14px}.small-live-dot{height:5px;width:5px;margin-left:3px}.subtle-inline{font-size:9px;color:#737b8e}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{font-size:8px;letter-spacing:.75px;color:#6f778b;font-weight:700;padding:11px 14px;border-top:1px solid #252938;border-bottom:1px solid #252938}td{padding:12px 14px;border-bottom:1px solid #222634;font-size:10.5px;color:#c4c8d4}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#181b27}.creators-panel td:first-child,.creators-panel th:first-child{padding-left:19px}.creator-cell{display:flex;align-items:center;gap:9px}.creator-avatar{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:9px;font-weight:700;flex-shrink:0}.creator-avatar.coral{color:#ffc1a8;background:#3b2928}.creator-avatar.violet{color:#d0c2ff;background:#2d2745}.creator-avatar.blue{color:#a5d0ff;background:#223147}.creator-avatar.green{color:#a2e8cc;background:#20352f}.creator-avatar.pink{color:#f4b4d2;background:#3a2634}.creator-cell>div:last-child{display:flex;flex-direction:column;gap:4px}.creator-cell b{font-size:10px;color:#e4e5ed;font-weight:600}.creator-cell span{font-size:9px;color:#777f92}.followers-cell{font-weight:600;color:#e2e4ec}.growth{display:inline-flex;color:#62d7a7;font-size:10px;font-weight:600;background:#1b302b;padding:4px 6px;border-radius:5px}.growth.negative{color:#f18a9a;background:#362229}.engagement-cell{color:#9fa5b5}.panel-bottom-link{display:flex;align-items:center;justify-content:space-between;padding:12px 19px;border-top:1px solid #252938}.panel-bottom-link button{display:flex;align-items:center;gap:6px;color:#b4a8ff;background:none;border:0;font-size:10px}.panel-bottom-link span{font-size:9px;color:#737b8d}.trend-tabs{display:flex;align-items:center;gap:5px;padding:0 19px 10px;border-bottom:1px solid #252938}.trend-tab{border:0;background:none;color:#80879a;font-size:10px;padding:7px 10px;border-radius:6px}.trend-tab.active{color:#c4baff;background:#28223e}.trend-demo-label{margin-left:auto;color:#7b8296;font-size:8px;letter-spacing:.9px}.trend-list{padding:0 18px}.trend-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #242735}.trend-rank{font:600 10px Manrope,sans-serif;color:#626a7d;width:18px}.trend-topic{flex:1 1;display:flex;flex-direction:column;gap:4px;min-width:0}.trend-topic b{font-size:10.5px;font-weight:600}.trend-topic span{font-size:9px;color:#737b8e}.trend-end{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.trend-end span{font-size:10px;color:#63d8a8;font-weight:600}.trend-end small{font-size:9px;color:#8a91a4}.explore-trends{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;border:0;border-top:1px solid #242735;background:transparent;padding:13px;color:#b7abff;font-size:10px}.recent-panel{margin-bottom:2px}.recent-panel .panel-header{padding-bottom:14px}.request-id{display:flex;align-items:center;gap:7px;margin-bottom:5px}.request-method{font-size:7.5px;font-weight:700;letter-spacing:.4px;padding:3px 4px;border-radius:4px;background:#1b302b;color:#69d8a9}.request-id code{font:10px SFMono-Regular,Consolas,monospace;color:#d4d6e0}.endpoint-text{display:block;font:9px SFMono-Regular,Consolas,monospace;color:#737b90}.log-provider{display:flex;align-items:center;gap:6px;color:#b7bbca;font-size:10px}.provider-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.provider-dot.scrapecreators{background:#a092ff}.provider-dot.googletrends{background:#60a5fa}.provider-dot.xtrends{background:#d7dbe5}.http-status{display:inline-flex;align-items:center;gap:5px;font-size:9px;padding:4px 6px;border-radius:5px}.http-status i{height:5px;width:5px;border-radius:50%;background:currentColor}.http-status.ok{background:#1b302b;color:#6bd8ac}.http-status.warn{background:#342e20;color:#e8bd65}.http-status.error{background:#38232b;color:#f08a9a}.latency{display:flex;align-items:center;gap:5px;color:#a2a7b6;font-size:10px}.credits-used{color:#e4b96c;font-size:10px}.time-cell{font-size:9.5px;color:#7d8599}.app-footer{display:flex;align-items:center;justify-content:space-between;padding:18px 38px 22px;color:#656d80;font-size:9px;border-top:1px solid #1c202c}.app-footer>span:nth-child(2){display:flex;align-items:center;gap:7px}.footer-dot{width:5px;height:5px;background:#4bd39a;border-radius:50%;display:inline-block}.footer-separator{color:#42485a}.app-footer>div{display:flex;gap:18px}.app-footer button{background:none;border:0;color:#81889b;font-size:9px}.mobile-close,.mobile-menu,.mobile-scrim{display:none}.page-panel{min-height:400px}.page-panel>.panel-header{padding-bottom:20px}.filter-row{gap:10px;padding:0 19px 17px}.filter-row,.search-input{display:flex;align-items:center}.search-input{gap:8px;height:34px;padding:0 10px;border:1px solid #303445;background:#171a25;border-radius:7px;color:#737b8e;min-width:220px;flex:1 1;max-width:470px}.search-input input{border:0;outline:0;background:transparent;color:#e6e8ef;width:100%;font-size:10.5px}.search-input input::placeholder{color:#656d80}.results-count{margin-left:auto;color:#767e91;font-size:10px}.wide-table td,.wide-table th{padding:13px 17px}.wide-table td:first-child,.wide-table th:first-child{padding-left:20px}.platform-pill{border:1px solid #303448;border-radius:5px;color:#b3b8c8;background:#191d29}.platform-pill,.status-pill{padding:4px 7px;font-size:9px}.status-pill{display:inline-flex;align-items:center;gap:6px;color:#73d7ad;background:#1b302b;border:1px solid #25453a;border-radius:5px;white-space:nowrap}.status-pill i{width:5px;height:5px;border-radius:50%;background:#5bd6a3}.table-footnote{display:flex;align-items:center;justify-content:space-between;padding:13px 19px;color:#737b8f;font-size:9px;border-top:1px solid #252938}.table-footnote>span:first-child{display:flex;align-items:center;gap:6px}.empty-state{padding:38px 20px;text-align:center;color:#82899c;font-size:11px}.trends-search-row{padding:0 19px 18px;display:flex;gap:12px;align-items:center}.trends-search{max-width:none}.segmented{display:flex;padding:3px;border:1px solid #2c3040;background:#171a25;border-radius:8px;gap:3px;flex-shrink:0}.segmented button{border:0;background:transparent;color:#8c93a6;padding:7px 10px;border-radius:6px;font-size:10px}.segmented button.selected{background:#30294b;color:#d0c5ff}.trend-overview-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;padding:0 19px 20px}.mini-stat{padding:14px;border:1px solid #2a2e3d;border-radius:9px;background:#161925;display:flex;flex-direction:column;gap:7px}.mini-stat>span{font-size:10px;color:#8b92a5}.mini-stat>b{font:700 20px Manrope,sans-serif;letter-spacing:-.5px}.mini-stat small{font-size:9px;color:#737b8e}.green-text{color:#64d7a8!important}.trend-explorer-list{border-top:1px solid #252938}.explorer-row{display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid #232735}.explorer-rank{font:600 10px Manrope,sans-serif;color:#626a7d;width:19px}.explorer-topic{display:flex;flex-direction:column;gap:4px;width:160px}.explorer-topic b{font-size:11px}.explorer-topic span{font-size:9px;color:#737b8e}.explorer-bar{height:5px;background:#282d3c;border-radius:6px;overflow:hidden;flex:1 1;min-width:50px}.explorer-bar>div{height:100%;border-radius:6px;background:#8a7af1}.explorer-volume{display:flex;flex-direction:column;align-items:flex-end;gap:3px;min-width:60px;font-size:10px;color:#d9dce6}.explorer-volume span{font-size:8px;color:#737b8e}.trend-status{font-size:9px;color:#9da3b3;min-width:55px}.trend-status.hot{color:#f1bd6b}.playground-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-gap:15px;gap:15px;align-items:start}.playground-panel .panel-header,.response-panel .panel-header{padding-bottom:18px}.form-section{padding:17px 19px;border-top:1px solid #252938}.form-label{display:block;font-size:9px;letter-spacing:1px;color:#8a91a4;font-weight:700;margin-bottom:12px}.provider-select-grid{display:flex;flex-direction:column;gap:8px}.provider-option{display:flex;align-items:center;gap:11px;padding:11px;border:1px solid #2a2e3d;background:#171a25;border-radius:9px;text-align:left;color:#e3e5ed}.provider-option.chosen{border-color:#7668c7;background:#211e32;box-shadow:0 0 0 1px #7668c71a}.provider-option>div:nth-child(2){display:flex;flex-direction:column;gap:5px;flex:1 1}.provider-option b{font-size:11px}.provider-option span{font-size:9.5px;color:#858ca0}.chosen-check{color:#b8abff}.field-label{display:block;color:#a6acbc;font-size:10px;margin:14px 0 8px}.field-select,.modal-input{width:100%;height:36px;background:#171a25;border:1px solid #303445;border-radius:7px;color:#cbd0dc;padding:0 10px;outline:none;font-size:10.5px}.field-two{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-top:3px}.stepper{height:36px;display:flex;align-items:center;background:#171a25;border:1px solid #303445;border-radius:7px;overflow:hidden}.stepper button{height:100%;width:35px;background:#202332;color:#b8bdcb;border:0;font-size:16px}.stepper input{width:100%;min-width:0;background:transparent;border:0;outline:none;color:#e4e6ed;text-align:center;font-size:11px}.cost-field{height:36px;border:1px solid #303445;border-radius:7px;background:#171a25;display:flex;align-items:center;gap:6px;padding:0 9px;color:#d4caff;font-size:10px}.cost-field span{color:#7c8498;font-size:9px}.simulation-note{display:flex;align-items:flex-start;gap:8px;border:1px solid #51422c;background:#292319;color:#d6b97e;border-radius:7px;padding:10px;font-size:9.5px;line-height:1.55;margin-top:17px}.simulation-note svg{flex-shrink:0;margin-top:1px}.run-button{width:100%;margin-top:13px;height:39px}.run-button span{opacity:.65}.response-panel{min-width:0}.code-toolbar{margin:0 17px;display:flex;justify-content:space-between;align-items:center;background:#1a1d2a;border:1px solid #2c3040;border-bottom:0;border-radius:8px 8px 0 0;padding:10px 12px;color:#939aae;font-size:8px;letter-spacing:.7px}.code-toolbar>span{display:flex;align-items:center;gap:7px}.code-dot{height:6px;width:6px;border-radius:50%;display:inline-block}.purple-dot{background:#a092ff}.code-toolbar button{display:flex;align-items:center;gap:5px;border:0;background:transparent;color:#a7adbf;font-size:9px;letter-spacing:0}.code-block{margin:0 17px;background:#0d1018;border:1px solid #2c3040;border-radius:0 0 8px 8px;padding:17px 15px;overflow:auto;color:#d2d7e5;font:10.5px/2 SFMono-Regular,Consolas,monospace;min-height:240px}.code-key{color:#9bbcff}.code-string{color:#a8dfbd}.code-number{color:#e8bd7a}.code-bool{color:#c0a9ff}.code-muted{color:#7c859b}.response-meta{padding:16px 18px;display:grid;grid-template-columns:1fr;grid-gap:10px;gap:10px}.response-meta>div{display:flex;justify-content:space-between;align-items:center;font-size:10px}.response-meta span{color:#7e869a}.response-meta b{font-size:10px;color:#cbd0dc;font-weight:500}.recent-sim-panel{grid-column:1/-1}.recent-sim-panel .panel-header{padding-bottom:13px}.logs-footer{display:flex;justify-content:space-between;align-items:center;padding:13px 19px;border-top:1px solid #252938;color:#737b8e;font-size:9px}.logs-footer button{border:0;background:none;color:#d78c99;font-size:9px}.key-card{display:flex;align-items:center;gap:13px;margin:0 19px 18px;padding:16px;border:1px solid #2c3040;border-radius:10px;background:#171a25}.key-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;background:#29233e;color:#b7aaff}.key-main{display:flex;flex-direction:column;gap:5px;flex:1 1}.key-main b{font-size:11px}.key-main span{font-size:9px;color:#858ca0}.key-main code{font:10px SFMono-Regular,Consolas,monospace;color:#b8bdcc;margin-top:3px}.page-panel>.simulation-note{margin:0 19px 19px}.large-empty{padding:70px 25px}.empty-icon{height:50px;width:50px;border:1px solid #393151;background:#211e32;color:#b4a8ff;border-radius:14px;display:grid;place-items:center;margin:0 auto 15px}.large-empty h3{font:700 14px Manrope,sans-serif;color:#e6e7ef;margin:0 0 8px}.large-empty p{max-width:400px;line-height:1.7;margin:0 auto 18px;color:#838a9d}.large-empty .button-secondary{margin:auto}.modal-backdrop{position:fixed;inset:0;background:#05060bbd;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:80;display:grid;place-items:center;padding:18px}.modal{width:min(100%,440px);border:1px solid #33374a;border-radius:14px;background:#141722;box-shadow:0 25px 100px #0008;padding:21px}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:22px}.modal-header h2{font:700 16px Manrope,sans-serif;margin:0 0 7px}.modal-header p{font-size:10.5px;line-height:1.6;color:#8990a4;margin:0}.balance-card{padding:15px;border:1px solid #3b335c;background:#201c32;border-radius:9px;display:flex;flex-direction:column;gap:8px;margin-bottom:19px}.balance-card span{font-size:10px;color:#a7a0c4}.balance-card b{font:700 24px Manrope,sans-serif;color:#e9e4ff}.balance-card small{font:400 10px DM Sans,sans-serif;color:#9b94b9}.topup-options{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:7px;gap:7px}.topup-options button{height:35px;border:1px solid #303445;background:#191c28;border-radius:7px;color:#b8bdcb}.topup-options button.selected{border-color:#8e7df0;background:#28213f;color:#d4cbff}.modal-note{display:flex;align-items:flex-start;gap:8px;padding:11px;background:#1b1e2b;border:1px solid #2d3242;border-radius:7px;color:#9299ad;font-size:9.5px;line-height:1.55;margin-top:15px}.modal-note svg{color:#b4a8ff;flex-shrink:0}.modal-submit{width:100%;height:39px;margin-top:18px}.plan-current{padding:16px;border:1px solid #40365f;background:#211d35;border-radius:10px}.plan-badge{display:inline-flex;align-items:center;gap:6px;font-size:8px;letter-spacing:.8px;color:#bdb1ff;margin-bottom:15px}.plan-title-row{display:flex;align-items:center;justify-content:space-between}.plan-title-row h3{font:700 17px Manrope,sans-serif;margin:0}.plan-title-row>div b{font:700 22px Manrope,sans-serif}.plan-title-row>div span{font-size:10px;color:#9399ac}.plan-current>p{font-size:10px;color:#9299ac;margin:7px 0 15px}.plan-features{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.plan-features span{display:flex;align-items:center;gap:6px;font-size:9px;color:#c3c6d3}.plan-features svg{color:#6bd7a9;flex-shrink:0}.rate-table{margin-top:16px;border:1px solid #2c3040;border-radius:8px;padding:0 12px}.rate-table>div{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #282c3a;font-size:10px}.rate-table>div span{color:#959caf}.rate-table>div b{color:#d4caff}.rate-table p{font-size:9px;color:#727a8e;line-height:1.5}.settings-form{display:flex;flex-direction:column;gap:0}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid #292d3b}.setting-row>div{display:flex;flex-direction:column;gap:5px}.setting-row b{font-size:11px}.setting-row span{font-size:9.5px;color:#858ca0}.toggle{height:22px;width:39px;border:1px solid #41465a;background:#292d3c;border-radius:20px;padding:2px;display:flex;align-items:center}.toggle i{width:16px;height:16px;border-radius:50%;background:#969caf;transition:.15s}.toggle.on{background:#52458c;border-color:#8b7be9;justify-content:flex-end}.toggle.on i{background:#d0c7ff}.modal-input{margin-top:0}.mobile-menu{display:none}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.toast{position:fixed;right:25px;bottom:24px;z-index:100;display:flex;align-items:center;gap:10px;max-width:min(470px,calc(100vw - 32px));padding:12px 14px;background:#1a1d29;border:1px solid #393e51;border-radius:10px;box-shadow:0 15px 40px #0006;color:#e5e7ef;font-size:11px;animation:toastIn .2s ease-out}.toast-icon{height:23px;width:23px;border-radius:50%;display:grid;place-items:center;background:#1d392e;color:#6cddb0;flex-shrink:0}.toast>span{flex:1 1;line-height:1.45}.toast>button{border:0;background:transparent;color:#838ba0;display:grid;place-items:center}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1600px){.page-content,.topbar{padding-left:48px;padding-right:48px}.stats-grid{gap:16px}.bottom-grid,.main-grid{gap:17px}}@media(max-width:1200px){.sidebar{width:220px;flex-basis:220px}.main-panel{width:calc(100% - 220px);margin-left:220px}.page-content{padding:22px 24px 28px}.topbar{padding:0 24px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-grid,.main-grid{grid-template-columns:minmax(0,1.35fr) minmax(270px,1fr)}.stat-value-row>b{font-size:23px}.chart-legend{gap:7px}.chart-legend span{font-size:8px}}@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:transform .22s ease;width:250px;box-shadow:15px 0 50px #0005}.sidebar.sidebar-open{transform:translateX(0)}.mobile-scrim{display:block;position:fixed;inset:0;background:#0009;border:0;z-index:25}.mobile-close{display:inline-flex;margin-left:auto}.main-panel{width:100%;margin-left:0}.mobile-menu{display:inline-flex;margin-right:9px}.topbar{padding:0 22px}.page-content{padding:20px 22px 25px}.bottom-grid,.main-grid{grid-template-columns:1fr}.providers-panel,.usage-panel{min-height:auto}.provider-row{padding:12px 0}.playground-layout{grid-template-columns:1fr}.recent-sim-panel{grid-column:auto}.response-meta{grid-template-columns:repeat(3,1fr)}.response-meta>div{align-items:flex-start;flex-direction:column;gap:5px}.app-footer{padding-left:22px;padding-right:22px}}@media(max-width:600px){.topbar{height:57px;padding:0 14px}.topbar-actions{gap:10px}.system-status{font-size:0;gap:0}.system-status .status-dot{width:7px;height:7px}.topbar-divider{display:none}.page-content{padding:14px 12px 22px}.demo-banner{align-items:flex-start;font-size:9.5px;line-height:1.5;padding:9px}.demo-banner button{font-size:0;gap:0;padding-top:3px}.demo-banner button svg{width:16px;height:16px}.page-heading{align-items:flex-start;flex-direction:column;margin:24px 0 17px;gap:15px}.page-heading h1{font-size:24px}.heading-actions{width:100%}.heading-actions button{flex:1 1}.stats-grid{gap:9px}.stat-card{padding:12px}.stat-top{font-size:9.5px}.stat-icon{height:26px;width:26px}.stat-value-row{gap:5px;margin-top:12px;flex-wrap:wrap}.stat-value-row>b{font-size:21px}.stat-change{font-size:8px}.stat-note{font-size:9px;line-height:1.45}.panel-header{padding:15px 13px 0}.panel-header h2{font-size:12px}.panel-header p{font-size:9.5px}.panel-controls{gap:5px}.live-tag{font-size:8px;padding:5px 6px}.select-small{font-size:9px;padding:0 5px}.chart-summary{padding:17px 13px 0;align-items:flex-start;flex-direction:column;gap:10px}.chart-legend{justify-content:flex-start}.usage-chart{height:190px;padding-right:10px;padding-left:4px}.chart-foot{margin:4px 13px 0}.chart-foot span{font-size:8px}.chart-foot button{font-size:9px}.provider-list{padding:2px 13px}.provider-footer{padding:13px}.bottom-grid{gap:12px}.creators-panel .panel-header,.trends-panel .panel-header{padding-bottom:12px}.table-wrap{overflow-x:auto}table{min-width:550px}.creators-panel table{min-width:460px}.creators-panel td,.creators-panel th{padding:10px 9px}.creators-panel td:first-child,.creators-panel th:first-child{padding-left:13px}.creator-avatar{width:27px;height:27px}.creator-cell{gap:7px}.creator-cell b{font-size:9.5px}.creator-cell span{font-size:8px}.panel-bottom-link{padding:11px 13px}.recent-panel .panel-header{padding-bottom:11px}.app-footer{padding:16px 14px;gap:10px;flex-wrap:wrap}.app-footer>span:nth-child(2){order:3;width:100%}.app-footer>div{gap:10px}.filter-row{padding:0 13px 14px;flex-wrap:wrap}.search-input{min-width:100%;max-width:none}.results-count{margin-left:auto}.page-panel>.panel-header{padding-bottom:16px}.page-panel>.panel-header .panel-controls{flex-wrap:wrap;justify-content:flex-end}.wide-table td,.wide-table th{padding:11px 12px}.table-footnote{padding:11px 13px;gap:10px;align-items:flex-start;line-height:1.5}.trends-search-row{padding:0 13px 15px;flex-direction:column;align-items:stretch}.segmented{justify-content:stretch}.segmented button{flex:1 1}.trend-overview-cards{padding:0 13px 15px;gap:7px}.mini-stat{padding:10px 8px;gap:6px}.mini-stat>span{font-size:8px}.mini-stat>b{font-size:17px}.mini-stat small{font-size:8px;line-height:1.4}.explorer-row{padding:12px;gap:9px;flex-wrap:wrap}.explorer-topic{width:calc(100% - 45px)}.explorer-bar{order:5;flex-basis:100%;margin-left:28px}.explorer-row .growth,.explorer-volume{margin-left:auto}.trend-status{min-width:auto}.playground-panel .panel-header,.response-panel .panel-header{padding-bottom:14px}.form-section{padding:15px 13px}.field-two{grid-template-columns:1fr}.code-block,.code-toolbar{margin:0 10px}.code-block{padding:13px 10px;font-size:9px}.response-meta{padding:14px 12px;gap:12px}.response-meta b,.response-meta>div{font-size:9px}.modal{padding:17px}.plan-features{grid-template-columns:1fr}.key-card{margin:0 12px 15px;flex-wrap:wrap}.key-main{min-width:calc(100% - 65px)}.key-card>.status-pill{margin-left:50px}.page-panel>.simulation-note{margin:0 12px 14px}.toast{right:12px;bottom:12px}.playground-layout{gap:12px}}