html .agent-step-sidebar>button{color:#000000}
html .agent-step-sidebar>button small{color:#000000}
html .agent-recent>div small{color:#000000}
html .agent-new-task{color:#000000}
html .agent-workspace-top nav button{color:#000000}
html .agent-workspace-top aside button{color:#000000}
html .agent-status{color:#000000}
html .agent-connected-field small{color:#000000}
html .agent-asset-tile,html .agent-connected-upload{color:#000000}
html .agent-connected-upload small{color:#000000}
html .agent-inspector section header svg{color:#000000}
html .agent-run-bar aside button{color:#000000}
html .agent-asset-tile.uploaded>small{color:#000000}
html .agent-page .agent-status.gray{color:#000000}
html .agent-hero>div>p{color:#000000}
html .agent-hero-actions button{color:#000000}
html .agent-hero-trust{color:#000000}
html .agent-flow-preview>header small{color:#000000}
html .agent-market-head p{color:#000000}
html .agent-search svg{color:#000000}
html .agent-category-bar button{color:#000000}
html .agent-results-line{color:#000000}
html .agent-sort>button{color:#000000}
html .agent-sort-menu button small{color:#000000}
html .agent-card-body>small{color:#000000}
html .agent-card-body>p{color:#000000}
html .agent-tags>span{color:#000000}
html .agent-card-meta{color:#000000}
html .agent-card-foot>div small{color:#000000}
html .agent-empty{color:#000000}
html .agent-page.agent-detail>.agent-back{color:#000000}
html .agent-detail-main>span{color:#000000}
html .agent-detail-main p{color:#000000}
html .agent-detail-hero>aside small{color:#000000}
html .agent-detail-tabs button{color:#000000}
html .agent-cap-list small,html .agent-overview-grid dd{color:#000000}
html .agent-overview-grid dt{color:#000000}
html .agent-io-grid article>div small{color:#000000}
html .ai-builder-intro p{color:#000000}
html .ai-builder-message p{color:#000000}
html .ai-builder-suggestions button{color:#000000}
html .ai-builder-composer>div>span{color:#000000}
html .ai-builder-followup p{color:#000000}
html .ai-builder-config-group>small{color:#000000}
html .ai-builder-config-group button{color:#000000}
html .ai-builder-orchestration header p{color:#000000}
html .ai-model-needs>div small{color:#000000}
html .ai-model-needs span small{color:#000000}
html .ai-model-library header small{color:#000000}
html .ai-selected-models small{color:#000000}
html .ai-selected-models p{color:#000000}
html .ai-selected-models button{color:#000000}
html .ai-model-empty small{color:#000000}
html .ai-builder-preview>header small{color:#000000}
html .ai-builder-preview>header>span{color:#000000}
html .ai-builder-summary p{color:#000000}
html .ai-builder-preview-grid small{color:#000000}
html .ai-builder-models>small{color:#000000}
html .ai-builder-placeholder{color:#000000}
html .ai-builder-test header p{color:#000000}
html .ai-builder-test-grid header small{color:#000000}
html .ai-builder-test-assets small{color:#000000}
html .ai-builder-test-flow small{color:#000000}
html .ai-builder-test-empty{color:#000000}
html .ai-builder-test-output>div{color:#000000}
html .ai-builder-test>footer>span{color:#000000}
html .ai-builder-complete>p{color:#000000}
html .ai-builder-complete-summary small{color:#000000}
html .agent-copy-form>header small{color:#000000}
html .agent-copy-form>label>small{color:#000000}
html .agent-copy-options>header small{color:#000000}
html .agent-copy-options>label small{color:#000000}
html .agent-copy-summary header small{color:#000000}
html .agent-copy-summary>p{color:#000000}
html .agent-copy-summary dt{color:#000000}
html .agent-copy-modal>footer>span{color:#000000}
html .ai-builder-file-info small{color:#000000}
html .ai-builder-file-list>div>button{color:#000000}
html .ai-workflow-editor>header p{color:#000000}
html .ai-workflow-toolbar span{color:#000000}
html .ai-workflow-node>header small{color:#000000}
html .ai-workflow-node>p{color:#000000}
html .ai-workflow-node>footer span,html .ai-workflow-node>footer em{color:#000000}
html .ai-node-inspector dt{color:#000000}
html .ai-node-inspector>section p{color:#000000}
html .ai-workflow-editor>footer>span{color:#000000}
html .agent-detail-content .agent-flow-canvas>header small{color:#000000}
html .agent-detail-content .agent-flow-canvas>header aside button{color:#000000}
html .agent-flow-node>header small{color:#000000}
html .agent-flow-node>p{color:#000000}
html .agent-flow-node>footer span{color:#000000}
html .agent-detail-content .agent-flow-canvas>footer{color:#000000}
html .agent-flow-node>p{color:#000000}
html .ai-required-model-grid>article>header small{color:#000000}
html .ai-required-model-grid label>span{color:#000000}
html .ai-required-model-selected small{color:#000000}
html .agent-delete-modal>header>button{color:#000000}
html .agent-delete-confirm>p{color:#000000}
html .agent-delete-warning small{color:#000000}
html .agent-delete-actions button:first-child{color:#000000}
html .agent-detail-node-inspector article small{color:#000000}
html .agent-detail-node-inspector>footer{color:#000000}
html .agent-step-preview>header p{color:#000000}
html .agent-step-preview>header>i{color:#000000}
html .agent-step-preview-grid small{color:#000000}
html .agent-step-preview-grid p{color:#000000}
html .agent-step-dependency small{color:#000000}
html .agent-step-preview>footer button{color:#000000}
html .aa-shell button,html .aa-modal button{color:#000000}
html .aa-tabs button{color:#000000}
html .aa-metric em{color:#000000}
html .aa-alert small,html .aa-alert em{color:#000000}
html .aa-empty-filter{color:#000000}
html .aa-tr{color:#000000}
html .aa-table button.aa-tr{color:#000000}
html .aa-th{color:#000000}
html .aa-agent-name small{color:#000000}
html .aa-pill.gray{color:#000000}
html .aa-workflow-status-btn{color:#000000}
html .aa-workflow-dialog-summary p{color:#000000}
html .aa-workflow-dialog-list small{color:#000000}
html .aa-workflow-field{color:#000000}
html .aa-check-grid small{color:#000000}
html .aa-workflow-form-grid label{color:#000000}
html .aa-workflow-form-grid small{color:#000000}
html .aa-workflow-check small{color:#000000}
html .aa-action-menu header small{color:#000000}
html .aa-action-menu button{color:#000000}
html .aa-settings-layout>nav button{color:#000000}
html .aa-switch-line{color:#000000}
html .aa-setting-section>p{color:#000000}
html .aa-access-options button small{color:#000000}
html .aa-permission-row small{color:#000000}
html .aa-status-hero p{color:#000000}
html .aa-status-transition small{color:#000000}
html .aa-choice-grid button small{color:#000000}
html .aa-version-summary small{color:#000000}
html .aa-export-form section>p{color:#000000}
html .aa-format-options small{color:#000000}
html .aa-export-summary small{color:#000000}
html .aa-column-list>div{color:#000000}
html .aa-column-list>div.visible{color:#000000}
html .aa-column-list label small{color:#000000}
html .aa-category-row.head{color:#000000}
html .aa-chart-legend>span{color:#000000}
html .aa-chart-legend>small{color:#000000}
html .aa-risk small{color:#000000}
html .aa-detail dt{color:#000000}
html .aa-timeline>i{color:#000000}
html .aa-timeline small,html .aa-timeline em{color:#000000}
html .aa-node-library h4{color:#000000}
html .aa-node-library button>em{color:#000000}
html .aa-node-results-head{color:#000000}
html .aa-node-results>button small{color:#000000}
html .aa-node-results>p{color:#000000}
html .aa-picker-summary{color:#000000}
html .aa-picker-summary small{color:#000000}
html .aa-node-picker-grid small{color:#000000}
html .aa-node-config-panel small{color:#000000}
html .aa-node-config-panel>label:not(.aa-workflow-check){color:#000000}
html .aa-layout-note small{color:#000000}
html .aa-layout-choices small{color:#000000}
html .aa-direction-grid small{color:#000000}
html .aa-layout-settings>small{color:#000000}
html .aa-layout-scale{color:#000000}
html .aa-canvas-label span{color:#000000}
html .aa-canvas-label small{color:#000000}
html .aa-node header em{color:#000000}
html .aa-minimap-title{color:#000000}
html .aa-zoom-value{color:#000000}
html .aa-inspector>label,html .aa-inspector .aa-field-pair label{color:#000000}
html .aa-modal>footer .aa-autosave{color:#000000}
html .aa-client-builder>aside button{color:#000000}
html .aa-client-builder>aside small{color:#000000}
html .aa-scope-grid small{color:#000000}
html .aa-review-grid small{color:#000000}
html .aa-alert-action>header small{color:#000000}
html .aa-alert-action-form>label{color:#000000}
html .aa-alert-detail-grid small{color:#000000}
html .aa-alert-center-summary small{color:#000000}
html .aa-alert-center-list>header{color:#000000}
html .aa-alert-center-list small,html .aa-alert-center-list em{color:#000000}
html .aa-wizard>aside small{color:#000000}
html .aa-form-grid label,html .aa-form label{color:#000000}
html .aa-form label.aa-permission-row small{color:#000000}
html .aa-field-list-head{color:#000000}
html .aa-field-row>svg:first-child{color:#000000}
html .aa-editor-confirm{color:#000000}
html .aa-workflow-summary small{color:#000000}
html .aa-checkboxes label em{color:#000000}
html .aa-dialog-section>p,html .aa-section-head p{color:#000000}
html .aa-record-row.head{color:#000000}
html .aa-sort-list small{color:#000000}
html .aa-market-preview p{color:#000000}
html .aa-approval-summary small,html .aa-run-identity small,html .aa-run-identity p{color:#000000}
html .aa-mini-metrics small{color:#000000}
html .aa-timeline small{color:#000000}
html .aa-check-grid small{color:#000000}
html .aa-run-control-head p{color:#000000}
html .aa-run-batch>span{color:#000000}
html .aa-empty-state{color:#000000}
html .aa-run-kpis small{color:#000000}
html .aa-run-step>i{color:#000000}
html .aa-run-step small,html .aa-run-step em{color:#000000}
html .aa-node-detail-list small,html .aa-node-detail-list em{color:#000000}
html .aa-log-view span{color:#000000}
html .aa-admin-flow-studio>header p{color:#000000}
html .aa-admin-flow-agents small{color:#000000}
html .aa-admin-flow-toolbar span{color:#000000}
html .aa-admin-flow-node>header small{color:#000000}
html .aa-admin-flow-node>p{color:#000000}
html .aa-admin-flow-node>footer span,html .aa-admin-flow-node>footer em{color:#000000}
html .aa-admin-flow-inspector dt{color:#000000}
html .aa-admin-flow-inspector section p{color:#000000}
html .aa-admin-flow-studio>footer{color:#000000}
html .aa-run-console>header p{color:#000000}
html .aa-run-metrics small{color:#000000}
html .aa-run-metrics em{color:#000000}
html .aa-run-toolbar>span{color:#000000}
html .aa-run-list-head{color:#000000}
html .aa-run-identity small{color:#000000}
html .aa-run-identity em{color:#000000}
html .aa-run-current small,html .aa-run-time small{color:#000000}
html .aa-run-drawer>header p{color:#000000}
html .aa-run-drawer-summary small{color:#000000}
html .aa-run-drawer>section small{color:#000000}
html .aap-head p{color:#000000}
html .aap-metric small{color:#000000}
html .aap-metric em{color:#000000}
html .aap-toolbar>span{color:#000000}
html .aap-version-grid header small{color:#000000}
html .aap-version-grid code{color:#000000}
html .aap-version-info small{color:#000000}
html .aap-secret small{color:#000000}
html .aap-client-list>.head,html .aap-audit-list>.head{color:#000000}
html .aap-client-list small{color:#000000}
html .aap-empty p{color:#000000}
html .aap-category-summary small{color:#000000}
html .aap-category-grid header small{color:#000000}
html .aap-category-grid>article>p{color:#000000}
html .aap-category-grid small{color:#000000}
html .aap-cost-layout header small{color:#000000}
html .aap-cost-layout article>div small{color:#000000}
html .aap-cost-layout article>aside small{color:#000000}
html .aap-cost-layout>aside small{color:#000000}
html .aap-audit-banner small{color:#000000}
html .aap-audit-list time small{color:#000000}
html .aap-dialog label small{color:#000000}
html .aap-category-panel .aap-category-summary em{color:#000000}
html .aap-category-section-head p{color:#000000}
html .aap-category-card-head small{color:#000000}
html .aap-category-card-head p{color:#000000}
html .aap-category-members .empty{color:#000000}
html .aap-category-stats small{color:#000000}
html .aa-action-dialog-intro{color:#000000}
html .aa-action-summary small{color:#000000}
html .aa-action-form label{color:#000000}
html .aap-operation-body>p{color:#000000}
html .aap-operation-summary small{color:#000000}
html .aap-operation-field,html .aap-operation-body-grid label{color:#000000}
html .aa-run-log-dialog article small,html .aa-run-log-dialog article time{color:#000000}
html .aa-shell .aa-admin-flow-node>header small{color:#000000}
html .aa-flow-sockets>div small{color:#000000}
html .aa-flow-sockets>div>em{color:#000000}
html .top-nav button{color:#000000}
html .balance,html .avatar-button{color:#000000}
html .search-block small{color:#000000}
html .type-tabs button{color:#000000}
html .vendor-line{color:#000000}
html .detail-ident p{color:#000000}
html .detail-action>span{color:#000000}
html .empty-state svg,html .response-success>svg{color:#000000}
html .docs-nav>button{color:#000000}
html .doc-article p{color:#000000}
html .code-block button{color:#000000}
html .balance-card small{color:#000000}
html .empty-page>svg,html .state-stage>svg{color:#000000}
html .auth-brand p{color:#000000}
html .password-field>button{color:#000000}
html .auth-security{color:#000000}
html .admin-auth-brand small{color:#000000}
html .remember-row{color:#000000}
html .admin-auth-back{color:#000000}
html .ai-context{color:#000000}
html .ai-quick button{color:#000000}
html .ai-compose>small{color:#000000}
html .ai-footer button{color:#000000}
html .assistant-guide-section>small{color:#000000}
html .assistant-guide-section button{color:#000000}
html .assistant-safety small{color:#000000}
html .assistant-chat-head>button{color:#000000}
html .assistant-starters button{color:#000000}
html .admin-sidebar{color:#000000}
html .admin-brand small{color:#000000}
html .admin-sidebar nav button{color:#000000}
html .admin-user small{color:#000000}
html .admin-user>button{color:#000000}
html .admin-top small{color:#000000}
html .admin-top label svg{color:#000000}
html .admin-metrics span{color:#000000}
html .admin-panel>p{color:#000000}
html .admin-panel-head p{color:#000000}
html .admin-bars small{color:#000000}
html .health-list small,html .kb-row small,html .role-row small,html .audit-row small{color:#000000}
html .admin-th{color:#000000}
html .admin-filters label svg{color:#000000}
html .route-card small{color:#000000}
html .no-model-result{color:#000000}
html .admin-env{color:#000000}
html .admin-notices small{color:#000000}
html .admin-empty{color:#000000}
html .sync-review p{color:#000000}
html .detail-status small{color:#000000}
html .detail-line span{color:#000000}
html .audit-note{color:#000000}
html .admin-row-menu button{color:#000000}
html .admin-search-results>small{color:#000000}
html .admin-search-results small{color:#000000}
html .confirm-modal p{color:#000000}
html .admin-trend-head p{color:#000000}
html .admin-period-tabs button{color:#000000}
html .admin-trend-summary span{color:#000000}
html .admin-trend-summary span small{color:#000000}
html .admin-trend-highlight>small{color:#000000}
html .admin-trend-foot{color:#000000}
html .admin-trend-foot b{color:#000000}
html .top-nav>button{color:#000000}
html .site-footer{color:#000000}
html .site-footer-brand p{color:#000000}
html .site-footer-links button,html .site-footer-bottom button{color:#000000}
html .site-footer-bottom small{color:#000000}
html .site-footer-compliance{color:#000000}
html .admin-compliance-form .field small{color:#000000}
html .admin-compliance-preview>span{color:#000000}
html .admin-compliance-preview em{color:#000000}
html .admin-compliance-preview small{color:#000000}
html .mobile-pop button{color:#000000}
:root{color-scheme:light;--purple:#6842f5;--purple-2:#5131cb;--ink:#101214;--muted:#35383d;--line:#dfe2df;--soft:#f8faf7;--porcelain:#fcfdfb;--porcelain-white:#fffffe}
html,body{background:var(--porcelain);color:var(--ink)}
.app,.auth-shell,.admin-shell,.admin-main,.aa-shell{background:var(--porcelain);color:var(--ink)}
.aa-shell,.aa-modal,.aap-dialog{--aa-ink:#101214;--aa-muted:#35383d;--aa-line:#dfe2df;--aa-soft:#f8faf7}
.hw-console{--hw-line:#dfe2df;--hw-muted:#35383d;--hw-soft:#fcfdfb}
h1,h2,h3,h4,h5,h6{color:var(--ink);font-weight:700}
.header,.site-footer,.auth-panel,.admin-top,.admin-sidebar,.admin-auth-card,.aa-drawer,.aa-modal,.modal,.popover,.aap-dialog{background:var(--porcelain-white);color:var(--ink)}
.header{border-bottom-color:var(--line)}
.modal-backdrop,.aa-modal-backdrop,.aap-dialog-backdrop{background:#edf1ecbd;backdrop-filter:blur(3px)}
.top-nav>button,.site-footer,.site-footer p,.site-footer small,.site-footer button,.site-footer a,.model-card p,.model-card small,.model-card-price,.search-block p,.page-head p,.auth-box p,.auth-links button,.auth-security,.admin-top small,.admin-sidebar nav button,.admin-sidebar small,.admin-user b,.admin-brand b{color:var(--muted)}
.brand,.site-footer-brand .brand,.admin-brand b,.admin-user b,.admin-sidebar nav button,.eyebrow,.hero-title h2,.market-intro h1,.market-intro h1 span{color:var(--ink)}
.top-nav button.active{color:var(--purple)}
.header .balance,.header .avatar,.filter-bar,.field input,.field textarea,.field select,.hw-console .field input,.hw-console .field textarea,.hw-console .field select,.hw-model-search,.hw-request-panel,.hw-response-panel,.hw-model-rail,.content-panel,.side-panel,.model-card,.table-wrap,.pricing-table,.empty-page,.state-stage,.coupon-grid>div,.billing-cards>div,.admin-metrics>div,.admin-panel,.aa-panel,.aa-metric,.aap-panel,.aap-metric{background:var(--porcelain-white);border-color:var(--line)}
.model-card h3,.model-card p,.model-card small,.model-card-price,.model-card-price strong,.hw-price strong,.hw-panel-heading h2,.hw-response-empty h3,.hw-model-row-copy b,.auth-box h2,.field>span,.field input,.field textarea,.field select{color:var(--ink)}
.hw-model-row-copy small,.hw-response-empty p,.hw-response-status,.hw-console-heading p,.hw-price>span{color:var(--muted)}
.model-card-price,.model-card-price strong{font-weight:650}
.model-card-bottom strong{color:var(--ink);font-weight:650}
html .admin-section-enter{animation:none}
html .admin-shell :is(h1,h2,h3,h4,b,strong,p,label,small){color:var(--ink)}
.porcelain-admin-health{margin-bottom:18px}.porcelain-health-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.porcelain-health-list>div{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid var(--line);border-radius:8px;overflow-wrap:anywhere}.porcelain-health-list span{font-size:13px;color:var(--muted)}
.hero-model,.model-detail-head,.auth-brand,.balance-card{background-color:var(--porcelain-white)!important;background-image:url('/assets/porcelain-wave.webp')!important;color:var(--ink)!important}
.hero-model{background-size:cover;background-position:center}
.hero-model :is(.vendor,.hero-title span,.hero-copy>p,.capabilities span,.hero-bottom strong,.hero-bottom small),.model-detail-head :is(h1,h2,p,small,.detail-tags span),.auth-brand :is(.brand,h1,h1 b,p,small,.eyebrow),.balance-card :is(span,strong,small){color:var(--ink)!important}
.hero-title span,.detail-tags span,.capabilities span{background:#ffffffb3;border:1px solid #d9deda}
.hero-model .ghost-dark{background:#fffffe;color:var(--ink);border-color:var(--line)}
.auth-brand{border-right:1px solid var(--line);background-position:60% center}
.auth-box{width:min(500px,100%);padding:36px 40px;border:1px solid var(--line);border-radius:12px;background:var(--porcelain-white);box-shadow:0 2px 10px #15251604}
.auth-box>h2{font-size:32px}.auth-box .auth-form{gap:14px}.auth-panel{padding:40px}
.auth-brand .brand{color:var(--ink)}.auth-brand .brand-mark{color:var(--purple)}
.admin-auth-shell{background:var(--porcelain) url('/assets/porcelain-wave.webp') center/cover!important}
.admin-sidebar{border-right:1px solid var(--line)}
.admin-sidebar nav button:hover{background:#f5f4fb;color:var(--ink)}
.admin-sidebar nav button.active{background:#f0ebff;color:var(--ink);box-shadow:inset 3px 0 var(--purple);font-weight:650}
.admin-user{border-top-color:var(--line)}
.admin-sidebar .admin-brand>span,.admin-auth-brand>svg{background:var(--purple);color:#fff}
.admin-brand small,.admin-user small,.admin-sidebar nav button small{color:var(--muted)}
.admin-content,.admin-top input,.aa-shell,.aa-tr,.aa-table button.aa-tr,.aa-shell button:not(.primary):not(.danger),.aap-panel{color:var(--ink)}
.admin-filters input,.admin-filters select,.admin-top label,.admin-env,.admin-notices,.admin-search-results,.admin-row-menu,.aa-toolbar input,.aa-toolbar select,.aa-form input,.aa-form select,.aa-form textarea,.aa-tr,.aap-toolbar select,.aa-inspector,.aa-drawer{background:var(--porcelain-white);border-color:var(--line)}
.aa-log-view,.aap-audit-detail pre,.response-success pre,.code-block,.hw-result pre{background:#f7f9f6!important;color:var(--ink)!important;border:1px solid var(--line)}
.aa-log-view>button{background:#fffffe;color:var(--ink);border-color:var(--line)}
.code-block code,.code-block pre{color:var(--ink)}
.hw-response-body,.response-panel,.modal-actions,.aa-chart-legend,.aa-market-preview,.aap-category-panel .aap-head{background:var(--porcelain-white)}
.hw-panel-heading code,.hw-advanced,.segmented,.commercial-tabs,.notice-bar,.endpoint{background:#f8faf7;color:var(--ink)}
.primary,.aa-shell button.primary,.aa-modal button.primary,.aap-panel button.primary,.admin-panel-head button.primary,.modal-actions button.primary,.auth-form .primary{background:var(--purple);color:#fff!important;border-color:var(--purple)}
.primary:disabled{background:#a99bd7;color:#fff!important;cursor:not-allowed}
.model-logo,.model-logo b,.admin-brand>span,.admin-auth-brand>svg,.endpoint b{color:#fff!important}
.secondary,.ghost-dark,.admin-exit{background:var(--porcelain-white);color:var(--ink);border-color:var(--line)}
.table-wrap,.pricing-table{overflow-x:auto}
.field input::placeholder,.field textarea::placeholder,input::placeholder,textarea::placeholder{color:#0a0a0a;opacity:1}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--purple)}
.hw-model-row.active,.hw-model-row:hover{background:#f6f3fd}.hw-model-row.active{box-shadow:inset 2px 0 #8262e8}
.hw-model-row-copy b,.top-nav button,.filter-bar button,.hero-copy>p,.model-card p,.model-card-price,.auth-box p{font-weight:500}
.hw-model-row-copy b,.model-card h3{font-weight:650}
/* Single, short hover pulse. Native CSS avoids per-frame JavaScript and layout measurements. */
:is(.model-card,.hero-model,.model-detail-head,.content-panel,.side-panel,.hw-request-panel,.hw-response-panel,.hw-model-rail,.table-wrap,.pricing-table,.billing-cards>div,.coupon-grid>div,.auth-box,.admin-auth-card,.admin-panel,.admin-metrics>div,.aa-panel,.aa-metric,.aap-panel,.aap-metric,.aa-modal,.modal,.aap-dialog){transition:border-color .22s ease,box-shadow .22s ease;isolation:isolate}
@media(hover:hover) and (pointer:fine){
 :is(.model-card,.hero-model,.model-detail-head,.content-panel,.side-panel,.hw-request-panel,.hw-response-panel,.hw-model-rail,.table-wrap,.pricing-table,.billing-cards>div,.coupon-grid>div,.auth-box,.admin-auth-card,.admin-panel,.admin-metrics>div,.aa-panel,.aa-metric,.aap-panel,.aap-metric,.aa-modal,.modal,.aap-dialog):hover{border-color:#b7a4f4;box-shadow:0 3px 16px #6842f50d;animation:porcelain-hover-glint .72s ease-out 1}
}
@keyframes porcelain-hover-glint{0%{box-shadow:0 0 0 1px #8b65fb26,0 0 4px #6842f509}38%{box-shadow:0 0 0 1px #b49afa80,0 0 16px #8b65fb29,0 4px 18px #6842f50d}100%{box-shadow:0 3px 16px #6842f50d}}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #8160ed40;outline-offset:2px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}.model-card,.hero-model,.model-detail-head,.content-panel,.side-panel,.hw-request-panel,.hw-response-panel,.hw-model-rail,.table-wrap,.pricing-table,.billing-cards>div,.coupon-grid>div,.auth-box,.admin-auth-card,.admin-panel,.admin-metrics>div,.aa-panel,.aa-metric,.aap-panel,.aap-metric,.modal,.aa-modal,.aap-dialog{animation:none!important;transition:none!important}}
@media(max-width:900px){.auth-panel{padding:26px 20px}.auth-box{padding:28px 24px}.auth-box h2{font-size:28px}.auth-brand{border:0}.admin-sidebar{border-right-color:var(--line)}}
@media(max-width:480px){.auth-box{padding:24px 18px}.auth-panel{padding:24px 14px}}
@media(max-width:900px){.admin-shell{display:block}.admin-shell>.admin-sidebar{display:flex;position:relative;height:auto;padding:10px 12px;border-right:0;border-bottom:1px solid var(--line)}.admin-sidebar .admin-brand,.admin-sidebar .admin-user{display:none}.admin-sidebar nav{display:flex;flex-direction:row;overflow:auto;gap:6px}.admin-sidebar nav button{flex:none;white-space:nowrap;font-size:13px;height:40px;padding:0 12px}.admin-sidebar nav button svg{display:block;width:17px;height:17px}.admin-main{height:auto;overflow:visible}.admin-content{padding:20px 14px 30px}.admin-top{padding:14px;min-height:64px;height:auto;gap:10px}.admin-top h1{font-size:20px}.admin-top label{display:none}.admin-panel .table-wrap table{min-width:580px}.porcelain-health-list{grid-template-columns:1fr}.porcelain-admin-health .panel-head{flex-wrap:wrap;gap:12px}}


.porcelain-empty{padding:36px 20px;text-align:center;color:var(--muted)}.porcelain-empty h3{margin:0 0 10px}.porcelain-empty p{margin:0}.porcelain-secret{overflow-wrap:anywhere;white-space:pre-wrap;padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--soft);font-size:14px}.hw-console .field input:disabled,.hw-console .field select:disabled{background:#f7f9f6;color:#000000;cursor:not-allowed}.hw-console .field span small{font-weight:500;font-size:11px;color:#000000}
/* Shared frame treatment: porcelain surfaces with a clear, consistent 2px outline. */
:root{--line:#b4beb7;--frame-line:#a5b1a8;--frame-hover:#8b6cd2}
.hw-console{--hw-line:var(--frame-line)}
.aa-shell,.aa-modal,.aap-dialog{--aa-line:var(--frame-line)}
html :is(.model-card,.hero-model,.model-detail-head,.content-panel,.side-panel,.hw-request-panel,.hw-response-panel,.hw-model-rail,.table-wrap,.pricing-table,.doc-table,.billing-cards>div,.coupon-grid>div,.empty-page,.state-stage,.auth-box,.admin-auth-card,.admin-panel,.admin-metrics>div,.admin-table,.admin-checks,.permission-matrix,.admin-notices,.admin-search-results,.admin-row-menu,.admin-compliance-preview,.route-card,.aa-panel,.aa-metric,.aa-inspector,.aa-market-preview,.aa-drawer,.aa-modal,.aap-panel,.aap-metric,.aap-dialog,.popover,.modal,.confirm-modal,.notice-bar,.endpoint,.code-block,.aa-log-view,.aap-audit-detail pre,.response-success pre,.hw-result pre,.porcelain-health-list>div){border:2px solid var(--frame-line)}
html :is(.filter-bar,.search-block label,.model-selector label,.docs-nav label,.search-small,.hw-model-search,.field input,.field textarea,.field select,.admin-filters input,.admin-filters select,.admin-filters label,.admin-top label,.admin-env,.aa-toolbar input,.aa-toolbar select,.aa-form input,.aa-form select,.aa-form textarea,.aa-form-grid input,.aa-form-grid select,.aa-form-grid textarea,.aa-inspector input,.aa-inspector select,.aap-toolbar select,.wechat-qr,.porcelain-secret){border:2px solid var(--frame-line)}
html :is(.model-card,.content-panel,.side-panel,.hw-request-panel,.hw-response-panel,.hw-model-rail,.table-wrap,.pricing-table,.billing-cards>div,.coupon-grid>div,.auth-box,.admin-auth-card,.admin-panel,.admin-metrics>div,.aa-panel,.aa-metric,.aap-panel,.aap-metric){box-shadow:0 2px 7px #20372b08}
html :is(.secondary,.ghost-dark,.admin-exit,.amount-grid button,.pay-choice button,.support-options>button){border-width:2px;border-color:var(--frame-line)}
html :is(.field input,.field textarea,.field select):focus{border-color:var(--purple)}
html .hw-console .field :is(input,textarea,select){border:2px solid var(--frame-line)}
html .hw-console .field :is(input,textarea,select):focus{border-color:var(--purple)}
html :is(.amount-grid button,.pay-choice button).active{border-color:var(--purple)}
@media(hover:hover) and (pointer:fine){
 html :is(.model-card,.hero-model,.model-detail-head,.content-panel,.side-panel,.hw-request-panel,.hw-response-panel,.hw-model-rail,.table-wrap,.pricing-table,.billing-cards>div,.coupon-grid>div,.auth-box,.admin-auth-card,.admin-panel,.admin-metrics>div,.aa-panel,.aa-metric,.aap-panel,.aap-metric,.aa-modal,.modal,.aap-dialog):hover{border-color:var(--frame-hover);box-shadow:0 4px 16px #6842f51a}
}