@font-face{font-family:Onest;src:url('assets/onest.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--page:#F6F7FB;--surface:#fff;--surface2:#F0F1F7;--ink:#24243B;--muted:#62667D;--subtle:#686C83;--line:#DEE1EC;--accent:#6254E8;--accent-hover:#5142D1;--accent-pressed:#4433BF;--on-accent:#fff;--tint:#EFECFF;--tint-line:#C9C0FB;--success:#19704E;--success-bg:#EAF6EF;--error:#AE3446;--error-bg:#FFF0F2;--warning:#855714;--warning-bg:#FFF5DE;--shadow:0 24px 80px #22223C24;--shade:#17152C63;--focus:#6254E8;--radius:18px;color-scheme:light}
:root[data-palette=teal]{--page:#F4F8F7;--surface:#fff;--surface2:#EDF3F1;--ink:#1D3333;--muted:#536F6C;--subtle:#5B736F;--line:#D9E6E2;--accent:#08777B;--accent-hover:#076E73;--accent-pressed:#065F64;--on-accent:#fff;--tint:#E2F2EF;--tint-line:#A4D8CC;--focus:#08777B;--shadow:0 24px 80px #123C3324}
:root[data-palette=cobalt]{--page:#F5F7FA;--surface:#fff;--surface2:#EDF1F7;--ink:#1C2B43;--muted:#596B86;--subtle:#60718B;--line:#DBE2ED;--accent:#245DE0;--accent-hover:#194EC9;--accent-pressed:#1642AF;--on-accent:#fff;--tint:#E8EFFF;--tint-line:#B8CDF9;--focus:#245DE0;--shadow:0 24px 80px #122C4E24}
:root[data-mode=dark]{--page:#15151F;--surface:#20202D;--surface2:#282837;--ink:#F1F0FA;--muted:#B5B4C9;--subtle:#A2A1B8;--line:#383847;--accent:#AD9DFF;--accent-hover:#BDAFFF;--accent-pressed:#9D8BF4;--on-accent:#211A40;--tint:#302A49;--tint-line:#5C507A;--success:#8DD8AC;--success-bg:#20382D;--error:#FFA8B3;--error-bg:#422730;--warning:#E9C179;--warning-bg:#3B3324;--focus:#AD9DFF;--shadow:0 24px 80px #0007;--shade:#080912AE;color-scheme:dark}
:root[data-palette=teal][data-mode=dark]{--page:#131C1D;--surface:#1D292A;--surface2:#243234;--ink:#EDF5F2;--muted:#ACC3BE;--subtle:#9AB3AD;--line:#344647;--accent:#64D5C6;--accent-hover:#83E2D5;--accent-pressed:#4EC4B5;--on-accent:#102321;--tint:#223D39;--tint-line:#3F6962;--focus:#64D5C6}
:root[data-palette=cobalt][data-mode=dark]{--page:#141B26;--surface:#1F2938;--surface2:#263345;--ink:#EDF3FF;--muted:#B1BED4;--subtle:#9EADC5;--line:#364458;--accent:#86B5FF;--accent-hover:#A0C5FF;--accent-pressed:#71A3F3;--on-accent:#0D264C;--tint:#253A59;--tint-line:#415E86;--focus:#86B5FF}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:22px}body{margin:0;background:var(--page);color:var(--ink);font:15px/1.55 Onest,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,summary,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button:disabled{cursor:not-allowed}button,summary,a,input,select,textarea{outline-offset:4px}button:focus-visible,summary:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus)}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1{font-size:36px;line-height:1.2;letter-spacing:-1.3px;font-weight:660}h2,h3{font-weight:620}svg.icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}span[data-icon]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.muted{color:var(--muted)}.microcopy{font-size:12px!important;color:var(--subtle)!important}.skip{position:fixed;top:8px;left:12px;transform:translateY(-150%);padding:10px;background:var(--surface);z-index:100}.skip:focus{transform:none}
.reference-bar{background:var(--surface2);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:16px;padding:9px 28px;font-size:12px;min-height:43px;color:var(--muted)}.reference-label{display:flex;align-items:center;gap:7px;white-space:nowrap}.reference-dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.reference-note{color:var(--subtle)}.reference-controls,.mini-segment{display:flex;align-items:center;gap:4px}.reference-controls{gap:16px}.mini-segment button{background:transparent;display:flex;align-items:center;gap:6px;font-size:12px;padding:4px 8px;border-radius:6px;color:var(--muted)}.mini-segment button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #0000000C}.mini-segment i{width:9px;height:9px;border-radius:50%;background:var(--swatch)}.reference-theme{display:flex;align-items:center;padding:4px;background:transparent;color:var(--muted)}.reference-theme svg{width:16px;height:16px}.reference-link{background:transparent;padding:4px 0;font-size:12px;font-weight:550;color:var(--muted);text-underline-offset:3px}.reference-link:hover{color:var(--accent);text-decoration:underline}
.site-header{background:var(--surface);border-bottom:1px solid var(--line)}.header-inner{max-width:1240px;margin:auto;display:flex;align-items:center;min-height:78px;padding:0 28px;gap:64px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:23px;letter-spacing:-1px;font-weight:720;white-space:nowrap}.brand:hover{text-decoration:none}.brand-mark{width:33px;height:33px;color:var(--accent)}.brand-mark svg{width:100%;height:100%}.main-nav{align-self:stretch;display:flex;gap:29px}.nav-item{position:relative;background:transparent;font-size:14px;font-weight:550;color:var(--muted);padding:5px 0}.nav-item:hover{color:var(--ink)}.nav-item.active{color:var(--accent)}.nav-item.active:after{content:'';position:absolute;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--accent);left:0;right:0}.header-actions{margin-left:auto;display:flex;gap:8px}.icon-button{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:transparent;color:var(--muted)}.icon-button:hover,.tiny-icon:hover,.inline-icon:hover{background:var(--surface2);color:var(--accent)}.icon-button:active{background:var(--tint)}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);position:absolute;z-index:20;top:calc(100% + 9px);left:50%;transform:translateX(-50%);pointer-events:none;white-space:nowrap;border-radius:7px;padding:6px 9px;background:var(--ink);color:var(--surface);font:12px/1.4 Onest,sans-serif;opacity:0;visibility:hidden;box-shadow:0 2px 8px #0002}[data-tip]:hover:after,[data-tip]:focus-visible:after{opacity:1;visibility:visible}
.page-shell{max-width:1240px;margin:auto;padding:39px 28px 0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}.page-heading>div>p{color:var(--muted);margin-top:10px;font-size:15px}.balance{padding:2px 0 2px 26px;border-left:1px solid var(--line);min-width:260px}.balance-label{font-size:12px;display:flex;align-items:center;gap:6px;color:var(--muted)}.balance-row{display:flex;align-items:center;gap:9px;margin-top:4px}.balance-row>strong{font-size:25px;font-weight:640;letter-spacing:-.8px;font-variant-numeric:tabular-nums}.tiny-icon{background:transparent;display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;color:var(--muted);border-radius:7px}.tiny-icon svg{width:16px;height:16px}.balance-topup{font-size:12px;font-weight:600;display:flex;align-items:center;gap:5px;background:var(--tint);color:var(--accent);border-radius:7px;padding:7px 9px;margin-left:9px}.balance-topup svg{width:14px;height:14px}.balance-topup:hover{box-shadow:inset 0 0 0 1px var(--tint-line)}.balance-row.is-zero>strong{color:var(--error)}.connection-layout{display:grid;grid-template-columns:354px minmax(0,1fr);align-items:start;gap:26px}.selection-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.selection-section{padding:23px 23px 24px}.selection-section+.selection-section{border-top:1px solid var(--line)}.selection-section h2{font-size:14px;margin-bottom:15px;display:flex;align-items:center;gap:9px}.selection-number{color:var(--subtle);font-size:12px;font-weight:500;width:19px;height:19px;display:inline-flex;align-items:center;justify-content:center}.family-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.choice{display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:10px;font-size:12px;font-weight:550;padding:11px 8px;min-height:44px;transition:background 120ms,border-color 120ms,color 120ms}.choice:hover{background:var(--surface2);border-color:var(--subtle);color:var(--ink)}.choice:active{transform:translateY(1px)}.choice[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:var(--tint);box-shadow:inset 0 0 0 .3px var(--accent)}.choice:disabled{color:var(--subtle);opacity:.5;transform:none;border-color:var(--line)}.family-grid .choice{gap:7px;flex-direction:column;padding:11px 4px}.family-grid .choice svg{width:22px;height:22px}.app-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.app-grid .choice{justify-content:flex-start;text-align:left;padding:13px 11px;font-size:13px;min-height:56px;gap:9px}.app-grid .choice .app-mark{width:25px;height:25px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.app-grid .choice svg{width:22px;height:22px}.app-grid .choice .choice-label{line-height:1.4;min-width:0}.os-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.os-grid .choice{gap:6px;font-size:12px;padding:10px 3px;min-height:42px}.os-grid .choice svg{width:16px;height:16px}.os-grid.two{grid-template-columns:repeat(2,1fr)}.selection-foot{display:flex;align-items:flex-start;gap:11px;padding:18px 23px;border-top:1px solid var(--line);background:var(--page);color:var(--subtle)}.selection-foot svg{width:17px;height:17px;margin-top:2px}.selection-foot p{font-size:12px;line-height:1.6}
.guide-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-width:0;overflow:hidden}.guide-heading{display:flex;gap:13px;align-items:center;padding:25px 28px 22px;border-bottom:1px solid var(--line)}.selected-app-mark{width:45px;height:45px;border-radius:12px;background:var(--tint);color:var(--accent);display:flex;align-items:center;justify-content:center}.selected-app-mark svg{width:26px;height:26px}.guide-heading h2{font-size:21px;letter-spacing:-.5px;line-height:1.2}.guide-heading-text>span{font-size:12px;color:var(--muted);display:block;margin-top:5px}.system-badge{margin-left:auto;font-size:11px;color:var(--muted);border:1px solid var(--line);padding:5px 9px;border-radius:6px;white-space:nowrap}.guide-content{padding:24px 28px 13px}.setup-steps{list-style:none;padding:0;margin:0}.setup-steps>li{display:flex;position:relative;gap:14px;padding-bottom:25px}.setup-steps>li:not(:last-child):before{position:absolute;content:'';left:13px;top:33px;bottom:8px;width:1px;background:var(--line)}.step-marker{width:27px;height:27px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:560;flex-shrink:0;color:var(--muted);margin-top:0}.step-marker.current{background:var(--tint);color:var(--accent);border-color:var(--tint-line)}.step-content{min-width:0;width:100%}.step-content h3{font-size:15px;line-height:1.6}.step-content p{font-size:13px;line-height:1.65;color:var(--muted);margin-top:5px}.step-heading{display:flex;align-items:center;gap:12px;justify-content:space-between}.text-button{background:transparent;padding:3px 0;font-size:12px;font-weight:560;color:var(--accent);display:inline-flex;align-items:center;gap:5px;text-align:left}.text-button:hover{text-decoration:underline;text-underline-offset:3px}.text-button svg{width:15px;height:15px}.text-button.subdued{color:var(--muted)}.inline-icon{display:inline-flex;vertical-align:middle;background:transparent;color:var(--subtle);padding:2px;border-radius:4px;margin-left:4px}.inline-icon svg{width:14px;height:14px}.command-block{background:var(--page);border:1px solid var(--line);border-radius:12px;margin-top:14px;overflow:hidden}.command-topline{display:flex;gap:7px;align-items:center;padding:10px 13px;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.command-topline svg{width:14px;height:14px}.command-duration{margin-left:auto;display:inline-flex;align-items:center;gap:4px;color:var(--subtle);font-size:10px}.command-main{padding:16px 13px;display:flex;align-items:center;gap:14px;justify-content:space-between}.command-hint{font-size:11px;line-height:1.6;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:600;border:1px solid transparent;border-radius:9px;padding:11px 15px;min-height:42px;text-decoration:none;transition:background 120ms,border-color 120ms,box-shadow 120ms}.button svg{width:17px;height:17px}.button.primary{background:var(--accent);color:var(--on-accent)}.button.primary:hover{background:var(--accent-hover);text-decoration:none}.button.primary:active{background:var(--accent-pressed)}.button.secondary{background:var(--surface);border-color:var(--line);color:var(--ink)}.button.secondary:hover{background:var(--surface2);border-color:var(--subtle);text-decoration:none}.button.secondary:active{background:var(--tint)}.button.destructive{background:var(--error-bg);color:var(--error);border-color:color-mix(in srgb,var(--error) 25%,transparent)}.button.destructive:hover{border-color:var(--error)}.button:disabled{background:var(--surface2)!important;color:var(--subtle)!important;opacity:.7;border-color:var(--line)!important}.button.loading{cursor:wait;opacity:1}.spinner{display:inline-block;width:17px;height:17px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.command-preview{border-top:1px solid var(--line)}.command-preview summary{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);cursor:pointer;padding:8px 13px;list-style:none;width:max-content}.command-preview summary svg{width:13px;height:13px}.command-preview[open] summary svg{transform:rotate(180deg)}pre{font:12px/1.7 Consolas,'Courier New',monospace;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;color:var(--ink)}.command-preview pre{padding:0 13px 13px}.inline-status{font-size:12px;color:var(--success);display:flex;align-items:center;gap:6px;margin-top:8px}.inline-status:empty{display:none}.inline-status.error{display:block;color:var(--error);padding:9px 11px;background:var(--error-bg);border-radius:8px}.inline-status.error .text-button{color:var(--error);margin-left:8px}.inline-status svg{width:15px;height:15px}.extras{border-top:1px solid var(--line);margin-top:0}.extra+.extra{border-top:1px solid var(--line)}.extra summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none;padding:15px 0;font-size:13px;font-weight:540;color:var(--muted);user-select:none}.extra summary::-webkit-details-marker,.command-preview summary::-webkit-details-marker{display:none}.extra summary:hover{color:var(--accent)}.extra summary>span[data-icon]>svg{width:17px;height:17px}.summary-end{margin-left:auto}.summary-end svg{width:14px!important;height:14px!important}.extra[open]>summary{color:var(--ink)}.extra[open]>summary .summary-end{transform:rotate(180deg)}.extra-content{padding:0 0 17px 27px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;font-size:12px;color:var(--muted)}.extra-content p{max-width:66ch;line-height:1.7}.extra-content .button{font-size:11px;min-height:38px;padding:9px 12px}.button-row{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.manual-fields{width:100%;border:1px solid var(--line);border-radius:10px;overflow:hidden}.manual-field{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:var(--page);min-width:0}.manual-field+.manual-field{border-top:1px solid var(--line)}.manual-field small{display:block;color:var(--subtle);font-size:10px;margin-bottom:2px}.manual-field code{font-size:11px;font-family:Consolas,monospace;overflow-wrap:anywhere;color:var(--ink)}.manual-field>div{min-width:0}.app-specific{padding:10px 12px;margin-bottom:20px;border-radius:9px;color:var(--warning);background:var(--warning-bg);font-size:12px;line-height:1.7}.after-guide{display:flex;justify-content:center;align-items:center;gap:8px;color:var(--subtle);font-size:11px;padding:21px 0 30px}.after-guide svg{width:15px;height:15px}.page-alert{display:flex;align-items:flex-start;gap:12px;background:var(--warning-bg);border:1px solid color-mix(in srgb,var(--warning) 23%,transparent);color:var(--warning);padding:15px 18px;margin-bottom:22px;border-radius:12px;font-size:13px}.page-alert .alert-content{flex:1}.page-alert strong{display:block;font-weight:600}.page-alert p{font-size:12px;margin-top:3px}.page-alert .text-button{color:inherit}.page-alert.error{background:var(--error-bg);color:var(--error);border-color:color-mix(in srgb,var(--error) 25%,transparent)}.page-alert.success{background:var(--success-bg);color:var(--success);border-color:color-mix(in srgb,var(--success) 25%,transparent)}.skeleton{height:11px;border-radius:5px;width:120px;background:var(--line);display:block}.skeleton.short{width:70px}.skeleton.pulse{animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{opacity:.4}}
.site-footer{border-top:1px solid var(--line);margin-bottom:0}.footer-inner{max-width:1240px;display:flex;gap:22px;align-items:center;margin:auto;padding:22px 28px;color:var(--subtle);font-size:11px}.footer-brand{color:var(--muted);font-size:13px;font-weight:620;letter-spacing:-.3px}.footer-inner>.text-button{margin-left:auto;font-size:11px}.review-dock{position:relative;z-index:30;background:var(--surface);border-top:1px solid var(--line);padding:8px 28px;display:flex;align-items:center;justify-content:center;gap:14px;font-size:11px;color:var(--muted);min-height:47px}.review-dock select{background:var(--page);color:var(--ink);border:1px solid var(--line);font-size:11px;border-radius:6px;padding:5px 28px 5px 9px;max-width:240px}.review-dock .reference-link{font-size:11px}.toast-stack{position:fixed;z-index:90;bottom:24px;right:24px;max-width:min(400px,calc(100vw - 32px));display:flex;flex-direction:column;gap:8px}.toast{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--line);background:var(--surface);padding:14px 17px;border-radius:12px;box-shadow:0 8px 36px #0002;font-size:12px;color:var(--ink)}.toast svg{color:var(--success);width:18px;height:18px}.toast.error svg{color:var(--error)}
dialog{width:min(540px,calc(100vw - 32px));max-height:calc(100dvh - 80px);border:1px solid var(--line);border-radius:20px;padding:0;background:var(--surface);color:var(--ink);box-shadow:var(--shadow);overflow:auto;margin:auto}dialog::backdrop{background:var(--shade);backdrop-filter:blur(4px)}dialog.wide{width:min(760px,calc(100vw - 32px))}.dialog-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:25px 26px 0}.dialog-heading{display:flex;align-items:center;gap:12px}.dialog-heading h2{font-size:21px;letter-spacing:-.6px;line-height:1.4;margin-top:1px}.dialog-symbol{color:var(--accent);display:flex;width:37px;height:37px;border-radius:10px;background:var(--tint);align-items:center;justify-content:center;flex-shrink:0}.dialog-symbol svg{width:21px;height:21px}.dialog-top>.icon-button{margin-top:-2px;flex-shrink:0}.dialog-body{padding:18px 26px 26px;font-size:13px;line-height:1.75;color:var(--muted)}.dialog-body>p+p{margin-top:12px}.dialog-body h3{font-size:14px;color:var(--ink);margin:23px 0 11px}.dialog-body .dialog-lead{font-size:14px;max-width:58ch;margin-bottom:21px}.dialog-body .button{font-size:12px}.dialog-actions{display:flex;align-items:center;gap:10px;justify-content:flex-end;margin-top:24px}.appearance-palettes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.palette-option{display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:10px;padding:13px 12px;background:var(--page);border:1px solid var(--line);border-radius:12px;font-size:12px}.palette-option[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:var(--tint)}.palette-swatches{display:flex;gap:3px;width:100%;min-width:0}.palette-swatches i{display:block;height:20px;width:22px;max-width:22px;min-width:0;flex:1;border-radius:4px}.palette-caption{display:flex;justify-content:space-between;align-items:center;width:100%}.palette-caption svg{width:15px;height:15px;color:var(--accent)}.theme-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.theme-choice{display:flex;flex-direction:column;align-items:center;gap:8px;padding:15px 5px;background:var(--page);border:1px solid var(--line);border-radius:10px;font-size:12px;color:var(--muted)}.theme-choice[aria-pressed=true]{border-color:var(--accent);background:var(--tint);color:var(--accent)}.theme-choice svg{width:21px;height:21px}.appearance-note{font-size:12px;color:var(--subtle);margin-top:18px}.download-app{display:flex;align-items:center;gap:13px;padding:16px;background:var(--page);border:1px solid var(--line);border-radius:12px;margin-bottom:19px}.download-app .app-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--tint);color:var(--accent)}.download-app strong{display:block;color:var(--ink);font-size:15px}.download-app small{font-size:12px}.dialog-steps{padding-left:22px;display:grid;gap:10px}.dialog-steps li{padding-left:4px}.key-chord{display:inline-flex;gap:5px;vertical-align:middle;margin:0 4px}kbd{border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;background:var(--page);padding:2px 7px;font-size:12px;color:var(--ink);font-family:inherit}.dialog-code{padding:15px;background:var(--page);border:1px solid var(--line);border-radius:10px;margin-top:15px;max-height:360px;overflow:auto;color:var(--ink);font-size:11px}.file-toolbar{display:flex;align-items:center;flex-wrap:wrap;overflow-wrap:anywhere;gap:8px;margin-bottom:10px;font-size:11px;color:var(--subtle)}.file-toolbar .file-actions{display:flex;gap:4px;margin-left:auto}.field-label{display:block;color:var(--ink);font-size:12px;font-weight:550;margin-bottom:7px}.input-row{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:10px;padding:6px 7px;background:var(--page)}.input-row input{border:0;background:transparent;min-width:0;flex:1;padding:7px 6px;color:var(--ink);font-size:13px}.input-row:focus-within{border-color:var(--accent)}.input-row input:focus-visible{outline:0}.field-help{font-size:11px!important;color:var(--subtle);margin-top:8px!important}.clipboard-field{width:100%;resize:vertical;min-height:130px;border:1px solid var(--line);background:var(--page);color:var(--ink);padding:13px;border-radius:10px;font:12px/1.7 Consolas,monospace}.model-search{position:relative;margin:4px 0 17px}.model-search>svg{position:absolute;left:12px;top:13px;width:17px;height:17px;color:var(--subtle)}.model-search input{width:100%;background:var(--page);border:1px solid var(--line);border-radius:9px;color:var(--ink);font-size:13px;padding:10px 13px 10px 39px}.model-list{max-height:330px;overflow:auto}.model-line{display:flex;align-items:center;gap:9px;padding:12px 3px;border-bottom:1px solid var(--line)}.model-line .model-name{flex:1}.model-line strong{display:block;font-size:13px;color:var(--ink);font-weight:550}.model-line code{font-size:11px;color:var(--subtle)}.model-list .empty{padding:25px 10px;text-align:center;color:var(--subtle);font-size:13px}.info-box{padding:13px 15px;border:1px solid var(--line);border-radius:10px;background:var(--page);font-size:12px;line-height:1.7;margin-top:17px}.info-box.warning{background:var(--warning-bg);color:var(--warning);border-color:color-mix(in srgb,var(--warning) 20%,transparent)}.support-topics{display:flex;flex-direction:column;gap:7px;margin:15px 0}.support-topic{background:var(--page);border:1px solid var(--line);border-radius:9px;padding:12px 14px;color:var(--ink);text-align:left;display:flex;justify-content:space-between;font-size:12px}.support-topic:hover{border-color:var(--accent);background:var(--tint)}.support-topic svg{width:15px;height:15px}.support-answer{padding:12px 0 0;font-size:12px}.empty-state{padding:24px 0 10px;text-align:center}.empty-state .empty-symbol{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:15px;background:var(--tint);color:var(--accent);margin:0 auto 15px}.empty-state h3{font-size:18px;margin:10px 0}.empty-state p{max-width:36ch;margin:0 auto 17px;font-size:13px}.subtle-alert{display:flex;align-items:flex-start;gap:10px;padding:13px;border-radius:9px;background:var(--error-bg);color:var(--error);font-size:12px}.subtle-alert svg{width:17px;height:17px;margin-top:2px;flex-shrink:0}
.component-view{padding-bottom:34px}.component-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 32px}.component-intro{font-size:12px;color:var(--accent);margin-bottom:8px}.component-heading h1{font-size:32px;margin-bottom:10px}.specimen{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:16px;margin-bottom:18px;min-width:0}.specimen h2{font-size:19px;letter-spacing:-.4px;margin-bottom:7px}.specimen>p{font-size:12px;color:var(--muted);margin-bottom:21px}.state-grid{display:flex;gap:16px 22px;flex-wrap:wrap;align-items:flex-start}.state-item{display:flex;flex-direction:column;gap:8px;min-width:130px}.state-item>small{color:var(--muted);font-size:10px}.forced-hover{background:var(--accent-hover)!important}.forced-pressed{background:var(--accent-pressed)!important}.forced-focus{outline:3px solid var(--focus)!important;outline-offset:4px!important}.forced-success{background:var(--success-bg)!important;color:var(--success)!important;border-color:color-mix(in srgb,var(--success) 30%,transparent)!important}.icon-gallery{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.icon-cell{background:var(--page);border:1px solid var(--line);border-radius:10px;padding:13px 5px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:var(--muted)}.icon-cell svg{width:22px;height:22px;color:var(--ink)}.icon-cell span{font-size:9px;text-align:center;line-height:1.4}.window-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.window-card{min-width:0;padding:15px;border:1px solid var(--line);border-radius:11px;background:var(--page);display:flex;gap:10px;align-items:center;text-align:left;min-height:65px}.window-card>svg{color:var(--accent);width:21px;height:21px;flex-shrink:0}.window-card .window-name{font-size:12px;flex:1;min-width:0;overflow-wrap:anywhere}.window-card .chevron{color:var(--subtle);width:15px;height:15px}.window-card:hover{background:var(--tint);border-color:var(--tint-line)}.messages-gallery{display:grid;gap:10px}.message-example{padding:13px 15px;border-radius:10px;display:flex;gap:11px;align-items:flex-start;font-size:12px;line-height:1.65}.message-example strong{display:block;font-weight:600}.message-example svg{width:18px;height:18px;flex-shrink:0;margin-top:1px}.message-example.info{background:var(--tint);color:var(--accent)}.message-example.success{background:var(--success-bg);color:var(--success)}.message-example.warning{background:var(--warning-bg);color:var(--warning)}.message-example.error{background:var(--error-bg);color:var(--error)}.token-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.token-color{height:58px;border:1px solid var(--line);border-radius:8px;margin-bottom:8px}.token-grid small{display:block;font-size:10px;color:var(--muted)}.specimen .demo-field{max-width:380px;margin-top:20px}.specimen .demo-field .input-row{margin-top:6px}.component-notes{font-size:12px;color:var(--muted);padding:0 3px;line-height:1.8}
@media(min-width:1400px){.page-shell{padding-top:44px}.page-heading{margin-bottom:33px}.guide-content{padding-top:26px}.setup-steps>li{padding-bottom:28px}.connection-layout{gap:30px;grid-template-columns:365px minmax(0,1fr)}}
@media(max-width:1050px){.connection-layout{grid-template-columns:310px minmax(0,1fr);gap:18px}.selection-section{padding:20px 18px}.selection-foot{padding:16px 18px}.guide-content{padding:23px 20px 10px}.guide-heading{padding:23px 20px 20px}.command-main{flex-direction:column;align-items:stretch;gap:12px}.command-hint br{display:none}.command-hint{font-size:12px}.command-main .button{width:100%}.step-heading{align-items:flex-start;flex-direction:column;gap:3px}.header-inner{gap:38px}.reference-note{display:none}.icon-gallery{grid-template-columns:repeat(6,1fr)}}
@media(max-width:760px){.reference-bar{padding:8px 16px;gap:8px;flex-wrap:wrap}.reference-controls{gap:8px}.reference-label{font-size:10px}.reference-link{font-size:10px}.mini-segment button{font-size:10px;padding:4px 6px;gap:4px}.mini-segment i{width:7px;height:7px}.reference-theme{padding:3px}.header-inner{padding:0 18px;min-height:70px;gap:10px;flex-wrap:wrap}.brand{font-size:21px}.brand-mark{width:28px;height:28px}.header-actions{gap:2px}.header-actions .icon-button{width:34px;height:34px}.main-nav{order:3;width:100%;height:43px;gap:27px}.nav-item{font-size:13px}.page-shell{padding:27px 18px 0}.page-heading{align-items:flex-start;margin-bottom:24px;gap:20px}.page-heading h1{font-size:29px;letter-spacing:-.9px}.page-heading>div>p{font-size:12px;max-width:24ch;line-height:1.6}.balance{border:0;padding:0;min-width:0;max-width:174px}.balance-label{font-size:10px}.balance-row{gap:3px;flex-wrap:wrap;margin-top:1px}.balance-row>strong{font-size:21px;letter-spacing:-.6px}.balance-topup{font-size:10px;padding:4px 6px;min-height:27px;margin-left:0}.balance-row>.tiny-icon{width:22px;height:22px}.balance-label .tiny-icon{width:20px;height:20px}.balance-label .tiny-icon svg{width:13px;height:13px}.connection-layout{grid-template-columns:minmax(0,1fr);gap:20px}.selection-section{padding:19px}.selection-section h2{font-size:13px;margin-bottom:13px}.family-grid .choice{flex-direction:row;min-height:48px;padding:11px 5px;font-size:12px;gap:8px}.family-grid .choice svg{width:20px;height:20px}.app-grid .choice{min-height:53px;padding:12px}.os-grid .choice{min-height:43px;font-size:12px}.selection-foot{padding:14px 19px}.selection-foot p{font-size:11px}.guide-heading{padding:21px 19px 19px}.guide-heading h2{font-size:20px}.guide-heading-text>span{font-size:11px}.guide-content{padding:23px 18px 8px}.selected-app-mark{width:40px;height:40px;border-radius:11px}.setup-steps>li{gap:12px;padding-bottom:24px}.step-content h3{font-size:13px}.step-content p{font-size:13px}.step-heading{flex-direction:row;gap:8px;align-items:center}.step-heading .text-button{font-size:10px;white-space:nowrap}.step-heading .text-button svg{width:12px;height:12px}.step-marker{width:25px;height:25px;font-size:11px}.setup-steps>li:not(:last-child):before{left:12px;top:31px}.command-topline{font-size:10px;padding:10px}.command-duration{font-size:9px;gap:3px}.command-duration svg{width:12px;height:12px}.command-main{padding:13px 10px;gap:11px}.command-hint{font-size:11px;line-height:1.6}.command-main .button{font-size:12px;min-height:44px;padding-left:10px;padding-right:10px}.extra summary{padding:15px 0;font-size:12px}.extra-content{padding-left:0}.after-guide{align-items:flex-start;font-size:11px;padding:19px 5px 25px;gap:8px}.after-guide svg{margin-top:3px}.page-alert{padding:13px;font-size:12px}.footer-inner{padding:19px 18px;gap:10px;flex-wrap:wrap}.footer-caption{display:none}.review-dock{padding:8px 12px;gap:8px;justify-content:space-between;min-height:49px}.review-dock-label{font-size:10px;max-width:70px;line-height:1.4}.review-dock select{font-size:10px;max-width:180px;padding-right:20px}.review-dock .reference-link{font-size:10px;max-width:68px;line-height:1.4;text-align:left}.toast-stack{right:16px;bottom:16px}.component-heading{flex-direction:column;align-items:flex-start;gap:15px}.component-heading h1{font-size:28px}.component-heading>.button{font-size:11px}.component-heading>div>.muted{font-size:12px}.specimen{padding:18px}.specimen h2{font-size:18px}.state-grid{gap:17px 14px}.state-item{min-width:110px}.icon-gallery{grid-template-columns:repeat(4,1fr);gap:8px}.icon-cell{padding:11px 3px}.window-gallery{grid-template-columns:repeat(2,1fr)}.window-card{padding:12px;gap:8px}.window-card .window-name{font-size:11px}.token-grid{grid-template-columns:repeat(3,1fr)}dialog{border-radius:16px;max-height:calc(100dvh - 36px)}.dialog-top{padding:21px 19px 0;gap:10px}.dialog-heading{gap:9px}.dialog-heading h2{font-size:19px}.dialog-body{padding:16px 19px 22px;font-size:12px}.dialog-body .dialog-lead{font-size:13px}.dialog-symbol{width:33px;height:33px}.dialog-symbol svg{width:18px;height:18px}.palette-option{padding:11px 9px}.palette-swatches i{width:18px;height:18px}.theme-choices{gap:8px}.theme-choice{font-size:11px}.dialog-actions{flex-wrap:wrap;margin-top:20px}.dialog-actions>.button{flex:1}.dialog-actions .text-button{width:100%;justify-content:center}.model-list{max-height:280px}.dialog-code{font-size:11px}}
@media(max-width:380px){.reference-bar{padding:8px 12px}.reference-controls{width:100%;justify-content:space-between}.page-shell{padding-left:13px;padding-right:13px}.balance{max-width:145px}.balance-topup{margin-top:3px}.family-grid .choice{font-size:11px;gap:5px}.family-grid .choice svg{width:17px;height:17px}.guide-content{padding-left:15px;padding-right:15px}.step-heading{flex-direction:column;align-items:flex-start;gap:3px}.command-duration{font-size:8px}.window-gallery{grid-template-columns:1fr}.appearance-palettes{gap:7px}.palette-option{padding:10px 7px}.palette-swatches i{width:17px;height:17px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.reference-bar,.review-dock,.header-actions,.toast-stack{display:none}.site-footer{margin:0}.page-shell{padding-top:25px}.connection-layout{grid-template-columns:310px 1fr}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

.header-actions [data-tip]:after,.balance [data-tip]:after,.manual-fields [data-tip]:after{left:auto;right:0;transform:none}

.button.primary.is-copied{background:var(--success-bg);color:var(--success);border-color:color-mix(in srgb,var(--success) 30%,transparent)}
dialog[data-kind=request-error] .dialog-symbol{color:var(--error);background:var(--error-bg)}