@font-face{font-family:Golos;src:url('assets/golos-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Golos;src:url('assets/golos-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Golos;src:url('assets/golos-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Golos;src:url('assets/golos-700.ttf') format('truetype');font-weight:700;font-display:swap}
:root[data-refresh][data-mode]{--page:#111619;--surface:#1B2329;--surface2:#252F37;--ink:#EDF1F4;--muted:#B0BDC7;--subtle:#A3B1BD;--line:#313E47;--on-accent:#182025;--tint:color-mix(in srgb,var(--accent) 11%,var(--surface));--tint-line:transparent;--accent-pressed:color-mix(in srgb,var(--accent) 85%,#111619);--success:#84D5A8;--success-bg:#203A2E;--warning:#E9C77F;--warning-bg:#372F22;--error:#FFAAA5;--error-bg:#3C292C;--shadow:0 16px 40px #0003;--shade:#060B10B0;--radius:26px;color-scheme:dark}
:root[data-refresh][data-mode=light]{--page:#F4F5F6;--surface:#FFF;--surface2:#ECEFF1;--ink:#202D35;--muted:#566671;--subtle:#60717B;--line:#DAE1E5;--on-accent:#FFF;--success:#216744;--success-bg:#E8F5EC;--warning:#7B5510;--warning-bg:#FFF4DA;--error:#AD343E;--error-bg:#FFF0EF;--shadow:0 12px 36px #1C30340B;--shade:#15262C66;color-scheme:light}
html[data-refresh]{scroll-padding-top:98px}
html[data-refresh] body{font:16px/1.6 Golos,'Segoe UI',sans-serif;background:var(--page);color:var(--ink)}
html[data-refresh] button,html[data-refresh] input,html[data-refresh] select,html[data-refresh] textarea{font-family:inherit;font-size:15px}
html[data-refresh] h1{font-size:38px;line-height:1.2;letter-spacing:-1.1px;font-weight:700}
html[data-refresh] h2{font-size:23px;line-height:1.35;letter-spacing:-.5px;font-weight:600}
html[data-refresh] h3{font-size:17px;line-height:1.4;font-weight:600}
html[data-refresh] p{line-height:1.6}
html[data-refresh] .site-header{position:sticky;top:0;z-index:30;background:var(--page);border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent)}
html[data-refresh] .header-inner{max-width:1440px;min-height:80px;padding:0 36px;gap:54px}
html[data-refresh] .brand{font-size:25px;letter-spacing:-.8px;font-weight:700;gap:0}
html[data-refresh] .brand-mark{display:none}
html[data-refresh] .main-nav{gap:29px;white-space:nowrap}
html[data-refresh] .nav-item{font-size:15px;font-weight:500}
html[data-refresh] .nav-item.active:after{height:3px;bottom:0}
html[data-refresh] .header-actions{gap:3px}
html[data-refresh] .icon-button{width:44px;height:44px;border-radius:13px}
html[data-refresh] .page-shell{max-width:1440px;padding:40px 36px 28px;margin:auto}
html[data-refresh] .page-heading{margin-bottom:32px;gap:24px;align-items:center}
html[data-refresh] .page-heading>div>p{font-size:16px;margin-top:8px;color:var(--muted)}
html[data-refresh] .balance{min-width:260px;max-width:none;border-color:var(--line);padding-left:26px;flex-shrink:0}
html[data-refresh] .balance-label{font-size:13px;line-height:1.4;color:var(--muted)}
html[data-refresh] .balance-row{flex-wrap:nowrap;gap:12px;margin-top:7px;align-items:center}
html[data-refresh] .balance-row>strong{font-size:25px;line-height:1.3;white-space:nowrap;letter-spacing:-.7px;font-variant-numeric:tabular-nums}
html[data-refresh] .balance-topup{border:0;background:var(--surface2);color:var(--ink);border-radius:12px;min-height:44px;padding:10px 16px;font-size:14px;white-space:nowrap}
html[data-refresh] .button,html[data-refresh] .create-button,html[data-refresh] .download-button{border:0;border-radius:13px;min-height:48px;padding:12px 20px;font-size:15px;font-weight:600;transition:background-color 180ms ease,box-shadow 180ms ease,transform 180ms ease;box-shadow:none;text-decoration:none}
html[data-refresh] .button.primary,html[data-refresh] .create-button,html[data-refresh] .download-button{background:var(--accent);color:var(--on-accent);border:0}
@media(hover:hover){html[data-refresh] .button.primary:hover:not(:disabled),html[data-refresh] .create-button:hover:not(:disabled),html[data-refresh] .download-button:hover{background:var(--accent-hover);box-shadow:0 3px 10px color-mix(in srgb,var(--accent-raw) 12%,transparent),0 0 18px color-mix(in srgb,var(--accent-raw) 5%,transparent);transform:translateY(-1px)}}
html[data-refresh] .button.primary:active:not(:disabled),html[data-refresh] .create-button:active:not(:disabled){background:var(--accent-pressed);transform:translateY(0);box-shadow:none}
html[data-refresh] .button.secondary,html[data-refresh] .model-id-copy,html[data-refresh] .upload-button{background:var(--surface2);border:0;color:var(--ink);border-radius:12px}
html[data-refresh] .button.secondary:hover,html[data-refresh] .balance-topup:hover{background:color-mix(in srgb,var(--surface2) 80%,var(--ink))}
html[data-refresh] button:disabled,html[data-refresh] .create-button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}
html[data-refresh] button:focus-visible,html[data-refresh] a:focus-visible,html[data-refresh] summary:focus-visible{outline:0;background-color:var(--tint);box-shadow:0 0 16px color-mix(in srgb,var(--accent) 20%,transparent);color:var(--accent)}
html[data-refresh] .button.primary:focus-visible,html[data-refresh] .create-button:focus-visible{background:var(--accent-hover);color:var(--on-accent);box-shadow:0 0 16px color-mix(in srgb,var(--accent) 25%,transparent)}
html[data-refresh] input,html[data-refresh] textarea,html[data-refresh] select{background:var(--surface2);color:var(--ink);border:1px solid transparent;border-radius:13px;min-height:48px;padding:12px 15px;line-height:1.55}
html[data-refresh] input::placeholder,html[data-refresh] textarea::placeholder{color:var(--subtle);opacity:1}
html[data-refresh] input:focus-visible,html[data-refresh] textarea:focus-visible,html[data-refresh] select:focus-visible{outline:0;border-color:transparent;background:color-mix(in srgb,var(--surface2) 94%,var(--accent));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 55%,transparent)}
html[data-refresh] .text-button{font-size:14px;min-height:40px;border-radius:9px;padding:5px 3px}
html[data-refresh] .tiny-icon{min-height:36px;min-width:36px;border-radius:10px}
html[data-refresh] .microcopy{font-size:13px!important}
html[data-refresh] .data-panel,html[data-refresh] .guide-panel,html[data-refresh] .selection-panel,html[data-refresh] .image-form-panel,html[data-refresh] .image-result-panel,html[data-refresh] .home-panel{background:var(--surface);border:0;border-radius:26px;box-shadow:var(--shadow);overflow:visible}
html[data-refresh] .home-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:24px;margin-bottom:24px}
html[data-refresh] .home-panel{padding:30px}
html[data-refresh] .home-panel h2{margin-bottom:8px}
html[data-refresh] .home-panel>p{color:var(--muted);font-size:15px}
html[data-refresh] .home-programs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}
html[data-refresh] .home-programs button{display:flex;align-items:center;justify-content:center;gap:13px;background:var(--surface2);border:0;border-radius:15px;min-height:84px;padding:15px 12px;font-size:16px;font-weight:500}
html[data-refresh] .home-programs button[aria-pressed=true]{background:var(--tint);color:var(--accent)}
html[data-refresh] .home-programs svg{width:30px;height:30px}
html[data-refresh] .home-controls{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(0,1.2fr);gap:20px;margin-bottom:22px}
html[data-refresh] .home-controls label,html[data-refresh] .home-controls legend{font-size:14px;color:var(--muted);margin-bottom:8px;display:block}
html[data-refresh] .home-controls select{width:100%}
html[data-refresh] .home-controls fieldset{border:0;margin:0;padding:0;min-width:0}
html[data-refresh] .home-variants{display:flex;background:var(--surface2);border-radius:13px;padding:4px;min-height:49px}
html[data-refresh] .home-variants button{background:transparent;flex:1;white-space:nowrap;border-radius:10px;font-size:14px;min-height:41px;padding:5px 10px}
html[data-refresh] .home-variants button[aria-pressed=true]{background:color-mix(in srgb,var(--surface2) 83%,var(--ink));color:var(--ink)}
html[data-refresh] .home-start{width:100%;margin-bottom:9px}
html[data-refresh] .home-hint{font-size:13px;color:var(--muted)}
html[data-refresh] .home-key{display:flex;align-items:center;gap:4px;background:var(--surface2);border-radius:14px;padding:8px 10px;margin:24px 0 14px;min-width:0}
html[data-refresh] .home-key code{flex:1;min-width:0;font-size:15px;overflow-wrap:anywhere;padding-left:4px}
html[data-refresh] .home-key .button{padding:8px 12px;font-size:14px;min-height:40px}
html[data-refresh] .home-shortcuts{margin-top:24px;border-top:1px solid var(--line)}
html[data-refresh] .home-shortcut{display:flex;align-items:center;text-align:left;gap:16px;width:100%;background:transparent;padding:20px 2px;border-bottom:1px solid var(--line);border-radius:0}
html[data-refresh] .home-shortcut:last-child{border-bottom:0}
html[data-refresh] .home-shortcut>svg{width:27px;height:27px;flex-shrink:0}
html[data-refresh] .home-shortcut strong{display:block;font-size:16px;font-weight:500}
html[data-refresh] .home-shortcut small{color:var(--muted);font-size:14px;display:block;margin-top:3px}
html[data-refresh] .home-shortcut .shortcut-arrow{margin-left:auto;width:18px}
html[data-refresh] .home-recent{padding:26px 30px 14px}
html[data-refresh] .home-recent-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
html[data-refresh] .home-recent table{width:100%;border-collapse:collapse;font-size:15px}
html[data-refresh] .home-recent th{color:var(--muted);font-size:13px;font-weight:400;text-align:left;padding:10px 0}
html[data-refresh] .home-recent td{padding:15px 0;border-top:1px solid var(--line)}
html[data-refresh] .home-recent td:last-child{text-align:right}
html[data-refresh] .home-recent td button{background:transparent;padding:6px 0;text-align:left;color:var(--ink);font-size:15px}
html[data-refresh] .home-empty{padding:20px 0;color:var(--muted)}
html[data-refresh] .connection-family{display:flex;gap:18px;margin-bottom:22px}
html[data-refresh] .connection-family .family-grid{display:flex;gap:6px}
html[data-refresh] .family-grid .choice{min-width:120px;flex-direction:row;min-height:46px;border:0;background:transparent;font-size:15px;border-radius:13px;padding:10px 18px}
html[data-refresh] .family-grid .choice[aria-pressed=true]{background:var(--tint);color:var(--accent)}
html[data-refresh] .connection-layout{grid-template-columns:270px minmax(0,1fr);gap:22px;align-items:start}
html[data-refresh] .selection-panel{padding:23px 12px}
html[data-refresh] .selection-section{padding:0;border:0}
html[data-refresh] .selection-section h2{font-size:15px;letter-spacing:0;padding:2px 13px 17px;margin:0}
html[data-refresh] .selection-number,html[data-refresh] .selection-foot,html[data-refresh] .system-badge{display:none}
html[data-refresh] .app-grid{display:flex;flex-direction:column;gap:5px}
html[data-refresh] .app-grid .choice{border:0;border-radius:13px;background:transparent;min-height:56px;display:flex;gap:13px;align-items:center;justify-content:flex-start;padding:12px 14px;text-align:left;font-size:15px}
html[data-refresh] .choice[aria-pressed=true],html[data-refresh] .quality-option:has(input:checked){background:var(--tint);color:var(--accent);border-color:transparent;box-shadow:none}
html[data-refresh] .choice[aria-pressed=true]:before,html[data-refresh] .choice[aria-pressed=true]:after{display:none}
html[data-refresh] .app-grid .choice svg{width:25px;height:25px}
html[data-refresh] .guide-heading{padding:27px 30px 18px;border:0}
html[data-refresh] .guide-heading h2{font-size:27px;letter-spacing:-.6px}
html[data-refresh] .guide-heading-text>span{font-size:14px;color:var(--muted)}
html[data-refresh] .selected-app-mark{background:var(--surface2);color:var(--accent);border:0;border-radius:14px;width:48px;height:48px}
html[data-refresh] .connection-system{margin:0 30px 24px;padding:0 0 22px;border-bottom:1px solid var(--line)}
html[data-refresh] .connection-system h2{font-size:14px;color:var(--muted);margin:0 0 10px;letter-spacing:0}
html[data-refresh] .os-grid{display:flex;gap:8px;flex-wrap:wrap}
html[data-refresh] .os-grid .choice{min-height:43px;padding:9px 14px;background:var(--surface2);border:0;border-radius:11px;font-size:14px;gap:8px;display:flex;align-items:center}
html[data-refresh] .os-grid .choice[aria-pressed=true]{background:var(--tint);color:var(--accent)}
html[data-refresh] .guide-content{padding:0 30px 20px}
html[data-refresh] .step-content{min-width:0}
html[data-refresh] .step-content h3{font-size:17px}
html[data-refresh] .step-content p{font-size:15px;color:var(--muted)}
html[data-refresh] .step-marker{width:32px;height:32px;background:var(--surface2);font-size:14px;border:0;color:var(--ink)}
html[data-refresh] .setup-steps>li{gap:17px;padding-bottom:30px}
html[data-refresh] .setup-steps>li:before{display:none}
html[data-refresh] .step-heading{gap:10px;flex-wrap:wrap}
html[data-refresh] .step-heading .text-button{font-size:13px}
html[data-refresh] .command-card{border:0;border-radius:17px;background:var(--surface2);overflow:hidden}
html[data-refresh] .command-topline{border-color:var(--line);font-size:13px;padding:12px 16px}
html[data-refresh] .command-duration{font-size:12px}
html[data-refresh] .command-main{padding:16px;gap:15px;align-items:start}
html[data-refresh] .command-hint{font-size:14px}
html[data-refresh] .command-preview{border-color:var(--line)}
html[data-refresh] .command-preview summary{font-size:13px;padding:12px 16px}
html[data-refresh] .extra summary{font-size:15px;min-height:54px;padding:14px 0}
html[data-refresh] .extra-content{font-size:14px}
html[data-refresh] .inline-status,html[data-refresh] .detail-note,html[data-refresh] .detail-privacy{font-size:14px;line-height:1.6}
html[data-refresh] .after-guide,html[data-refresh] .data-page-note{font-size:14px}
html[data-refresh] .data-toolbar{padding:26px;gap:20px}
html[data-refresh] .catalog-search,html[data-refresh] .model-search{border:0;background:var(--surface2);border-radius:13px;min-height:48px}
html[data-refresh] .catalog-search input,html[data-refresh] .model-search input{background:transparent;min-width:0;font-size:15px;box-shadow:none}
html[data-refresh] .cost-segment,html[data-refresh] .history-filters{background:var(--surface2);border:0;padding:4px;border-radius:13px;gap:4px}
html[data-refresh] .cost-segment button,html[data-refresh] .history-filters button{font-size:14px;min-height:39px;padding:8px 14px;border:0;border-radius:10px;background:transparent}
html[data-refresh] .cost-segment button[aria-pressed=true],html[data-refresh] .history-filters button[aria-pressed=true]{background:color-mix(in srgb,var(--surface2) 84%,var(--ink));box-shadow:none;color:var(--ink)}
html[data-refresh] .data-table-meta{font-size:13px;padding:0 27px 18px}
html[data-refresh] .catalog-table th,html[data-refresh] .history-table th{font-size:13px;font-weight:400;background:transparent;color:var(--muted);border-color:var(--line);padding-top:16px;padding-bottom:16px}
html[data-refresh] .catalog-table td,html[data-refresh] .history-table td{background:transparent;border-color:var(--line);padding-top:19px;padding-bottom:19px}
html[data-refresh] .catalog-table tr:hover td,html[data-refresh] .history-table tr:hover td{background:color-mix(in srgb,var(--surface2) 50%,transparent)}
html[data-refresh] .model-name-text strong,html[data-refresh] .request-model-button strong{font-size:16px;font-weight:500}
html[data-refresh] .model-name-text code,html[data-refresh] .request-model-button code{font-size:13px;margin-top:4px;color:var(--muted)}
html[data-refresh] .model-avatar{background:var(--surface2);border:0;border-radius:13px;width:42px;height:42px}
html[data-refresh] .context-value,html[data-refresh] .request-time{font-size:15px}
html[data-refresh] .context-value small,html[data-refresh] .request-date{font-size:13px;margin-top:3px}
html[data-refresh] .multiplier-value{font-size:18px}
html[data-refresh] .model-id-copy{width:44px;height:42px;padding:10px;min-width:44px}
html[data-refresh] .id-word{display:none}
html[data-refresh] .catalog-footer,html[data-refresh] .history-footer{border-color:var(--line);padding:22px 26px;font-size:14px}
html[data-refresh] .history-toolbar{padding:24px 26px;gap:16px}
html[data-refresh] .history-filter-note,html[data-refresh] .request-duration{font-size:13px}
html[data-refresh] .result-pill{font-size:13px;border:0;background:transparent!important;padding:3px 0;gap:7px;white-space:nowrap}
html[data-refresh] .result-pill svg{width:15px;height:15px}
html[data-refresh] .request-open{height:40px;width:40px;border:0;border-radius:11px;background:var(--surface2)}
html[data-refresh] .data-empty{padding:40px 25px}
html[data-refresh] .data-empty h3{font-size:20px}
html[data-refresh] .data-empty p{font-size:15px}
html[data-refresh] .model-family-tabs{display:flex;gap:5px;padding:0 26px 16px;flex-wrap:wrap}
html[data-refresh] .model-family-tabs button{min-height:42px;padding:9px 15px;border:0;background:transparent;border-radius:11px;font-size:14px}
html[data-refresh] .model-family-tabs button[aria-pressed=true]{color:var(--accent);background:var(--tint)}
html[data-refresh] .image-layout{display:grid;grid-template-columns:minmax(340px,.8fr) minmax(0,1.2fr);gap:24px;align-items:start}
html[data-refresh] .image-feedback{grid-column:1/-1;margin:0;padding:16px 20px;border-radius:15px;font-size:14px}
html[data-refresh] .image-form-panel,html[data-refresh] .image-result-panel{padding:26px}
html[data-refresh] .image-modes{display:flex;align-self:start;background:var(--surface2);border:0;padding:4px;border-radius:13px;margin-bottom:24px}
html[data-refresh] .image-modes button{background:transparent;border:0;border-radius:10px;min-height:40px;padding:9px 16px;font-size:14px}
html[data-refresh] .image-modes button[aria-pressed=true]{background:color-mix(in srgb,var(--surface2) 83%,var(--ink));color:var(--ink);box-shadow:none}
html[data-refresh] .field-heading,html[data-refresh] .field-label{font-size:14px;font-weight:500;margin-bottom:10px}
html[data-refresh] #im-prompt{padding:15px;min-height:140px;font-size:15px;border:0;border-radius:14px;background:var(--surface2)}
html[data-refresh] .prompt-bottom{font-size:12px;gap:8px;margin-top:7px;margin-bottom:24px}
html[data-refresh] .parameter-grid{grid-template-columns:1fr;gap:20px}
html[data-refresh] .picker-trigger{font-size:14px;min-height:48px;border:0;border-radius:13px;background:var(--surface2);color:var(--ink);padding:12px 15px}
html[data-refresh] .picker-trigger:focus-visible,html[data-refresh] .picker-trigger[aria-expanded=true]{outline:0;box-shadow:0 0 14px color-mix(in srgb,var(--accent) 14%,transparent);background:var(--tint)}
html[data-refresh] .picker-menu{background:var(--surface2);border:0;border-radius:17px;box-shadow:0 20px 50px #0007;padding:7px;z-index:25}
html[data-refresh] .picker-option{border:0;border-radius:11px;padding:12px;font-size:14px;min-height:56px}
html[data-refresh] .picker-option[aria-selected=true]{background:var(--tint);color:var(--accent)}
html[data-refresh] .picker-copy strong{font-size:14px}
html[data-refresh] .picker-copy small{font-size:12px}
html[data-refresh] .quality{margin-top:22px}
html[data-refresh] .quality-options{gap:8px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
html[data-refresh] .quality-option{border:0;background:var(--surface2);padding:12px 9px;border-radius:13px;min-height:72px;cursor:pointer;outline:0}
html[data-refresh] .quality-option:focus-within{box-shadow:0 0 14px color-mix(in srgb,var(--accent) 20%,transparent)}
html[data-refresh] .quality-title{font-size:12px;gap:4px}
html[data-refresh] .quality-option strong{font-size:11px;font-weight:400;white-space:nowrap;margin-top:6px;color:var(--muted)}
html[data-refresh] .quality-title i{width:9px;height:9px;border-width:1px}
html[data-refresh] .submit-row{display:flex;flex-direction:column;align-items:stretch;border-color:var(--line);margin-top:24px;padding-top:20px;gap:20px}
html[data-refresh] .charge-summary{font-size:13px;line-height:1.7}
html[data-refresh] .charge-summary strong{font-size:15px}
html[data-refresh] .create-button{width:100%;font-size:14px;padding:13px 10px}
html[data-refresh] .generation-note,html[data-refresh] .bottom-note{font-size:13px}
html[data-refresh] .result-heading{gap:12px;align-items:start;margin-bottom:22px}
html[data-refresh] .result-heading h2{font-size:20px}
html[data-refresh] .result-label{font-size:12px;max-width:185px;line-height:1.5}
html[data-refresh] .result-canvas{border:0;background:var(--page);border-radius:19px;min-height:500px;aspect-ratio:auto}
html[data-refresh] .empty-result{padding:24px}
html[data-refresh] .empty-result h3{font-size:21px}
html[data-refresh] .empty-result p{font-size:15px}
html[data-refresh] .source-upload{background:var(--surface2);border:0;border-radius:14px;padding:16px}
html[data-refresh] .source-heading{font-size:14px;flex-wrap:wrap;gap:6px}
html[data-refresh] .source-heading span,html[data-refresh] #im-source-name{font-size:12px}
html[data-refresh] .source-upload img{border-radius:11px;width:86px;height:86px}
html[data-refresh] dialog{background:var(--surface);color:var(--ink);border:0;border-radius:27px;width:min(570px,calc(100vw - 32px));max-height:calc(100dvh - 48px);padding:0;box-shadow:0 26px 90px #0006}
html[data-refresh] dialog::backdrop{background:#060B1099;backdrop-filter:blur(5px)}
html[data-refresh] .dialog-top{padding:28px 28px 0;gap:18px;align-items:start}
html[data-refresh] .dialog-heading{gap:13px;align-items:center}
html[data-refresh] .dialog-heading h2{font-size:23px;letter-spacing:-.4px}
html[data-refresh] .dialog-symbol{border:0;background:var(--surface2);border-radius:13px;color:var(--accent);width:42px;height:42px}
html[data-refresh] .dialog-body{padding:22px 28px 28px;font-size:15px;line-height:1.7}
html[data-refresh] .dialog-body .dialog-lead{font-size:16px;color:var(--muted);margin-bottom:22px}
html[data-refresh] .dialog-body h3{font-size:15px;margin:22px 0 12px}
html[data-refresh] .dialog-actions{gap:12px;margin-top:26px;flex-wrap:wrap}
html[data-refresh] .appearance-palettes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
html[data-refresh] .palette-option{border:0;border-radius:16px;background:var(--surface2);padding:18px;min-height:100px;text-align:left}
html[data-refresh] .palette-option[aria-pressed=true]{background:var(--tint);box-shadow:none}
html[data-refresh] .palette-swatches{display:flex;gap:7px;margin-bottom:12px}
html[data-refresh] .palette-swatches i{width:24px;height:24px;border:0;border-radius:50%}
html[data-refresh] .palette-caption{display:flex;align-items:center;justify-content:space-between;font-size:14px}
html[data-refresh] .palette-dot{background:var(--palette-dot)}
html[data-refresh] .palette-dot.graphite{background:#111619}
html[data-refresh] .palette-dot.panel{background:#35434E}
html[data-refresh] .theme-choices{display:flex;gap:8px}
html[data-refresh] .theme-choice{border:0;border-radius:12px;background:var(--surface2);font-size:13px;min-height:46px;padding:10px;flex:1}
html[data-refresh] .theme-choice[aria-pressed=true]{background:var(--tint);color:var(--accent)}
html[data-refresh] .appearance-note{font-size:13px;color:var(--muted);margin-top:15px}
html[data-refresh] .input-row{background:var(--surface2);border:0;border-radius:14px;padding:4px}
html[data-refresh] .input-row input{background:transparent;font-size:14px}
html[data-refresh] .manual-field{background:var(--surface2);border:0;border-radius:13px;padding:14px}
html[data-refresh] .manual-field small{font-size:12px}
html[data-refresh] .manual-field code{font-size:13px}
html[data-refresh] .detail-grid{gap:12px}
html[data-refresh] .detail-stat,html[data-refresh] .model-extra-specs>div{border:0;background:var(--surface2);border-radius:15px;padding:18px}
html[data-refresh] .detail-stat>span{font-size:13px}
html[data-refresh] .detail-stat>strong{font-size:24px}
html[data-refresh] .detail-model-id{border:0;background:var(--surface2);border-radius:13px;font-size:14px;overflow-wrap:anywhere}
html[data-refresh] .request-explanation,html[data-refresh] .info-box{border:0;border-radius:14px;font-size:14px;padding:18px}
html[data-refresh] .dialog-steps{font-size:15px}
html[data-refresh] .login-view{padding:72px 24px 60px;min-height:calc(100dvh - 150px)}
html[data-refresh] .login-card{width:min(100%,500px);background:var(--surface);border:0;border-radius:28px;padding:36px;box-shadow:var(--shadow)}
html[data-refresh] .login-card h1{font-size:30px}
html[data-refresh] .login-description{font-size:16px;line-height:1.65;color:var(--muted)}
html[data-refresh] .login-symbol{background:var(--surface2);border:0;border-radius:15px;margin-bottom:22px;color:var(--accent)}
html[data-refresh] .login-input-wrap{background:var(--surface2);border:0;border-radius:14px;min-height:53px}
html[data-refresh] .login-input-wrap input{background:transparent;font-size:16px}
html[data-refresh] .login-input-wrap:focus-within{border:0;box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 55%,transparent)}
html[data-refresh] .login-input-wrap input:focus-visible{box-shadow:none}
html[data-refresh] .login-field-meta,html[data-refresh] .login-feedback,html[data-refresh] .login-card-footer,html[data-refresh] .login-below{font-size:13px}
html[data-refresh] .login-submit{margin-top:22px;min-height:50px}
html[data-refresh] .login-help-link{font-size:14px;margin-top:18px}
html[data-refresh] .login-card-footer{border-color:var(--line);margin-top:25px;padding-top:23px}
html[data-refresh] .site-footer{background:transparent;border-color:var(--line)}
html[data-refresh] .footer-inner{max-width:1440px;padding:24px 36px;font-size:13px}
html[data-refresh] .toast{font-size:14px;background:var(--surface2);color:var(--ink);border:0;border-radius:14px;padding:15px 19px;box-shadow:0 8px 30px #0005}
html[data-refresh] .support-notice{border:0;border-radius:20px;background:var(--surface2)}
html[data-refresh] .language-switch{border:0;background:var(--surface2);border-radius:11px}
html[data-refresh] .language-switch button{min-height:37px;font-size:12px}
html[data-refresh] .language-switch button[aria-pressed=true]{background:color-mix(in srgb,var(--surface2) 80%,var(--ink));color:var(--ink);box-shadow:none}
@media(max-width:1100px){html[data-refresh] .header-inner{gap:30px;padding:0 24px}html[data-refresh] .main-nav{gap:20px}html[data-refresh] .home-grid{grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr)}html[data-refresh] .home-controls{grid-template-columns:1fr}html[data-refresh] .home-programs button{flex-direction:column;gap:8px}html[data-refresh] .image-layout{grid-template-columns:minmax(330px,.9fr) minmax(0,1.1fr)}html[data-refresh] .data-toolbar{gap:12px}html[data-refresh] .home-panel{padding:25px}html[data-refresh] .command-main{flex-direction:column}html[data-refresh] .history-filter-note{display:none}}
@media(max-width:850px){html[data-refresh] .header-inner{min-height:70px;gap:22px;flex-wrap:wrap;padding-top:14px;padding-bottom:0}html[data-refresh] .brand{font-size:23px}html[data-refresh] .header-actions{margin-left:auto}html[data-refresh] .main-nav{order:3;width:100%;min-height:51px;justify-content:space-between;gap:12px;overflow:auto}html[data-refresh] .nav-item{font-size:14px;flex:none;min-height:48px}html[data-refresh] .page-shell{padding:30px 24px 24px}html[data-refresh] .page-heading{align-items:flex-start;gap:20px}html[data-refresh] h1{font-size:32px}html[data-refresh] .balance{min-width:220px;padding-left:20px}html[data-refresh] .balance-row>strong{font-size:23px}html[data-refresh] .home-grid{grid-template-columns:1fr}html[data-refresh] .home-controls{grid-template-columns:1fr 1.3fr}html[data-refresh] .home-programs button{flex-direction:row}html[data-refresh] .home-key{max-width:500px}html[data-refresh] .connection-layout{grid-template-columns:220px minmax(0,1fr);gap:16px}html[data-refresh] .guide-heading{padding:24px}html[data-refresh] .guide-content{padding:0 24px 20px}html[data-refresh] .connection-system{margin:0 24px 24px}html[data-refresh] .image-layout{grid-template-columns:1fr}html[data-refresh] .parameter-grid{grid-template-columns:1fr 1fr}html[data-refresh] .result-canvas{min-height:380px}html[data-refresh] .image-result-panel{min-height:400px}html[data-refresh] .quality-title{font-size:14px}html[data-refresh] .quality-option strong{font-size:13px}html[data-refresh] .data-toolbar{flex-wrap:wrap}html[data-refresh] .catalog-search{max-width:none;flex:1 1 100%}html[data-refresh] .result-label{max-width:none}}
@media(max-width:640px){html[data-refresh] .header-inner{padding-left:18px;padding-right:18px}html[data-refresh] .brand{font-size:22px}html[data-refresh] .header-actions{gap:0}html[data-refresh] .header-actions .icon-button{width:36px;min-width:36px;height:40px}html[data-refresh] .main-nav{gap:17px;justify-content:flex-start}html[data-refresh] .nav-item{font-size:14px}html[data-refresh] .page-shell{padding:28px 16px 24px}html[data-refresh] .page-heading{flex-direction:column;align-items:stretch;margin-bottom:24px}html[data-refresh] h1{font-size:30px}html[data-refresh] .page-heading>div>p{font-size:15px}html[data-refresh] .balance{border:0;padding:14px 0 0;min-width:0;max-width:none;display:flex;gap:16px;align-items:center;justify-content:space-between}html[data-refresh] .balance-row{margin:0;gap:8px}html[data-refresh] .balance-row>strong{font-size:22px}html[data-refresh] .balance-topup{font-size:13px;padding:9px 12px}html[data-refresh] .home-panel{padding:23px 20px;border-radius:23px}html[data-refresh] h2{font-size:22px}html[data-refresh] .home-programs{gap:8px;margin:22px 0}html[data-refresh] .home-programs button{flex-direction:column;font-size:14px;padding:13px 6px;min-height:86px}html[data-refresh] .home-controls{grid-template-columns:1fr;gap:18px}html[data-refresh] .home-key{padding:6px;gap:0}html[data-refresh] .home-key code{font-size:13px}html[data-refresh] .home-key .button{padding:7px 10px;font-size:12px}html[data-refresh] .home-key .button svg{display:none}html[data-refresh] .home-recent-heading{align-items:start}html[data-refresh] .home-recent-heading .text-button{white-space:nowrap;font-size:12px}html[data-refresh] .home-recent th:nth-child(2),html[data-refresh] .home-recent td:nth-child(2){display:none}html[data-refresh] .home-recent td,html[data-refresh] .home-recent td button{font-size:13px}html[data-refresh] .home-recent h2{font-size:20px}html[data-refresh] .connection-layout{grid-template-columns:1fr}html[data-refresh] .connection-family .family-grid{width:100%;gap:4px}html[data-refresh] .family-grid .choice{min-width:0;flex:1;padding:10px 12px;font-size:14px}html[data-refresh] .selection-panel{padding:20px}html[data-refresh] .app-grid{flex-direction:row;flex-wrap:wrap;gap:8px}html[data-refresh] .app-grid .choice{flex:1 1 43%;padding:11px 10px;min-height:48px;background:var(--surface2);font-size:14px;gap:8px}html[data-refresh] .app-grid .choice[aria-pressed=true]{background:var(--tint)}html[data-refresh] .selection-section h2{padding:0 0 14px}html[data-refresh] .guide-heading{padding:23px 20px 20px}html[data-refresh] .guide-heading h2{font-size:23px}html[data-refresh] .guide-content{padding:0 20px 20px}html[data-refresh] .connection-system{margin:0 20px 24px}html[data-refresh] .step-content h3{font-size:16px}html[data-refresh] .step-content p{font-size:14px}html[data-refresh] .step-heading .text-button{font-size:12px}html[data-refresh] .command-duration{font-size:11px}html[data-refresh] .command-topline{padding:11px;font-size:12px}html[data-refresh] .command-main{padding:13px}html[data-refresh] .command-main .button{font-size:13px;width:100%}html[data-refresh] .setup-steps>li{gap:12px}html[data-refresh] .step-marker{width:26px;height:26px;font-size:12px}html[data-refresh] .data-toolbar{padding:20px;gap:14px}html[data-refresh] .model-family-tabs{padding:0 16px 15px;gap:2px}html[data-refresh] .model-family-tabs button{padding:9px 10px;font-size:13px}html[data-refresh] .data-table-meta{padding-left:20px;padding-right:20px;gap:10px}html[data-refresh] .data-table-meta span{font-size:12px}html[data-refresh] .catalog-table th:first-child,html[data-refresh] .catalog-table td:first-child,html[data-refresh] .history-table th:first-child,html[data-refresh] .history-table td:first-child{padding-left:18px}html[data-refresh] .catalog-table th:last-child,html[data-refresh] .catalog-table td:last-child,html[data-refresh] .history-table th:last-child,html[data-refresh] .history-table td:last-child{padding-right:18px}html[data-refresh] .model-avatar{display:none}html[data-refresh] .model-name-text strong,html[data-refresh] .request-model-button strong{font-size:14px}html[data-refresh] .model-name-text code,html[data-refresh] .request-model-button code{font-size:11px;overflow-wrap:anywhere}html[data-refresh] .context-column{display:table-cell!important}html[data-refresh] .context-value{font-size:12px}html[data-refresh] .context-value small{font-size:10px}html[data-refresh] .multiplier-value{font-size:15px}html[data-refresh] .model-id-copy{width:34px;height:36px;min-width:34px;padding:7px}html[data-refresh] .catalog-table th,html[data-refresh] .history-table th{font-size:11px}html[data-refresh] .catalog-table td,html[data-refresh] .history-table td{padding-top:16px;padding-bottom:16px;padding-left:7px;padding-right:7px}html[data-refresh] .history-toolbar{padding:18px}html[data-refresh] .history-filters{gap:1px;flex-wrap:wrap}html[data-refresh] .history-filters button{padding:7px 9px;font-size:12px}html[data-refresh] .result-pill{font-size:11px}html[data-refresh] .request-time{font-size:12px}html[data-refresh] .request-date{font-size:10px}html[data-refresh] .duration-column{display:none}html[data-refresh] .catalog-footer,html[data-refresh] .history-footer{padding:18px;font-size:13px}html[data-refresh] .image-form-panel,html[data-refresh] .image-result-panel{padding:22px 18px;border-radius:23px}html[data-refresh] .parameter-grid{grid-template-columns:1fr}html[data-refresh] .result-canvas{min-height:320px}html[data-refresh] .result-heading{flex-direction:column;gap:5px}html[data-refresh] .quality-title{font-size:12px}html[data-refresh] .quality-option strong{font-size:11px}html[data-refresh] .quality-option{padding:12px 8px}html[data-refresh] .charge-summary{font-size:12px}html[data-refresh] .charge-summary strong{font-size:14px}html[data-refresh] .picker-menu{max-height:300px}html[data-refresh] .dialog-top{padding:22px 20px 0}html[data-refresh] .dialog-body{padding:20px}html[data-refresh] .dialog-heading h2{font-size:21px}html[data-refresh] .dialog-symbol{width:34px;height:34px}html[data-refresh] .dialog-body .dialog-lead{font-size:15px}html[data-refresh] .theme-choice{font-size:12px;padding:8px}html[data-refresh] .theme-choice svg{width:16px}html[data-refresh] .login-view{padding:38px 16px}html[data-refresh] .login-card{padding:28px 22px;border-radius:25px}html[data-refresh] .login-card h1{font-size:27px}html[data-refresh] .login-description{font-size:15px}html[data-refresh] .login-field-meta{font-size:12px}html[data-refresh] .footer-inner{padding:20px 18px}html[data-refresh] .footer-caption{display:none}html[data-refresh] .result-actions{flex-direction:column;align-items:stretch;gap:15px}}
/* Final desktop density and the OS menu share the same control geometry. */
html[data-refresh] .header-inner{display:flex;align-items:center;max-width:1380px;min-height:72px}
html[data-refresh] .main-nav{overflow-y:hidden;scrollbar-width:none}
html[data-refresh] .main-nav::-webkit-scrollbar{display:none}
html[data-refresh] .page-shell{max-width:1380px;padding-top:32px}
html[data-refresh] h1{font-size:34px}
html[data-refresh] .page-heading{margin-bottom:26px}
html[data-refresh] .home-panel{padding:26px}
html[data-refresh] .home-programs{margin:20px 0}
html[data-refresh] .home-programs button{min-height:72px;padding:12px}
html[data-refresh] .home-controls{margin-bottom:18px;gap:18px}
html[data-refresh] .button,html[data-refresh] .create-button{min-height:44px;padding:10px 18px;font-size:14px}
html[data-refresh] .home-recent{padding:24px 26px 12px}
html[data-refresh] .home-recent td{padding:12px 0}
html[data-refresh] .app-grid .choice{min-height:51px}
html[data-refresh] .guide-heading h2{font-size:25px}
html[data-refresh] .catalog-table td,html[data-refresh] .history-table td{padding-top:16px;padding-bottom:16px}
html[data-refresh] .system-picker{position:relative;min-width:0}
html[data-refresh] .system-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:49px;border:0;background:var(--surface2);border-radius:13px;padding:12px 15px;font-size:15px;color:var(--ink);text-align:left}
html[data-refresh] .system-trigger:hover,html[data-refresh] .system-trigger[aria-expanded=true]{background:color-mix(in srgb,var(--surface2) 90%,var(--ink))}
html[data-refresh] .system-chevron{font-size:18px;line-height:1;color:var(--muted);transition:transform 160ms ease}
html[data-refresh] .system-trigger[aria-expanded=true] .system-chevron{transform:rotate(180deg)}
html[data-refresh] .system-menu{position:absolute;z-index:28;left:0;right:0;top:calc(100% + 8px);padding:6px;background:var(--surface2);border:0;border-radius:16px;box-shadow:0 14px 36px #0005}
html[data-refresh] .system-option{min-height:43px;border-radius:10px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;cursor:pointer}
html[data-refresh] .system-option:hover,html[data-refresh] .system-option:focus-visible{outline:0;background:color-mix(in srgb,var(--surface2) 86%,var(--ink))}
html[data-refresh] .system-option[aria-selected=true]{background:var(--tint);color:var(--accent)}
html[data-refresh] .system-option[aria-disabled=true]{color:var(--subtle);opacity:.45;cursor:not-allowed}
html[data-refresh] .system-option[aria-disabled=true]:hover{background:transparent}
html[data-refresh] .system-check{visibility:hidden;color:var(--accent)}
html[data-refresh] .system-option[aria-selected=true] .system-check{visibility:visible}
html[data-refresh] .history-toolbar{flex-wrap:wrap}
@media(max-width:640px){html[data-refresh] .header-inner{gap:8px;row-gap:0;padding-top:9px;min-height:65px}html[data-refresh] .header-actions{gap:0}html[data-refresh] .main-nav{min-height:45px;gap:14px;justify-content:space-between}html[data-refresh] .nav-item{font-size:13px;min-height:44px}html[data-refresh] .brand{font-size:20px}html[data-refresh] .header-actions .icon-button{width:32px;min-width:32px}html[data-refresh] .language-switch button{padding-left:7px;padding-right:7px;min-height:34px}}
html[data-refresh] .context-column{display:table-cell!important}
html[data-refresh] .history-search{flex:1 1 260px;max-width:380px}
html[data-refresh] dialog[data-kind=request-details]{margin:20px 20px 20px auto;height:calc(100dvh - 40px);max-height:none;width:min(470px,calc(100vw - 32px));border-radius:25px}
html[data-refresh] dialog.diagnostic-dialog{padding:28px}
html[data-refresh] .diagnostic-dialog>h2{margin-bottom:18px}
html[data-refresh] .diagnostic-dialog>p{margin-bottom:20px;font-size:15px}
html[data-refresh] .diagnostic-dialog>textarea{width:100%;margin-bottom:22px;font:13px/1.6 Consolas,monospace;max-height:350px}
html[data-refresh] .diagnostic-dialog>.button{margin-right:10px;margin-bottom:8px}
html[data-refresh] .picker-option:focus-visible{outline:0;background:var(--tint);box-shadow:inset 0 0 18px color-mix(in srgb,var(--accent) 12%,transparent)}
@media(max-width:640px){html[data-refresh] h1{font-size:30px}html[data-refresh] .page-shell{padding-top:26px}html[data-refresh] .balance{display:block;padding-top:8px}html[data-refresh] .balance-label{margin-bottom:8px}html[data-refresh] .balance-row{display:flex;justify-content:flex-start}html[data-refresh] .balance-row>strong{margin-right:auto}html[data-refresh] .home-panel{padding:22px 20px}html[data-refresh] .home-recent{padding:22px 18px 12px}html[data-refresh] .history-search{max-width:none;flex-basis:100%}html[data-refresh] dialog[data-kind=request-details]{margin:12px;height:calc(100dvh - 24px);width:calc(100vw - 24px)}html[data-refresh] .diagnostic-dialog{padding:22px!important}}
@media(max-width:640px){
  html[data-refresh] .catalog-table,html[data-refresh] .catalog-table tbody{display:block;min-width:0;width:100%}
  html[data-refresh] .catalog-table thead{display:none}
  html[data-refresh] .catalog-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 14px;padding:18px 20px;border-bottom:1px solid var(--line)}
  html[data-refresh] .catalog-table td{display:block;padding:0!important;border:0!important;min-width:0}
  html[data-refresh] .catalog-table td:first-child{grid-column:1;grid-row:1}
  html[data-refresh] .catalog-table td.context-column{display:block!important;grid-column:1;grid-row:2}
  html[data-refresh] .catalog-table td:nth-child(3){grid-column:2;grid-row:2;align-self:center;text-align:right}
  html[data-refresh] .catalog-table td:last-child{grid-column:2;grid-row:1;align-self:center}
  html[data-refresh] .model-name-button{width:100%;padding:0}
  html[data-refresh] .model-name-text{max-width:none;min-width:0}
  html[data-refresh] .model-name-text strong{font-size:15px;white-space:normal}
  html[data-refresh] .model-name-text code{font-size:12px;white-space:normal;overflow-wrap:anywhere}
  html[data-refresh] .context-value{font-size:13px;display:flex;align-items:center;gap:5px;flex-wrap:wrap}
  html[data-refresh] .context-value small{display:inline;font-size:11px;margin:0}
  html[data-refresh] .multiplier-value{font-size:15px}
  html[data-refresh] .catalog-table .model-id-copy{width:38px;height:38px;min-width:38px;background:var(--surface2)}
}
@media(prefers-reduced-motion:reduce){html[data-refresh] *,html[data-refresh] *:before,html[data-refresh] *:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Palette previews use CSS attributes to respect the production CSP. */
html[data-refresh] [data-palette-pick=peach]{--palette-dot:#FFA98D}
html[data-refresh] [data-palette-pick=pink]{--palette-dot:#F49DDA}
html[data-refresh] [data-palette-pick=lime]{--palette-dot:#C1ED85}
html[data-refresh] [data-palette-pick=amber]{--palette-dot:#F1D17C}

/* Batch workspace follows the existing rounded panels and four accents. */
html[data-refresh] .batch-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;font-size:14px}
html[data-refresh] #im-batch-prompts{max-height:370px;overflow:auto;overscroll-behavior:contain;padding-right:6px}
html[data-refresh] .batch-prompt{display:grid;grid-template-columns:1fr 36px;gap:5px;margin-bottom:14px}
html[data-refresh] .batch-prompt label{align-self:center;color:var(--muted);font-size:13px}
html[data-refresh] .batch-prompt textarea,html[data-refresh] #im-batch-bulk{grid-column:1/-1;width:100%;min-height:82px;resize:vertical;border:0;border-radius:12px;background:var(--surface2);padding:12px;color:var(--ink);font:inherit}
html[data-refresh] .batch-prompt .icon-button{width:32px;height:32px;font-size:22px;min-height:32px}
html[data-refresh] .batch-editor-actions{display:flex;align-items:start;gap:14px;flex-wrap:wrap;margin-bottom:16px}
html[data-refresh] #im-batch-import-details{flex:1;min-width:170px;font-size:14px}
html[data-refresh] #im-batch-import-details summary{padding:12px 0;cursor:pointer;color:var(--muted)}
html[data-refresh] #im-batch-import-details label{display:block;margin:8px 0;color:var(--muted)}
html[data-refresh] #im-batch-editor{margin-bottom:22px}
html[data-refresh] #im-batch-rows{max-height:600px;overflow:auto;overscroll-behavior:contain;margin-bottom:18px}
html[data-refresh] .batch-result{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:15px 0;border-bottom:1px solid var(--line);font-size:13px}
html[data-refresh] .batch-result strong{font-weight:500;min-width:90px}
html[data-refresh] .batch-status{color:var(--muted);flex:1}
html[data-refresh] .batch-status.state-complete{color:var(--success)}
html[data-refresh] .batch-status.state-uncertain{color:var(--warning)}
html[data-refresh] .batch-result small{flex-basis:100%;color:var(--muted);line-height:1.5}
html[data-refresh] #im-batch-preview{max-width:100%;max-height:460px;object-fit:contain;margin-top:20px;border-radius:18px}
html[data-refresh] #im-batch-results:has(#im-batch-rows:empty){min-height:300px}

html[data-refresh] #images-view .image-layout{grid-template-columns:minmax(330px,1fr) minmax(0,1.05fr)}
@media(max-width:850px){html[data-refresh] #images-view .image-layout{grid-template-columns:1fr}}

.marketplace-label{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:4px 10px;border-radius:8px;background:var(--surface);color:var(--muted);font-size:12px;line-height:1.5}.marketplace-label:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent)}
@media(max-width:600px){html[data-refresh] .dialog-actions:has(>a.button){display:grid;grid-template-columns:1fr}html[data-refresh] .dialog-actions:has(>a.button)>a.button,html[data-refresh] .dialog-actions:has(>a.button)>button{width:100%;justify-content:center}}

html[data-refresh] .balance-notice{max-width:1312px;margin:24px auto 0;padding:19px 24px;border-radius:18px;background:color-mix(in srgb,var(--surface) 88%,var(--warning,#c9c485));display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--ink)}
html[data-refresh] .balance-notice strong{font-size:17px}
html[data-refresh] .balance-notice p{color:var(--muted);margin:7px 0 0;font-size:14px;line-height:1.6}
html[data-refresh] .balance-notice[data-zero=true]{background:color-mix(in srgb,var(--surface) 88%,#d79c70)}
html[data-refresh] .balance-notice[data-zero=true] strong{color:var(--warning,#e7bd93)}
html[data-refresh] .balance-notice .button{white-space:nowrap;flex-shrink:0}
@media(max-width:1400px){html[data-refresh] .balance-notice{margin:24px 32px 0}}
@media(max-width:700px){html[data-refresh] .balance-notice{margin:16px 16px 0;flex-direction:column;align-items:stretch;padding:20px}html[data-refresh] .balance-notice .button{width:100%;justify-content:center}}

.home-private-contact{margin:0;flex:0 0 auto;align-self:center}.home-private-contact .button{white-space:nowrap}.home-private-contact[hidden]{display:none!important}
@media(max-width:600px){.home-private-contact{align-self:flex-start}}

html[data-refresh] .home-private-contact .button.secondary{background:#d32f43;color:#fff;border-color:transparent;box-shadow:0 5px 20px #d32f4326}html[data-refresh] .home-private-contact .button.secondary:hover{background:#df3045;box-shadow:0 6px 24px #d32f4338}html[data-refresh] .home-private-contact .button.secondary:active{background:#b71f32}