:root{--ui-bg: #f4f7fb;--ui-surface: #fff;--ui-border: #e5ebf3;--ui-primary: #1677ff;--ui-primary-hover: #095fd8;--ui-soft: #eaf3ff;--ui-ink: #172b4d;--ui-muted: #64748b;--accent: var(--ui-primary);--accent-dark: var(--ui-primary-hover);--ink: var(--ui-ink);--muted: var(--ui-muted);--line: var(--ui-border);--blue: var(--ui-primary);--soft: var(--ui-bg);--panel: var(--ui-surface);color:var(--ui-ink);background:var(--ui-bg);color-scheme:light}body,body.app,body .app,body.popup-body,body.options-body,body.inventory-body{background:var(--ui-bg);color:var(--ui-ink)}body .primary,body .primary-button,body .query-button,body .theme-save{background:var(--ui-primary);color:#fff;border-color:transparent;box-shadow:0 3px 8px #1677ff14}body .primary:hover,body .primary-button:hover,body .query-button:hover{background:var(--ui-primary-hover)}body .panel,body .query-card,body .query-panel,body .ad-query-panel,body .results-panel,body .ad-results,body .metric,body .metric-grid article,body .wallet article,body .wallet .preset{background:var(--ui-surface);border-color:var(--ui-border);border-radius:10px;box-shadow:0 2px 8px #172b4d03}body input:not([type=checkbox]):not([type=radio]):not([type=color]),body select,body textarea{border-color:#d2deed;background-color:#fff;color:var(--ui-ink)}body input:focus,body select:focus,body textarea:focus{border-color:var(--ui-primary);box-shadow:0 0 0 3px #1677ff18}body input[type=checkbox],body input[type=radio]{accent-color:var(--ui-primary)}body button:focus-visible,body a:focus-visible{outline:2px solid var(--ui-primary);outline-offset:3px}body .ad-header,body .app-header,body .topbar{background:#fff;color:var(--ui-ink);border-bottom:1px solid var(--ui-border);box-shadow:none}body .ad-brand p,body .app-header p,body .page-nav a,body .app-page-navigation a{color:var(--ui-muted)}body .page-nav a.active,body .app-page-navigation a.active{background:var(--ui-soft);color:var(--ui-primary)}body .app-page-navigation .app-page-button{color:var(--ui-muted)}body .app-page-navigation .app-page-button:hover,body .app-page-navigation .app-page-button.active{background:var(--ui-soft);color:var(--ui-primary);box-shadow:none}body .theme-settings-button,body .query-settings-button{background:var(--ui-soft);color:var(--ui-primary)}body .theme-settings-button:hover,body .query-settings-button:hover{background:#d9eaff;color:#095fd8}body .date-mode-toggle{background:#f6f9fd;border-color:var(--ui-border)}body .date-trigger{border-color:#d2deed;color:var(--ui-ink)}body .date-mode-toggle button.active{background:var(--ui-primary);color:#fff;box-shadow:none}body .filter-chips button{background:#f6f9fd;color:#526681;border-radius:7px}body .filter-chips button.selected{background:var(--ui-soft);color:var(--ui-primary)}body th,body .table-wrap th{background:#f6f9fd;color:#536985;border-color:var(--ui-border)}body td,body .table-wrap td{border-color:var(--ui-border)}body .wallet span,body .wallet small,body .footnote,body .muted{color:var(--ui-muted)}body .wallet strong{color:var(--ui-ink)}body .wallet .preset label,body .wallet .preset input{color:var(--ui-primary)}body .outline,body .outline-button,body .text-btn{color:var(--ui-primary);border-color:#c9dbf5}body .brand .logo,body .brand-mark,body .boot-mark{background:var(--ui-primary);box-shadow:none}body .metric.accent,body .metric.spend{background:#fff;color:var(--ui-ink)}body .metric.accent p,body .metric.spend p{color:var(--ui-muted)}body .login-page{background:var(--ui-bg)}body .site-footer{background:var(--ui-bg);color:var(--ui-muted)}.wb-hosted body .ad-header,.wb-hosted body .topbar,.wb-hosted body main>.page-heading,.wb-hosted body main>.hero,.wb-hosted body main>.settings-header{display:none!important}.wb-hosted body main{max-width:none;margin:0;padding:24px}.wb-hosted body .panel,.wb-hosted body .query-card,.wb-hosted body .query-panel,.wb-hosted body .model-panel,.wb-hosted body .table-panel,.wb-hosted body .form-panel{border-radius:10px;padding:20px;margin-bottom:16px;border-color:var(--ui-border)}.wb-hosted body .empty-state{min-height:150px;padding:24px;margin-top:16px}.wb-hosted body .empty-state>div,.wb-hosted body .empty-icon{width:40px;height:40px;font-size:24px}.wb-hosted body .empty-state h2,.wb-hosted body .empty-state h3{font-size:15px}.wb-hosted body .primary,.wb-hosted body .primary-button,.wb-hosted body .outline-button,.wb-hosted body .secondary-button{min-height:40px;border-radius:8px}.wb-hosted body .archive-controls{margin:0 0 16px;padding:12px 16px;border-radius:10px}.wb-hosted body .archive-controls label{display:flex;align-items:center;gap:8px}.wb-hosted body .archive-controls input[type=checkbox]{width:16px;height:16px;margin:0}.wb-hosted:not(.query-canvas-enabled) body .ad-app,.wb-hosted:not(.query-canvas-enabled) body .app{height:auto;min-height:100vh;overflow:visible}.wb-hosted:not(.query-canvas-enabled) body .query-surface>main{overflow:visible}.wb-hosted:not(.query-canvas-enabled) body .results{flex:none;max-height:none;overflow:visible}.wb-hosted body .model-query>h2,.wb-hosted body .model-query>h2+p{display:none}body .compact-studio{padding:24px}body .compact-studio .studio-status-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:12px;color:var(--ui-muted);font-size:12px}body .compact-studio .controlbar.live{padding:20px;border:1px solid var(--ui-border);border-radius:10px;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}body .compact-studio .controlbar.live>*{min-width:0}body .compact-studio .controlbar.live .title-pattern-field{grid-column:1 / -1}body .compact-studio .noticebar{margin:16px 0}body .compact-studio .workspace{padding:0}body .compact-studio .empty-state{min-height:180px;padding:24px;background:#fff}body .compact-studio .empty-actions{display:none}.wb-hosted body .wallet{gap:16px;margin-bottom:16px}.wb-hosted body>main:has(>.wallet){padding:0}@media(max-width:900px){body .compact-studio .controlbar.live{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.wb-hosted body main,body .compact-studio{padding:12px}.wb-hosted body .panel,.wb-hosted body .query-card,.wb-hosted body .query-panel,.wb-hosted body .model-panel,.wb-hosted body .table-panel,.wb-hosted body .form-panel{padding:16px}.wb-hosted body button:not(.calendar-days button){min-height:44px}body .compact-studio .controlbar.live{padding:16px}}.wb-hosted .model-panel:first-child>.model-section-head{display:none}.wb-hosted body.options-body{padding:0}.ux-confirm{width:min(520px,calc(100vw - 32px));border:1px solid #d2deed;border-radius:12px;padding:24px;color:#172b4d;background:#fff;box-shadow:0 16px 60px #172b4d33}.ux-confirm::backdrop{background:#172b4d66}.ux-confirm h2{margin:0 0 16px;font-size:18px}.ux-confirm p{white-space:pre-wrap;overflow-wrap:anywhere;max-height:55vh;overflow:auto;line-height:1.7}.ux-confirm footer{display:flex;justify-content:flex-end;gap:12px}.ux-confirm button{padding:10px 18px;border:1px solid #d2deed;border-radius:8px;cursor:pointer}.ux-frame-status{padding:16px;margin:12px;background:#fff8e8;border:1px solid #f3d7a0;border-radius:10px;color:#694c14}.ux-frame-status button{margin-left:12px}