.templates-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:1rem;display:flex}.templates-toolbar .filter-chip{align-items:center;gap:6px;display:inline-flex}.templates-toolbar .nav-count{margin-left:2px}.templates-for{color:var(--secondary);font-size:var(--text-caption);margin:0}.template-categories{flex-wrap:wrap;gap:6px;margin:-.25rem 0 1rem;display:flex}.template-categories .filter-chip{align-items:center;gap:6px;display:inline-flex}.template-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,max(280px,33.3333% - 8px)),1fr));gap:12px;display:grid}.template-card{grid-template-rows:auto 1fr auto;gap:10px;margin:0;padding:14px 16px;transition:border-color .15s;display:grid}.template-card:hover{border-color:var(--control-hover)}.template-card header{align-items:center;gap:12px;display:flex}.template-card header>div{flex:1;min-width:0;display:grid}.template-card h2{font-size:var(--text-card);text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:600;overflow:hidden}.template-card header .muted{font-size:var(--text-micro)}.template-card header .button{flex:none;min-height:32px;padding:.35rem .85rem}.template-card>p{color:var(--secondary);font-size:var(--text-caption);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.5;display:-webkit-box;overflow:hidden}.template-facts{border-top:1px solid var(--line-subtle);font-size:var(--text-micro);color:var(--secondary);flex-wrap:wrap;gap:4px 14px;margin:0;padding:8px 0 0;list-style:none;display:flex}.template-facts li{align-items:center;gap:6px;display:flex}.template-facts .icon{width:14px;height:14px;color:var(--muted)}.template-logo{border:1px solid var(--line-subtle);background:var(--soft);width:40px;height:40px;color:var(--secondary);border-radius:10px;flex:none;place-items:center;font-weight:600;display:grid;overflow:hidden}.template-logo img{object-fit:contain;width:26px;height:26px}.deployments-table .template-logo{border-radius:9px;width:34px;height:34px}.deployments-table .template-logo img{width:22px;height:22px}.deployment-message{white-space:normal;max-width:320px;margin-top:4px;display:block}.servers-table.deployments-table{table-layout:auto;min-width:0}.servers-table.deployments-table th:nth-child(n){width:auto}.servers-table.deployments-table th:first-child{width:32%}.servers-table.deployments-table th:last-child,.servers-table.deployments-table td:last-child{white-space:nowrap;width:1%}.deployments-table td{padding-top:12px;padding-bottom:12px}.deployment-actions{flex-wrap:wrap;justify-content:flex-end;gap:2px;min-width:max-content;display:flex}.deployment-actions .button,.deployments-table td[data-label=Address] a{white-space:nowrap}.deployment-error{white-space:normal;text-align:right;flex-basis:100%;max-width:280px;margin:4px 0 0}.deployment-delete-data{align-items:flex-start;gap:10px;margin:14px 0 4px;display:flex}.deployment-delete-data span{gap:2px;display:grid}.template-inputs{gap:14px;display:grid}.template-unfit{margin-top:10px}.template-ports{gap:8px;margin-top:10px;display:grid}.template-port{border:1px solid var(--card-border);background:var(--card-surface);cursor:pointer;border-radius:10px;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:12px;padding:12px 14px;transition:border-color .15s;display:grid}.template-port:hover{border-color:var(--control-hover)}.template-port:has(input:checked){border-color:var(--selected-line)}.template-port .mono{font-size:var(--text-caption);font-weight:500}.template-port .muted{font-size:var(--text-caption)}.order-summary.template-summary{--tpl-head-start:#fff3e3;--tpl-head-end:#fdecf1;--tpl-border:#f0dfcc;--tpl-chip-bg:#fde3c4;--tpl-chip-ink:#94450c;--tpl-logo-bg:#fff;--accent:#c2541a;--accent-hover:#a8470f;--accent-ink:#fff;border-color:var(--tpl-border);border-radius:18px;padding:0;display:block;overflow:hidden;box-shadow:0 6px 24px #7a3b0a0d}:root[data-theme=dark] .order-summary.template-summary{--tpl-head-start:#392a1d;--tpl-head-end:#36222c;--tpl-border:#4a3a2b;--tpl-chip-bg:#4b321b;--tpl-chip-ink:#f6c38e;--tpl-logo-bg:var(--soft);--accent:#f0a061;--accent-hover:#f5b27c;--accent-ink:#2b1606;box-shadow:0 8px 28px #00000026}.template-summary-head{border-bottom:1px solid var(--tpl-border);background:linear-gradient(135deg, var(--tpl-head-start), var(--tpl-head-end));align-items:center;gap:12px;padding:18px;display:flex}.template-summary-head>div{flex:1;gap:2px;min-width:0;display:grid}.template-summary-head h2{overflow-wrap:anywhere;font-size:var(--text-section);margin:0;font-weight:600}.template-summary-head>div>span{color:var(--muted);font-size:var(--text-micro)}.template-summary-head .template-logo{border-color:var(--tpl-border);background:var(--tpl-logo-bg);border-radius:12px;width:42px;height:42px}.template-summary-head .template-logo img{width:28px;height:28px}.template-summary-head .template-logo.tile img{width:100%;height:100%}.template-summary-category{background:var(--tpl-chip-bg);color:var(--tpl-chip-ink);font-size:var(--text-micro);white-space:nowrap;border-radius:20px;align-self:flex-start;padding:4px 9px;font-weight:500}.template-summary-rows{gap:10px;margin:0;padding:16px 18px 4px;display:grid}.template-summary-rows>div{font-size:var(--text-caption);justify-content:space-between;align-items:baseline;gap:16px;display:flex}.template-summary-rows dt{color:var(--muted)}.template-summary-rows dd{text-align:right;margin:0}.template-summary .button{width:100%}.template-summary .link-button{color:var(--accent)}@media (max-width:760px){.order-summary.template-summary{border-radius:16px 16px 0 0;box-shadow:0 -10px 28px #7a3b0a1f}}.template-trust{color:var(--muted);font-size:var(--text-micro);gap:8px;margin:0;line-height:1.5;display:flex}.template-trust .icon{flex:none;width:15px;height:15px;margin-top:2px}.template-readme{margin:0;padding:1rem 1.375rem}.template-readme summary{cursor:pointer;font-weight:600}.template-readme pre{white-space:pre-wrap;color:var(--secondary);font:var(--text-caption) / 1.6 var(--sans);margin:12px 0 0}@media (max-width:860px){.deployment-actions{justify-content:flex-start}}.template-tabs{border-bottom:1px solid var(--line);gap:4px;margin-bottom:1.3rem;display:flex}.template-tabs button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-1px;padding:10px 14px;font-weight:500;display:inline-flex}.template-tabs button[aria-selected=true]{border-bottom-color:var(--ink);color:var(--ink)}.template-tabs .badge{padding:1px 6px}.template-script{gap:12px;display:grid}.template-script-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.template-script-head h2{font-size:var(--text-card);margin:0 0 4px;font-weight:600}.template-script-head p{max-width:560px;font-size:var(--text-caption);margin:0;line-height:1.55}.template-script code{border:1px solid var(--line-subtle);background:var(--soft);font:.8125rem var(--mono);border-radius:5px;padding:1px 5px}.template-editor{border:1px solid var(--control-border);background:var(--field);width:100%;min-height:260px;box-shadow:var(--field-shadow);color:var(--ink);font:.8125rem / 1.6 var(--mono);tab-size:4;resize:vertical;white-space:pre;border-radius:10px;padding:14px 16px;overflow:auto}.template-editor:focus{border-color:var(--focus);box-shadow:var(--focus-ring);outline:none}.template-script-foot{font-size:var(--text-micro);justify-content:space-between;align-items:center;gap:12px;display:flex}.template-full{border:1px solid var(--card-border);background:var(--soft);max-height:520px;color:var(--ink);font:.8125rem / 1.6 var(--mono);white-space:pre;border-radius:10px;margin:0;padding:14px 16px;overflow:auto}.template-script-warning{margin:0}.link-button{color:var(--blue);font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.deployment-custom{vertical-align:2px;margin-left:8px;padding:1px 6px}.deployment-script{gap:10px;max-width:min(760px,86vw);display:grid}.template-logo.tile img,.deployments-table .template-logo.tile img,.canvas-templates .template-logo.tile img{object-fit:cover;width:100%;height:100%}@media (max-width:760px){.vps-summary-dock[data-expanded=false] .template-trust{display:none}}.server-tabs{border-bottom:1px solid var(--line);gap:1.5rem;margin:1.25rem 0 1.5rem;display:flex}.server-tabs button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:.75rem .125rem;font-weight:600}.server-tabs button:hover{color:var(--ink)}.server-tabs button[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}.server-tabs button:focus-visible,.metric-chart-plot:focus-visible,.metric-info:focus-visible{outline:2px solid var(--blue);outline-offset:4px;border-radius:4px}.metrics-toolbar,.metrics-toolbar-controls,.metrics-report-note{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.metrics-toolbar h2{margin-bottom:.375rem;font-size:1.375rem;font-weight:600}.metrics-toolbar p{font-size:.9375rem;line-height:1.5}.metrics-toolbar-controls{gap:.5rem}.metrics-refresh{gap:.45rem;display:inline-flex}.metrics-view-switch{margin:1.25rem 0 .5rem}.metrics-report-note{color:var(--muted);margin:.75rem 0 1.125rem;font-size:.875rem;line-height:1.5}.metrics-report-note>span,.metrics-delay-note{align-items:center;gap:.45rem;display:inline-flex}.metric-report-dot{background:var(--green);border-radius:50%;width:6px;height:6px}.metrics-delay-note .icon{width:15px;height:15px}.server-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.125rem;display:grid}.server-metrics-grid>.panel{margin:0}.server-metric-chart{min-width:0;padding:1.25rem 1.375rem 1rem}.metric-chart-heading{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.metric-chart-heading h2{font-size:1.125rem;font-weight:600}.metric-chart-description{color:var(--muted);max-width:38ch;margin-top:.375rem;font-size:.875rem;line-height:1.5}.metric-info{color:var(--muted);background:0 0;border:0;padding:2px;display:flex}.metric-info .icon{width:17px;height:17px}.metric-info:hover{color:var(--ink)}.metric-chart-values{flex-wrap:wrap;align-items:center;gap:1.375rem;min-height:55px;margin:1.25rem 0 .875rem;display:flex}.metric-chart-value{gap:.375rem;display:grid}.metric-series-label{color:var(--muted);align-items:center;gap:.375rem;font-size:.8125rem;display:inline-flex}.metric-series-label i{background:var(--metric-color);border-radius:50%;width:7px;height:7px}.metric-chart-value strong{color:var(--ink);font-size:1.5rem;font-weight:500;line-height:1.2}.metric-chart-value small{font:400 .875rem var(--sans);color:var(--muted);margin-left:.375rem}.metric-color-0{--metric-color:var(--blue)}.metric-color-1{--metric-color:var(--green)}.metric-color-2{--metric-color:var(--purple)}.metric-stale{color:var(--warning-ink);border-color:var(--warning-border);background:var(--warning-bg);align-self:flex-start}.metric-chart-plot{min-width:0}.metric-chart-plot svg{width:100%;height:auto;display:block;overflow:visible}.metric-chart-gridline{stroke:var(--line);stroke-width:1px;stroke-dasharray:3 5}.metric-chart-axis{fill:var(--muted);font-family:var(--sans);font-size:18px}.metric-chart-line{fill:none;stroke:var(--metric-color);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.metric-chart-point{fill:var(--metric-color);stroke:var(--panel);stroke-width:2px}.metric-chart-cursor{stroke:var(--muted-2);stroke-dasharray:3 4}.metric-chart-caption{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:.375rem 1rem;margin-top:.5rem;font-size:.8125rem;line-height:1.5;display:flex}.metric-chart-empty{text-align:center;min-height:175px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex}.metric-chart-empty p{color:var(--secondary);font-size:.9375rem}.metric-chart-empty span{font-size:.8125rem}.metrics-loading{padding:3.5rem 1rem}.server-metrics .empty p{max-width:50ch;margin-top:.75rem}.server-metrics .empty .button{margin-top:1rem}.monthly-transfer-card{margin-top:1.125rem}.transfer-summary{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.875rem;display:flex}.transfer-summary strong{font-size:1.375rem;font-weight:500}.transfer-summary small{font:400 .9375rem var(--sans);color:var(--muted)}.monthly-transfer-card .panel-body>p{font-size:.9375rem;line-height:1.6}@media (max-width:1000px){.metrics-toolbar{align-items:flex-start}.server-metric-chart{padding:1.125rem}}@media (max-width:700px){.server-metrics-grid{grid-template-columns:minmax(0,1fr)}.metrics-toolbar-controls{justify-content:space-between;width:100%}.metric-chart-axis{font-size:22px}.metric-chart-caption{font-size:.8125rem}.metric-chart-values{gap:1rem}.server-tabs{margin-top:1rem}}main:has(>#page>.canvas-shell){flex-direction:column;max-width:none;padding:0;display:flex}main:has(>#page>.canvas-shell)>#page{flex-direction:column;flex:1;min-height:0;display:flex}.workspace-body:has(.canvas-shell)>.workspace-footer{display:none}.canvas-shell{border-radius:0 0 var(--radius) var(--radius);flex:1 1 0;grid-template-columns:minmax(0,1fr);min-height:460px;display:grid;position:relative;overflow:hidden}.canvas-shell.with-panel{grid-template-columns:minmax(0,1fr) min(400px,42%)}.canvas-viewport{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background-color:var(--paper);background-image:radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--muted) 38%, transparent) 1px, transparent 0);position:relative;overflow:hidden}.canvas-viewport:active{cursor:grabbing}.canvas-world{transform-origin:0 0;width:1px;height:1px;position:absolute;top:0;left:0}.canvas-edges{pointer-events:none;width:1px;height:1px;position:absolute;top:0;left:0;overflow:visible}.canvas-edges .edge,.canvas-edges .edge path{fill:none;stroke:color-mix(in srgb, var(--muted) 70%, transparent);stroke-width:1.5px}.canvas-edges .edge.off,.canvas-edges .edge.off path{stroke-dasharray:2 5;stroke-linecap:round}.canvas-edges .edge.add{stroke-dasharray:4 4;stroke:color-mix(in srgb, var(--muted) 55%, transparent)}.canvas-edges marker path{fill:color-mix(in srgb, var(--muted) 85%, transparent)}.canvas-group{font:500 var(--text-micro) var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);white-space:nowrap;position:absolute}.canvas-node{border:1px solid var(--card-border);background:var(--card-surface);box-shadow:var(--card-shadow);color:var(--ink);font:inherit;text-align:left;cursor:pointer;border-radius:12px;align-items:center;gap:11px;padding:0 14px 0 12px;transition:border-color .15s;display:flex;position:absolute}.canvas-node:hover{border-color:var(--control-hover)}.canvas-node.dragging,.canvas-internet.dragging{z-index:2;cursor:grabbing;border-color:var(--control-hover);box-shadow:var(--menu-shadow)}.canvas-node.disk.loose{border-style:dashed}.canvas-node.selected{border-color:var(--selected-line);box-shadow:0 0 0 3px color-mix(in srgb, var(--selected-line) 16%, transparent)}.canvas-node:focus-visible,.canvas-firewall:focus-visible,.canvas-internet:focus-visible,.canvas-plus:focus-visible{outline:2px solid var(--selected-line);outline-offset:3px}.canvas-node .server-avatar{flex:none;width:36px;height:36px}.canvas-node.idle .server-avatar{opacity:.7}.canvas-node.disk{border-radius:10px;padding-left:14px}.canvas-node.disk>.icon{width:18px;height:18px;color:var(--secondary);flex:none}.canvas-node-copy{flex:1;gap:1px;min-width:0;display:grid}.canvas-node-copy strong{font-weight:600;font-size:var(--text-control);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.canvas-node-copy .mono{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.canvas-node.raised{z-index:1}.canvas-due{border:1px solid var(--warning-border);background:var(--warning-bg);color:var(--warning-ink);font:500 .6875rem var(--mono);border-radius:6px;flex:none;padding:1px 6px}.canvas-dot{background:var(--muted);width:9px;height:9px;box-shadow:0 0 0 3px color-mix(in srgb, currentColor 0%, transparent);border-radius:50%;flex:none;display:inline-block}.canvas-dot.running,.canvas-dot.attached,.canvas-dot.available,.canvas-dot.provisioning,.canvas-dot.starting,.canvas-dot.stopping,.canvas-dot.rebooting,.canvas-dot.creating,.canvas-dot.attaching,.canvas-dot.detaching{background:var(--info);box-shadow:0 0 0 3px color-mix(in srgb, var(--info) 20%, transparent)}.canvas-dot.stopped,.canvas-dot.awaiting_payment,.canvas-dot.suspended{background:var(--warning);box-shadow:0 0 0 3px color-mix(in srgb, var(--warning) 20%, transparent)}.canvas-dot.failed,.canvas-dot.expired,.canvas-dot.unknown,.canvas-dot.deleting{background:var(--danger);box-shadow:0 0 0 3px color-mix(in srgb, var(--danger) 20%, transparent)}.canvas-dot.pulse{animation:1.4s ease-in-out infinite canvas-pulse}@keyframes canvas-pulse{50%{opacity:.35}}.canvas-firewall{border:1px solid var(--card-border);background:var(--card-surface);box-shadow:var(--card-shadow);color:var(--secondary);font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:0 7px;display:flex;position:absolute}.canvas-firewall:hover{border-color:var(--control-hover)}.canvas-firewall.selected{border-color:var(--selected-line)}.canvas-firewall svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.canvas-firewall .mono{color:var(--muted);font-size:.6875rem}.canvas-internet{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0;position:absolute}.canvas-internet svg{width:100%;height:100%;overflow:visible}.canvas-internet text{font:600 9.5px var(--mono);letter-spacing:.16em;fill:currentColor}.canvas-internet g *{fill:none;stroke:currentColor;stroke-width:1.6px}.canvas-internet:hover,.canvas-internet.selected{color:var(--ink)}.canvas-add{position:absolute}.canvas-plus{border:1px solid var(--accent);background:var(--accent);width:100%;height:100%;color:var(--accent-ink);cursor:pointer;border-radius:7px;place-items:center;padding:0;display:grid}.canvas-plus:hover{background:var(--accent-hover)}.canvas-plus svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:15px;height:15px}.canvas-menu{z-index:3;border:1px solid var(--card-border);background:var(--card-surface);width:300px;box-shadow:var(--menu-shadow);cursor:default;border-radius:12px;padding:6px;position:absolute;top:0;left:calc(100% + 12px)}.canvas-menu-title{color:var(--muted);font-size:var(--text-caption);padding:8px 10px 6px}.canvas-menu a,.canvas-menu button{width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;padding:9px 10px;text-decoration:none;display:flex}.canvas-menu a:hover,.canvas-menu button:hover,.canvas-menu a:focus-visible,.canvas-menu button:focus-visible{background:var(--hover);outline:none}.canvas-menu .icon{border:1px solid var(--line-subtle);background:var(--soft);width:34px;height:34px;color:var(--secondary);border-radius:8px;flex:none;padding:8px}.canvas-menu span{gap:1px;display:grid}.canvas-menu strong{font-weight:600;font-size:var(--text-control)}.canvas-menu small{color:var(--muted);font-size:var(--text-micro)}.canvas-empty{text-align:center;color:var(--muted);pointer-events:none;place-content:center;justify-items:center;gap:8px;padding:24px;display:grid;position:absolute;inset:0}.canvas-empty strong{color:var(--ink);font-size:var(--text-card)}.canvas-empty .button{pointer-events:auto;margin-top:8px}.canvas-toolbar{z-index:3;border:1px solid var(--card-border);background:var(--card-surface);box-shadow:var(--card-shadow);border-radius:12px;gap:4px;padding:4px;display:flex;position:absolute;top:14px;right:14px}.canvas-tool{width:36px;height:36px;color:var(--secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;padding:0;transition:background .15s,color .15s;display:grid}.canvas-tool:hover,.canvas-tool[aria-pressed=true]{background:var(--hover);color:var(--ink)}.canvas-tool[aria-pressed=true]{border-color:var(--control-border)}.canvas-tool.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.canvas-tool.primary:hover{background:var(--accent-hover);color:var(--accent-ink)}.canvas-tool:focus-visible{outline:2px solid var(--selected-line);outline-offset:2px}.canvas-tool .icon{width:18px;height:18px}.canvas-error{z-index:3;position:absolute;top:14px;left:16px;right:180px}.canvas-error .form-error{margin:0}.canvas-legend{color:var(--secondary);font-size:var(--text-micro);pointer-events:none;flex-wrap:wrap;align-items:center;gap:6px 16px;display:flex;position:absolute;bottom:14px;left:16px}.canvas-legend span{align-items:center;gap:7px;display:inline-flex}.canvas-legend .canvas-dot{width:8px;height:8px}.canvas-hint{color:var(--muted)}.canvas-zoom{border:1px solid var(--card-border);background:var(--card-surface);border-radius:8px;display:flex;position:absolute;bottom:12px;right:14px;overflow:hidden}.canvas-zoom button{min-width:34px;height:32px;color:var(--secondary);font:inherit;font-size:var(--text-micro);cursor:pointer;background:0 0;border:0;place-items:center;padding:0 8px;display:grid}.canvas-zoom button+button{border-left:1px solid var(--card-border)}.canvas-zoom button:hover{background:var(--hover);color:var(--ink)}.canvas-zoom svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:14px;height:14px}.canvas-panel{border-left:1px solid var(--card-border);background:var(--card-surface);flex-direction:column;min-width:0;min-height:0;display:flex}.canvas-panel-head{border-bottom:1px solid var(--card-border);align-items:center;gap:12px;padding:16px 16px 14px 20px;display:flex}.canvas-panel-head>div{flex:1;gap:2px;min-width:0;display:grid}.canvas-panel-head h2{font-size:var(--text-card);text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:600;overflow:hidden}.canvas-panel-head>div>span{font-size:var(--text-micro)}.canvas-panel-head .server-avatar{flex:none;width:36px;height:36px}.canvas-panel-icon{border:1px solid var(--line-subtle);background:var(--soft);width:36px;height:36px;color:var(--secondary);border-radius:9px;flex:none;place-items:center;display:grid}.canvas-panel-icon .icon{width:18px;height:18px}.canvas-panel-body{flex:1;align-content:start;gap:22px;min-height:0;padding:18px 20px 22px;display:grid;overflow-y:auto}.canvas-panel-body section{gap:10px;display:grid}.canvas-section-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.canvas-section-head h3{font-size:var(--text-control);margin:0;font-weight:600}.canvas-section-head .muted{font-size:var(--text-micro);text-align:right}.canvas-quiet{font-size:var(--text-caption);margin:0;line-height:1.55}.canvas-panel-foot{border-top:1px solid var(--card-border);flex-wrap:wrap;gap:8px;padding:14px 20px;display:flex}.canvas-facts{gap:9px;margin:0;display:grid}.canvas-facts>div{font-size:var(--text-caption);justify-content:space-between;gap:16px;display:flex}.canvas-facts dt{color:var(--muted)}.canvas-facts dd{text-align:right;color:var(--ink);align-items:center;gap:8px;min-width:0;margin:0;display:flex}.canvas-facts dd.mono{font-size:.8125rem}.canvas-metrics{border:1px solid var(--card-border);background:var(--card-border);border-radius:10px;grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.canvas-metrics>div{background:var(--card-surface);gap:3px;padding:12px 14px;display:grid}.canvas-metrics span{color:var(--muted);font-size:var(--text-micro)}.canvas-metrics strong{letter-spacing:-.02em;font-size:1.125rem;font-weight:500}.canvas-spark{gap:6px;margin:0;display:grid}.canvas-spark.empty{font-size:var(--text-caption);padding:18px 0}.canvas-spark svg{width:100%;height:84px}.canvas-spark line{stroke:var(--line-subtle);stroke-dasharray:3 4}.canvas-spark path.fill{fill:color-mix(in srgb, var(--info) 12%, transparent);stroke:none}.canvas-spark path{fill:none;stroke:var(--info);stroke-width:1.6px;vector-effect:non-scaling-stroke}.canvas-spark figcaption{justify-content:space-between;font-size:.75rem;display:flex}.canvas-rules,.canvas-list,.canvas-activity{gap:0;margin:0;padding:0;list-style:none;display:grid}.canvas-rules li{border-top:1px solid var(--line-subtle);font-size:var(--text-caption);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:4px 10px;padding:8px 0;display:grid}.canvas-rules li:first-child{border-top:0}.canvas-rules .mono{font-size:.8125rem}.canvas-rule-note{font-size:var(--text-micro);grid-column:2/-1}.canvas-rule-action{border:1px solid var(--success-border);background:var(--success-bg);color:var(--success-ink);border-radius:6px;padding:1px 7px;font-size:.75rem;font-weight:500}.canvas-rule-action.drop{border-color:var(--danger-border);background:var(--danger-bg);color:var(--red)}.canvas-list li+li{border-top:1px solid var(--line-subtle)}.canvas-list button{width:100%;color:var(--ink);font:inherit;font-size:var(--text-caption);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:9px 6px;display:flex}.canvas-list button:hover{background:var(--hover)}.canvas-list button>span:nth-child(2){flex:1;min-width:0;display:grid}.canvas-list small{font-size:.75rem}.canvas-list .icon{width:16px;height:16px;color:var(--secondary)}.canvas-list .server-avatar{width:26px;height:26px}.canvas-list .mono{font-size:.75rem}.canvas-activity li{border-top:1px solid var(--line-subtle);font-size:var(--text-caption);grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;padding:9px 0;display:grid}.canvas-activity li:first-child{border-top:0}.canvas-activity li>span:nth-child(2){color:var(--secondary);grid-column:1}.canvas-activity time{grid-area:1/2;font-size:.75rem}.canvas-actor{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;min-width:0;font-weight:500;display:inline-flex;overflow:hidden}.canvas-actor.agent .icon{width:15px;height:15px;color:var(--info)}.canvas-link{color:var(--blue);font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.canvas-link:hover{text-decoration:underline}.canvas-steps{counter-reset:step;gap:18px;margin:0;padding:0;list-style:none;display:grid}.canvas-steps>li{counter-increment:step;font-size:var(--text-caption);gap:8px;padding-left:34px;line-height:1.55;display:grid;position:relative}.canvas-steps>li:before{content:counter(step, decimal-leading-zero);border:1px solid var(--line-subtle);font:500 .6875rem var(--mono);color:var(--muted);border-radius:6px;padding:1px 5px;position:absolute;top:0;left:0}.canvas-steps strong{font-size:var(--text-control);font-weight:600}.canvas-steps code,.canvas-note code{border:1px solid var(--line-subtle);background:var(--soft);font:.8125rem var(--mono);border-radius:5px;padding:1px 5px}.canvas-tabs{border-bottom:1px solid var(--line-subtle);flex-wrap:wrap;gap:4px;display:flex}.canvas-tabs button{color:var(--muted);font:inherit;font-size:var(--text-caption);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:6px 8px}.canvas-tabs button[aria-selected=true]{border-bottom-color:var(--ink);color:var(--ink)}.canvas-code{border:1px solid var(--card-border);background:var(--soft);border-radius:10px;overflow:hidden}.canvas-code-head{border-bottom:1px solid var(--card-border);color:var(--muted);justify-content:space-between;align-items:center;gap:8px;padding:4px 4px 4px 12px;font-size:.75rem;display:flex}.canvas-code-head .button{min-height:30px;padding:4px 8px}.canvas-code-head .icon{width:14px;height:14px}.canvas-code pre{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink);-webkit-user-select:all;user-select:all;margin:0;padding:12px;font-size:.8125rem;line-height:1.55}.canvas-note{border:1px solid var(--info-border);background:var(--info-bg);color:var(--secondary);font-size:var(--text-caption);border-radius:10px;margin:0;padding:12px 14px;line-height:1.55}@media (prefers-reduced-motion:reduce){.canvas-dot.pulse{animation:none}}@media (max-width:860px){.canvas-shell,.canvas-shell.with-panel{border-radius:0;grid-template-columns:minmax(0,1fr)}.canvas-panel{z-index:4;border-left:0;border-top:1px solid var(--card-border);max-height:72%;box-shadow:var(--menu-shadow);border-radius:14px 14px 0 0;position:absolute;bottom:0;left:0;right:0}.canvas-legend .canvas-hint{display:none}.canvas-legend{right:150px}.canvas-menu{width:min(300px,80vw);top:calc(100% + 10px);left:auto;right:0}}.canvas-templates a{color:var(--ink);font-size:var(--text-caption);border-radius:8px;align-items:center;gap:10px;padding:8px 6px;text-decoration:none;display:flex}.canvas-templates a:hover{background:var(--hover)}.canvas-templates a>span:nth-child(2){flex:1;min-width:0;display:grid}.canvas-templates small{text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.canvas-templates .template-logo{border-radius:7px;width:28px;height:28px}.canvas-templates .template-logo img{width:18px;height:18px}.canvas-templates-add{justify-self:start}.canvas-shell{--canvas-tpl:#c2541a;--canvas-tpl-hover:#a8470f;--canvas-tpl-ink:#fff;--canvas-tpl-soft:#fff3e3;--canvas-tpl-line:#f0dfcc}:root[data-theme=dark] .canvas-shell{--canvas-tpl:#f0a061;--canvas-tpl-hover:#f5b27c;--canvas-tpl-ink:#2b1606;--canvas-tpl-soft:#392a1d;--canvas-tpl-line:#4a3a2b}.canvas-node.template{border-color:var(--canvas-tpl-line)}.canvas-node.template:before{content:"";background:var(--canvas-tpl);border-radius:0 3px 3px 0;width:3px;position:absolute;top:10px;bottom:10px;left:-1px}.canvas-node.template:hover{border-color:color-mix(in srgb, var(--canvas-tpl) 45%, var(--canvas-tpl-line))}.canvas-node.template.selected{border-color:var(--canvas-tpl);box-shadow:0 0 0 3px color-mix(in srgb, var(--canvas-tpl) 18%, transparent)}.canvas-node.template .template-logo,.canvas-panel-head .template-logo,.canvas-picker-list .template-logo{border-color:var(--canvas-tpl-line);background:var(--canvas-tpl-soft);flex:none}.canvas-node.template .template-logo{border-radius:8px;width:30px;height:30px}.canvas-node.template .template-logo img{width:20px;height:20px}.canvas-panel-head .template-logo,.canvas-picker-list .template-logo{border-radius:9px;width:36px;height:36px}.canvas-panel-head .template-logo img,.canvas-picker-list .template-logo img{width:22px;height:22px}.canvas-node.template .template-logo.tile img,.canvas-panel-head .template-logo.tile img,.canvas-picker-list .template-logo.tile img{width:100%;height:100%}.canvas-edges .edge.template{stroke:color-mix(in srgb, var(--canvas-tpl) 55%, transparent)}.canvas-edges .edge.template.off{stroke-dasharray:2 5;stroke-linecap:round}.canvas-edges marker.template path{fill:color-mix(in srgb, var(--canvas-tpl) 75%, transparent)}.canvas-panel-icon.template{border-color:var(--canvas-tpl-line);background:var(--canvas-tpl-soft);color:var(--canvas-tpl)}.canvas-panel-back{margin-left:-6px}.canvas-picker{gap:14px}.canvas-picker-search{width:100%}.canvas-picker-categories{flex-wrap:wrap;gap:6px;display:flex}.canvas-picker-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.canvas-picker-list button{border:1px solid var(--card-border);background:var(--card-surface);width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:12px;transition:border-color .15s;display:flex}.canvas-picker-list button:hover:not(:disabled),.canvas-picker-list button:focus-visible{border-color:color-mix(in srgb, var(--canvas-tpl) 45%, var(--canvas-tpl-line))}.canvas-picker-list button:focus-visible{outline:2px solid var(--canvas-tpl);outline-offset:2px}.canvas-picker-list button:disabled{cursor:not-allowed;opacity:.55}.canvas-picker-list button>.icon{width:16px;height:16px;color:var(--muted);flex:none;transform:rotate(-90deg)}.canvas-picker-copy{flex:1;gap:3px;min-width:0;display:grid}.canvas-picker-copy strong{font-size:var(--text-control);font-weight:600}.canvas-picker-copy small{color:var(--secondary);font-size:var(--text-caption);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box;overflow:hidden}.canvas-picker-meta{color:var(--muted);font:.75rem var(--mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.canvas-deploy{--accent:var(--canvas-tpl);--accent-hover:var(--canvas-tpl-hover);--accent-ink:var(--canvas-tpl-ink);flex-direction:column;flex:1;min-height:0;display:flex}.canvas-deploy .canvas-panel-body{gap:0}.canvas-deploy-summary{color:var(--secondary);margin-bottom:4px}.canvas-deploy-section{border-bottom:1px solid var(--line-subtle);padding:16px 0}.canvas-deploy .template-inputs{grid-template-columns:minmax(0,1fr)}.canvas-deploy .template-port{align-items:flex-start}.canvas-deploy-facts{border:1px solid var(--canvas-tpl-line);background:var(--canvas-tpl-soft);border-radius:12px;margin-top:16px;padding:12px 14px}.canvas-deploy-foot{gap:8px;display:grid}.canvas-deploy-foot .button{width:100%}.canvas-template-foot .deployment-actions{flex-wrap:wrap;justify-content:flex-start}.canvas-note.danger{border-color:var(--danger-border);background:var(--danger-bg);color:var(--danger)}.canvas-output summary{cursor:pointer;font-size:var(--text-caption);font-weight:500}.canvas-output pre{background:var(--soft);white-space:pre-wrap;border-radius:8px;max-height:200px;margin:8px 0 0;padding:10px 12px;font-size:.75rem;line-height:1.5;overflow:auto}.canvas-templates button .template-logo{border-radius:7px;width:28px;height:28px}.canvas-templates button .template-logo img{width:18px;height:18px}@media (max-width:860px){.canvas-panel:has(.canvas-deploy,.canvas-picker){max-height:88%}}@layer reset{*,:before,:after{box-sizing:border-box}body,h1,h2,h3,p{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}[hidden]{display:none!important}}@layer base{@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/console/assets/instrument-sans-latin-CclBWeUS.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 600;font-display:swap;src:url(/console/assets/jetbrains-mono-latin-Db4Uuiha.woff2)format("woff2")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#1f1f1d;--secondary:#4d4c48;--muted:#7a7974;--muted-2:#a09f99;--paper:#f7f8fa;--white:#fff;--line:#e4e7ec;--line-subtle:#e4e7ec;--panel:#fff;--soft:#f0f2f5;--field:#fff;--hover:#f0f2f5;--shell:#f7f8fa;--workspace-frame:#18205b;--header:#fff;--control-border:#d4d9e1;--control-hover:#d1ad4f;--button-hover:#d1ad4f;--accent:#2e3cd2;--accent-ink:#fff;--accent-hover:#2632b8;--blue:#3c61c6;--info:#3c61c6;--purple:#655a87;--purple-soft:#f0edf6;--green:#197251;--focus:#b8860b;--red:#b53b3b;--danger:#b53b3b;--warning:#946321;--selected:#2e3cd2;--selected-line:#2e3cd2;--nav-hover:#edeff3;--avatar-shine:#fffc;--row-hover:#181b2204;--row-selected:#181b2208;--success-bg:#1972510f;--success-border:#1972513d;--success-ink:#197251;--danger-bg:#b53b3b0f;--danger-border:#b53b3b3d;--danger-control-border:#b53b3b3d;--warning-bg:#b67b1712;--warning-border:#b67b1742;--warning-ink:#946321;--info-bg:#3c61c610;--info-border:#3c61c63d;--warning-surface:#fff8eb;--warning-line:#e8d3ad;--warning-text:#855b22;--error-surface:#fff3f3;--error-line:#ecc7c7;--notice-surface:#edf2fa;--notice-ink:#465d84;--tooltip-surface:#252a34;--tooltip-border:#353c49;--tooltip-ink:#f7f8fa;--scrollbar:#b0b8c5;--backdrop:#181b2266;--logo-filter:brightness(0);--card-shadow:inset 0 1px 2px #181b220a;--field-shadow:inset 0 1px 2px #181b220a;--focus-ring:0 0 0 3px #b8860b33;--invalid-ring:0 0 0 3px #b53b3b22;--window-shadow:inset 0 1px 0 #fff9, 0 3px 0 #e4e7ec, 0 5px 6px #181b221f;--menu-shadow:0 3px 0 #e4e7ec, 0 5px 6px #181b221a;--radius:14px;--card-surface:var(--white);--card-border:var(--line-subtle);--card-padding:1.375rem 1.625rem;--sans:"Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Consolas, monospace;--text-title:2rem;--text-heading:1.5rem;--text-section:1.25rem;--text-card:1.125rem;--text-body:1rem;--text-ui:1rem;--text-control:.9375rem;--text-small:.9375rem;--text-caption:.875rem;--text-micro:.8125rem;--leading-ui:1.45;--leading-copy:1.7}@supports (color:lab(0% 0 0)){:root{--ink:lab(11.7577% -.388652 1.46539);--secondary:lab(32.2989% -.209481 2.67282);--muted:lab(50.7531% -.34976 3.03599);--muted-2:lab(65.4947% -.475466 3.39988)}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#ececee;--secondary:#b6b6bc;--muted:#85858c;--muted-2:#5f5f66;--paper:#0f0f11;--white:#19191b;--line:#2a2a2e;--line-subtle:#232326;--panel:#1b1b1e;--soft:#202023;--field:#151517;--hover:#242428;--shell:#141416;--workspace-frame:var(--paper);--header:#141416;--control-border:#2a2a2e;--control-hover:#44444c;--button-hover:#54545b;--accent:#f3f3f5;--accent-ink:#121214;--accent-hover:#dcdce2;--blue:#8fb0ff;--info:#5b8cff;--purple:#d4d4de;--purple-soft:#2c2c32;--green:#3ecf8e;--focus:#f5c242;--red:#ff7388;--danger:#ef5b70;--warning:#e8a64a;--selected:#2e3cd2;--selected-line:#2e3cd2;--nav-hover:#1f1f23;--avatar-shine:#fffc;--row-hover:#ffffff03;--row-selected:#ffffff04;--success-bg:#3ecf8e1f;--success-border:#3ecf8e47;--success-ink:#45d79a;--danger-bg:#ef5b701f;--danger-border:#ef5b7047;--danger-control-border:#6c3843;--warning-bg:#e8a64a1f;--warning-border:#e8a64a47;--warning-ink:#f0c27a;--info-bg:#5b8cff1f;--info-border:#5b8cff47;--warning-surface:#29251d;--warning-line:#564127;--warning-text:#e8bb75;--error-surface:#302127;--error-line:#603441;--notice-surface:#20272e;--notice-ink:#b0bdd2;--tooltip-surface:#2a2a2e;--tooltip-border:#3a3a40;--tooltip-ink:#f4f4f6;--scrollbar:#4a4a54;--backdrop:#0009;--logo-filter:brightness(0) invert(1);--card-shadow:inset 0 1px 2px #00000059;--field-shadow:inset 0 1px 2px #0006;--focus-ring:0 0 0 3px #f5c24240;--invalid-ring:0 0 0 3px #ef5b7033;--window-shadow:inset 0 1px 0 #ffffff0a, 0 3px 0 #08080a, 0 5px 6px #0006;--menu-shadow:0 3px 0 #08080a, 0 5px 6px #0000001f}@supports (color:lab(0% 0 0)){:root[data-theme=dark]{--ink:lab(93.478% .298262 -1.09154);--secondary:lab(74.178% .804096 -2.90369);--muted:lab(55.7157% 1.01316 -3.62285);--muted-2:lab(40.5099% 1.12481 -3.97725)}}body{background:var(--paper);color:var(--ink);font:400 var(--text-ui)/var(--leading-ui) var(--sans);-webkit-font-smoothing:antialiased;min-height:100svh}a{color:inherit;text-decoration:none}a:hover{text-underline-offset:.2em;text-decoration:underline}h1{font-size:var(--text-title);letter-spacing:-.8px;font-weight:600;line-height:1.2}h2{font-size:var(--text-section);letter-spacing:-.2px;font-weight:600;line-height:1.35}h3{font-size:var(--text-card);letter-spacing:-.2px;font-weight:600;line-height:1.4}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}label{font-size:var(--text-control);font-weight:500;line-height:var(--leading-ui);flex-direction:column;gap:.5rem;display:flex}input,select,textarea{border:1px solid var(--control-border);background:var(--field);width:100%;min-width:0;min-height:40px;color:var(--ink);font-size:var(--text-ui);box-shadow:var(--field-shadow);font-weight:400;line-height:var(--leading-ui);border-radius:10px;padding:.55rem .875rem}input:hover,select:hover,textarea:hover{border-color:var(--control-hover)}input::placeholder,textarea::placeholder{color:var(--muted-2);opacity:1}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--focus);box-shadow:var(--field-shadow), var(--focus-ring);outline:none}:is(input:user-invalid,select:user-invalid,textarea:user-invalid,input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]){border-color:var(--danger);box-shadow:var(--field-shadow), var(--invalid-ring)}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:2px solid var(--focus);outline-offset:3px;box-shadow:none}textarea{resize:vertical;min-height:110px}input[type=checkbox],input[type=radio]{appearance:none;border:1px solid var(--line);background:var(--field);width:22px;height:22px;min-height:0;box-shadow:var(--field-shadow);cursor:pointer;border-radius:6px;flex:0 0 22px;margin:0;padding:0;position:relative}input[type=checkbox]:checked,input[type=checkbox]:indeterminate{background:var(--focus);border-color:var(--focus);box-shadow:inset 0 1px #ffffff59,0 1px #0000004d}input[type=checkbox]:checked:after{content:"";border:solid var(--paper);border-width:0 2px 2px 0;width:6px;height:11px;position:absolute;top:3px;left:7px;transform:rotate(45deg)}input[type=checkbox]:indeterminate:after{content:"";background:var(--paper);width:10px;height:2px;position:absolute;top:9px;left:5px}input[type=radio]{box-shadow:none;border-radius:50%}input[type=radio]:checked{border-color:var(--focus)}input[type=radio]:checked:after{content:"";background:var(--focus);border-radius:50%;position:absolute;inset:6px}input[type=checkbox][role=switch]{background:var(--white);border-radius:12px;flex-basis:42px;width:42px;height:24px;box-shadow:inset 0 1px 2px #00000040}input[type=checkbox][role=switch]:checked{background:var(--focus);border-color:var(--focus)}input[type=checkbox][role=switch]:after{content:"";background:#fff;border:0;border-radius:50%;width:18px;height:18px;position:absolute;top:2px;left:2px;transform:none;box-shadow:0 1px #0003,0 1px 3px #0000004d}input[type=checkbox][role=switch]:checked:after{transform:translate(18px)}input:disabled,select:disabled,textarea:disabled{color:var(--muted-2);opacity:.45;cursor:not-allowed}select[hidden]{display:none}code,.mono{font-family:var(--mono);font-size:var(--text-small);overflow-wrap:anywhere;font-variant-numeric:tabular-nums;letter-spacing:0}form{gap:1.25rem;display:grid}button:disabled{opacity:.45;cursor:not-allowed}.muted{color:var(--muted)}.small{font-size:var(--text-small);line-height:1.6}.eyebrow{font-size:var(--text-micro);color:var(--muted);letter-spacing:.4px;font-weight:500;line-height:1.5;font-family:var(--mono)}.icon{fill:none;stroke:currentColor;stroke-width:1.65px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:19px;height:19px}.skip-link{z-index:40;background:var(--white);border-radius:6px;padding:.8rem;position:absolute;top:-80px;left:10px}.skip-link:focus{top:10px}}@layer components{.currency-switch{border:1px solid var(--line);background:var(--panel);border-radius:9px;flex-shrink:0;align-items:center;gap:2px;padding:3px;display:inline-flex}.currency-switch button{min-height:30px;font-size:var(--text-caption);color:var(--muted);background:0 0;border:0;border-radius:6px;padding:4px 9px;font-weight:500;line-height:1.25}.currency-switch button:hover:not(:disabled){background:var(--hover);color:var(--ink)}.currency-switch button.active{background:var(--accent);color:var(--accent-ink)}.currency-switch button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.currency-switch button:disabled{cursor:default;opacity:.5}.topup-presets{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0 16px;display:grid}.topup-presets .button{min-height:40px;font-size:var(--text-caption);font-variant-numeric:tabular-nums;white-space:nowrap;padding:8px}@media (max-width:480px){.topup-presets{grid-template-columns:repeat(2,minmax(0,1fr))}}.currency-loading{text-align:center;justify-items:center;gap:16px;display:grid}.brand{align-items:center;display:inline-flex;text-decoration:none!important}.brand img{max-width:100%;height:auto;display:block}.brand img,.workspace-logo{filter:var(--logo-filter)}.auth-screen{place-items:center;min-height:100svh;padding:3rem 1.25rem;display:grid}.auth-screen.auth-entry{align-items:start;padding:4rem 1.25rem 2rem}.auth-theme{position:absolute;top:1.25rem;right:1.25rem}.theme-control{cursor:pointer;border-radius:7px;flex-direction:row;align-items:center;gap:6px;min-height:38px;padding:6px;display:inline-flex}.theme-control:hover{background:var(--soft)}.theme-control>.icon{width:16px;height:16px;color:var(--muted)}.theme-control>.icon:first-child{color:var(--ink)}:root[data-theme=dark] .theme-control>.icon:first-child{color:var(--muted)}:root[data-theme=dark] .theme-control>.icon:last-child{color:var(--ink)}.auth-shell{width:100%;max-width:410px}.auth-shell>.brand{justify-content:center;margin-bottom:2rem;display:flex}.auth-entry .auth-shell>.brand{margin-bottom:1.25rem}.auth-entry .brand img{width:176px}.auth-card{padding:var(--card-padding)}.auth-card h1{font-size:var(--text-title)}.auth-card>p{font-size:var(--text-body);line-height:var(--leading-copy);margin-top:.5rem}.auth-entry .auth-card{padding:1.25rem 1.5rem}.auth-entry .auth-card h1{font-size:var(--text-heading);letter-spacing:-.4px}.auth-entry .auth-card>p{line-height:var(--leading-ui);margin-top:.375rem}.auth-password-field{gap:.5rem;display:grid}.auth-field-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.auth-recovery{font-size:var(--text-caption);color:var(--muted);min-height:24px;line-height:1.5}.auth-recovery:hover{color:var(--ink)}.auth-tabs{background:var(--white);border:1px solid var(--line-subtle);box-shadow:var(--card-shadow);border-radius:10px;gap:2px;margin:1.5rem 0;padding:3px;display:flex}.auth-tabs button{min-height:40px;color:var(--muted);font-size:var(--text-control);background:0 0;border:0;border-radius:7px;flex:1;padding:.55rem .5rem}.auth-tabs .active{color:var(--ink);background:var(--hover);box-shadow:none;font-weight:500}.auth-entry .auth-tabs{margin:1rem 0}.auth-entry .auth-tabs button{min-height:36px;padding-block:.4rem}#signup-note{margin-top:1.25rem}.auth-entry #signup-note{font-size:var(--text-caption);text-align:center;margin:.75rem 0 0;line-height:1.5}.auth-entry #signup-note a{color:var(--ink)}.button{border:1px solid var(--control-border);min-height:42px;font-size:var(--text-control);background:var(--white);color:var(--ink);font-weight:500;line-height:var(--leading-ui);border-radius:7px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem .95rem;display:inline-flex;text-decoration:none!important}.button:hover:not(:disabled):not([aria-disabled=true]){border-color:var(--button-hover);background:var(--hover)}.button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.button.primary:hover:not(:disabled):not([aria-disabled=true]){background:var(--accent-hover);border-color:var(--accent-hover)}.button.quiet{color:var(--muted);box-shadow:none;background:0 0;border-color:#0000}.button.quiet:hover:not(:disabled):not([aria-disabled=true]){background:var(--hover);color:var(--ink);border-color:#0000}.button.danger{border-color:var(--danger-control-border);color:var(--red)}.button.full{width:100%}.button.link{min-height:32px;color:var(--ink);box-shadow:none;background:0 0;border:0;justify-content:flex-start;padding:0}.button.link:hover:not(:disabled):not([aria-disabled=true]){color:var(--blue);background:0 0}.workspace{background:var(--workspace-frame);grid-template-columns:224px minmax(0,1fr);min-height:100svh;display:grid}.sidebar{background:var(--workspace-frame);scrollbar-width:thin;flex-direction:column;height:100svh;min-height:520px;padding:1.65rem 1rem 1rem;display:flex;position:sticky;top:0;overflow-y:auto}:root:not([data-theme=dark]) .sidebar{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f4f6ff;--secondary:#ced5f4;--muted:#a3afd9;--white:#202a62;--line:#364580;--line-subtle:#2e3b76;--control-border:#4858a2;--hover:#2b3881;--soft:#222d68;--nav-hover:#222d68;--logo-filter:brightness(0) invert(1);--focus:#f5c242;--focus-ring:0 0 0 3px #f5c24259}.sidebar-brand{flex-shrink:0;justify-content:space-between;align-items:center;gap:.4rem;margin:0 .25rem 1.25rem;display:flex}.sidebar-brand .brand{min-width:0}.workspace-switcher{flex:0 auto;min-width:0;max-width:300px;position:relative}.workspace-trigger{text-align:left;min-width:0;max-width:100%;min-height:38px;color:var(--ink);background:0 0;border:0;border-radius:7px;align-items:center;gap:.6rem;padding:.35rem .5rem;display:flex}.workspace-trigger:hover:enabled,.workspace-trigger[aria-expanded=true]{background:var(--hover)}.workspace-logo{flex-shrink:0;width:22px;height:22px;display:block}.workspace-mark{border:1px solid var(--line);background:var(--white);width:30px;height:30px;color:var(--secondary);font:.625rem var(--mono);box-shadow:inset 0 1px 0 var(--avatar-shine);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.workspace-mark img{object-fit:contain;width:16px;height:16px;filter:var(--logo-filter);display:block}.workspace-option-text{flex:1;min-width:0;display:block}.workspace-trigger strong{min-width:0;font-size:var(--text-ui);font-weight:500;line-height:var(--leading-ui);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.workspace-chevron{width:18px;height:18px;color:var(--muted);stroke-width:1.9px;margin-left:.1rem}.workspace-menu{z-index:15;background:var(--panel);border:1px solid var(--line-subtle);width:min(264px,100vw - 104px);box-shadow:var(--menu-shadow);border-radius:12px;padding:6px;position:absolute;top:calc(100% + 7px);left:0}.workspace-menu-header{color:var(--muted);font-size:var(--text-micro);justify-content:space-between;align-items:center;gap:.4rem;padding:.45rem .5rem .6rem;font-weight:500;display:flex}#workspace-count{border:1px solid var(--line-subtle);background:var(--white);min-width:20px;color:var(--muted);font-size:var(--text-micro);font-variant-numeric:tabular-nums;font-family:var(--mono);border-radius:5px;place-items:center;padding:1px 5px;display:grid}#workspace-options{overscroll-behavior:contain;scrollbar-width:thin;grid-template-columns:minmax(0,1fr);gap:.2rem;max-height:min(256px,100svh - 7rem);display:grid;overflow:hidden auto}.workspace-option{width:100%;min-width:0;min-height:46px;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:.625rem;padding:.375rem .5rem;display:flex}.workspace-option:hover,.workspace-option:focus{background:var(--hover)}.workspace-option:focus-visible{outline-offset:-2px}.workspace-option[aria-checked=true]{background:var(--soft)}.workspace-option-text strong{font-size:var(--text-control);text-overflow:ellipsis;white-space:nowrap;font-weight:500;display:block;overflow:hidden}.workspace-option-text>span{color:var(--muted);font-size:var(--text-micro);text-transform:capitalize;margin-top:.1rem;display:block}.workspace-check{width:14px;color:var(--focus);text-align:center;flex-shrink:0;font-size:.875rem}.workspace-check .icon{stroke-width:2px;width:14px;height:14px}.sidebar nav,.nav-group,.nav-group-links{gap:.35rem;display:grid}.nav-label{width:100%;min-height:40px;color:var(--secondary);font-size:var(--text-control);letter-spacing:0;text-transform:none;text-align:left;font-weight:400;line-height:var(--leading-ui);background:0 0;border:0;border-radius:7px;justify-content:space-between;align-items:center;gap:.5rem;margin:0;padding:.55rem .7rem;display:flex}.nav-label:hover{background:var(--nav-hover);color:var(--ink)}.nav-label[aria-expanded=false] .nav-group-chevron{transform:rotate(-90deg)}.nav-group+.nav-group{margin-top:.375rem;padding-top:0}.sidebar nav a{min-height:40px;color:var(--secondary);font-size:var(--text-control);font-weight:400;line-height:var(--leading-ui);border:1px solid #0000;border-radius:7px;align-items:center;gap:.7rem;padding:.55rem .7rem;text-decoration:none;display:flex}.sidebar nav a:hover{background:var(--nav-hover);color:var(--ink)}.sidebar nav a.active{background:var(--hover);border-color:var(--control-border);box-shadow:none;color:var(--ink);font-weight:500}.sidebar nav .icon,.docs-link .icon{width:16px;height:16px;color:var(--muted);stroke-width:1.7px}.sidebar nav a.active .icon{color:var(--ink)}.nav-count{border:1px solid var(--line-subtle);text-align:center;background:var(--white);min-width:21px;color:var(--muted);font-variant-numeric:tabular-nums;font-size:.71875rem;font-weight:500;line-height:1.5;font-family:var(--mono);border-radius:6px;margin-left:auto;padding:1px 6px}.active .nav-count{border-color:var(--line);color:var(--secondary)}.sidebar-bottom{flex-shrink:0;margin-top:auto;padding-top:1.5rem}.sidebar-tools{align-items:center;gap:.5rem;margin-top:.5rem;padding:0 .35rem;display:flex}.docs-link{min-height:40px;color:var(--secondary);font-size:var(--text-small);border-radius:7px;align-items:center;gap:.5rem;padding:.55rem .7rem;font-weight:400;display:flex;text-decoration:none!important}.docs-link:hover{background:var(--nav-hover);color:var(--ink)}.docs-link .docs-arrow{width:13px;height:13px;color:var(--muted);margin-left:auto}.account{align-items:center;gap:.5rem;min-width:0;margin-top:.6rem;padding:.65rem .55rem;display:flex}.account-details{flex:1;min-width:0}.avatar{border:1px solid var(--line);background:var(--white);width:30px;height:30px;color:var(--secondary);font:500 var(--text-small)/1 var(--mono);box-shadow:inset 0 1px 0 var(--avatar-shine);border-radius:50%;flex:0 0 30px;place-items:center;display:grid}.identity{align-items:center;gap:.75rem;min-width:0;display:flex}.identity-text{overflow-wrap:anywhere;min-width:0}.account strong{text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:600;display:block;overflow:hidden}.account span{color:var(--muted);text-transform:capitalize;margin-top:.1rem;font-size:.625rem;display:block}.logout{width:26px;height:30px;color:var(--muted);background:0 0;border:0;border-radius:6px;flex-shrink:0;place-items:center;padding:0;display:grid}.logout .icon{width:15px;height:15px}.logout:hover:enabled{color:var(--ink);background:var(--soft)}.workspace-body{border:1px solid var(--line);background:var(--shell);border-radius:14px;flex-direction:column;min-width:0;margin:8px 8px 8px 0;display:flex}.topbar{border-bottom:1px solid var(--line-subtle);background:var(--header);border-radius:14px 14px 0 0;justify-content:space-between;align-items:center;gap:1rem;min-height:62px;padding:.65rem 2rem;display:flex}.topbar-left,.topbar-right{align-items:center;gap:1.1rem;min-width:0;display:flex}.topbar-left{flex:1}.topbar-right{flex-shrink:0;gap:.8rem}.header-credit{align-items:center;min-width:0;display:flex}.header-credit-control{border:1px solid var(--control-border);background:var(--field);border-radius:9px;flex-wrap:nowrap;align-items:stretch;min-width:0;max-width:100%;display:inline-flex;overflow:hidden}.header-credit-control>.tooltip-anchor{flex:none;display:inline-flex}.header-credit-control:focus-within{outline:2px solid var(--focus);outline-offset:3px}.header-credit-balance{width:100%;min-height:38px;color:var(--secondary);flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:.5rem .8rem;display:inline-flex}.header-credit-amount{font-size:var(--text-ui);font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:500}#header-available-credit-idr{font-size:var(--text-small);color:var(--muted)}.metric-secondary{font-size:var(--text-heading);color:var(--secondary);margin-top:5px}.header-load-credit{white-space:nowrap;border:0;border-radius:0;flex:0 0 40px;justify-content:center;align-items:center;width:40px;min-height:38px;padding:0;display:inline-flex}.account-switcher{flex-shrink:0;position:relative}.account-trigger{min-height:38px;color:var(--muted);background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:4px 6px;display:inline-flex}.account-trigger:hover:enabled,.account-trigger[aria-expanded=true]{background:var(--hover);color:var(--ink)}.account-avatar{background:var(--soft);color:var(--secondary);font-size:var(--text-micro)}.account-trigger>.icon{width:14px;height:14px}.account-menu{z-index:15;border:1px solid var(--line-subtle);background:var(--panel);width:min(280px,100vw - 32px);box-shadow:var(--menu-shadow);border-radius:12px;padding:6px;position:absolute;top:calc(100% + 7px);right:0}.account-menu-header{border-bottom:1px solid var(--line-subtle);align-items:center;gap:10px;padding:10px 8px 12px;display:flex}.account-menu-identity{flex:1;min-width:0}.account-menu-identity strong,.account-menu-identity span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.account-menu-identity strong{color:var(--ink);font-size:var(--text-control);font-weight:500;line-height:var(--leading-ui)}.account-menu-identity span{color:var(--muted);font-size:var(--text-micro);text-transform:capitalize;margin-top:2px}.account-menu-links{gap:2px;padding-top:6px;display:grid}.account-menu [role=menuitem]{width:100%;min-height:36px;color:var(--secondary);font-size:var(--text-control);text-align:left;line-height:var(--leading-ui);background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;padding:7px 8px;text-decoration:none;display:flex}.account-menu [role=menuitem] .icon{width:16px;height:16px;color:var(--muted);stroke-width:1.7px}.account-menu [role=menuitem]:hover,.account-menu [role=menuitem]:focus-visible{background:var(--hover);color:var(--ink)}.account-menu [role=menuitem]:focus-visible{outline-offset:-2px}.account-menu [aria-disabled=true],.account-trigger:disabled{opacity:.55}.account-menu-footer{margin-top:6px}.account-menu-footer [role=menuitem]:hover{color:var(--red)}.account-menu-footer [role=menuitem]:hover .icon{color:currentColor}.breadcrumbs{min-width:0;font-size:var(--text-control);line-height:var(--leading-ui);align-items:center;gap:.85rem;display:flex}.breadcrumb-divider{color:var(--muted-2);flex-shrink:0}#breadcrumb{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-weight:400;overflow:hidden}main{flex:1;width:100%;min-width:0;max-width:1500px;margin:0 auto;padding:2rem}main:focus{outline:none}.workspace-footer{border-top:1px solid var(--line);font-size:var(--text-small);color:var(--muted);justify-content:flex-end;gap:1rem;margin:0 2rem;padding:1rem 0;display:flex}.page-heading{justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1.8rem;display:flex}.page-heading>div{min-width:0}.page-heading h1{overflow-wrap:anywhere}.page-heading p{color:var(--muted);font-size:var(--text-body);max-width:650px;line-height:var(--leading-copy);margin-top:.4rem}.page-heading .eyebrow{display:none}.page-heading>.button{flex-shrink:0}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1.8rem;display:grid}.metric{padding:var(--card-padding);min-width:0}.metric-label{font-size:var(--text-small);color:var(--muted);align-items:center;gap:.6rem;font-weight:500;display:flex}.metric-label .icon{width:17px;height:17px;color:var(--muted)}.metric strong{letter-spacing:-.5px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:2rem;font-weight:500;line-height:1.25;font-family:var(--mono);margin:.8rem 0 .45rem;display:block}.metric.accent>strong{color:var(--green)}.metric p{font-size:var(--text-small);color:var(--muted);line-height:1.6}.metric .section-space{margin-top:.65rem;font-size:.8125rem}.panel{min-width:0;margin-bottom:1.5rem;overflow:hidden}.panel-head{padding:var(--card-padding);border-bottom:1px solid var(--line-subtle);justify-content:space-between;align-items:center;gap:1rem;display:flex}.panel-head>div{min-width:0}.panel-head h3{font-size:var(--text-card);letter-spacing:-.2px;font-weight:600}.panel-head p{font-size:var(--text-small);color:var(--muted);margin-top:.25rem;line-height:1.6}.panel-head>.button{flex-shrink:0}.panel-body{padding:var(--card-padding)}.table-wrap{max-width:100%;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;min-width:680px;font-size:var(--text-control);line-height:var(--leading-ui)}th{height:42px;color:var(--muted);font-size:var(--text-caption);white-space:nowrap;background:0 0;padding:.65rem 1.4rem;font-weight:500}td{border-top:1px solid var(--line-subtle);vertical-align:middle;font-variant-numeric:tabular-nums;height:62px;padding:.75rem 1.4rem}tbody tr:hover{background:var(--row-hover)}td strong{font-weight:600;display:block}td .muted{font-size:var(--text-caption);margin-top:.2rem;line-height:1.5;display:block}td .button.link{min-height:28px;font-weight:500}.badge{border:1px solid var(--line-subtle);color:var(--muted);background:var(--white);font-size:var(--text-micro);line-height:var(--leading-ui);white-space:nowrap;border-radius:6px;align-items:center;gap:.4rem;padding:3px 8px;font-weight:500;display:inline-flex}.badge.success{background:var(--success-bg);border-color:var(--success-border);color:var(--success-ink)}.badge.danger{background:var(--danger-bg);border-color:var(--danger-border);color:var(--red)}.badge.warning{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-ink)}.badge.info{background:var(--info-bg);border-color:var(--info-border);color:var(--blue)}.status{color:var(--secondary);font-size:var(--text-micro);background:0 0;border:0;border-radius:0;gap:.5rem;padding:0}.status:before{content:"";background:var(--muted);border-radius:50%;flex:0 0 8px;width:8px;height:8px}.status.running:before,.status.sent:before,.status.starting:before,.status.rebooting:before,.status.stopping:before,.status.provisioning:before{background:var(--info)}.status.succeeded:before,.status.delivered:before,.status.paid:before,.status.confirmed:before{background:var(--green)}.status.queued:before,.status.pending:before,.status.awaiting:before,.status.partial:before,.status.stopped:before{background:var(--warning)}.status.failed:before,.status.bounced:before,.status.complained:before,.status.canceled:before,.status.revoked:before,.status.expired:before,.status.terminated:before{background:var(--danger)}.progress-block{margin-top:1.25rem}.progress-label{color:var(--muted);font-size:var(--text-caption);justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.progress-label .mono{font-size:var(--text-micro)}progress{appearance:none;border:1px solid var(--line-subtle);background:var(--white);width:100%;height:8px;color:var(--green);border-radius:4px;display:block;overflow:hidden}progress::-webkit-progress-bar{background:var(--white)}progress::-webkit-progress-value{background:var(--green)}progress::-moz-progress-bar{background:var(--green)}progress.failed{color:var(--danger)}progress.failed::-webkit-progress-value{background:var(--danger)}progress.failed::-moz-progress-bar{background:var(--danger)}.empty{text-align:center;justify-items:center;padding:3rem 1.5rem;display:grid}.empty h3{font-size:var(--text-section);letter-spacing:-.2px;font-weight:600}.empty p{max-width:440px;color:var(--muted);font-size:var(--text-body);line-height:var(--leading-copy);margin:.6rem 0 1.4rem}.split{grid-template-columns:1.5fr 1fr;gap:1.5rem;display:grid}.callout{background:var(--field);border:1px solid var(--line);font-size:var(--text-small);overflow-wrap:anywhere;color:var(--secondary);border-radius:10px;margin-bottom:1.25rem;padding:.9rem 1rem;line-height:1.6}.callout.warning{background:var(--warning-surface);border-color:var(--warning-line);color:var(--warning-text)}.callout p+p{margin-top:.5rem}.detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem 2rem;margin:0;display:grid}.detail-grid dt{color:var(--muted);font-size:var(--text-caption);margin-bottom:.45rem;line-height:1.5}.detail-grid dd{font-size:var(--text-ui);overflow-wrap:anywhere;margin:0;font-weight:500;line-height:1.6}.actions{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.section-space{margin-top:1.25rem}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.form-grid .wide{grid-column:1/-1}.field{align-content:start;gap:.5rem;min-width:0;display:grid}.field-note{font-size:var(--text-caption);color:var(--muted);font-weight:400;line-height:1.6}.form-error{color:var(--red);background:var(--error-surface);border:1px solid var(--error-line);font-size:var(--text-caption);overflow-wrap:anywhere;border-radius:8px;margin-top:.4rem;padding:.85rem 1rem;line-height:1.6}.check-row{flex-direction:row;align-items:center;gap:.6rem;display:flex}.check-list{gap:.75rem;display:grid}.steps{font-size:var(--text-control);color:var(--muted);line-height:var(--leading-ui);flex-wrap:wrap;gap:2rem;margin-bottom:1.5rem;padding:.85rem 1.1rem;display:flex}.steps .current{color:var(--ink);font-weight:600}.compose-layout{grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:1.5rem;display:grid}.compose-content{gap:1.3rem;min-width:0;display:grid}.billing-term-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.billing-term-option{align-content:start;gap:.75rem;min-width:0;padding:1rem;display:grid}.billing-term-heading{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.billing-term-heading strong{font-size:var(--text-ui);font-weight:600}.billing-term-price{font:500 var(--text-card)/1.4 var(--mono);overflow-wrap:anywhere;font-size:var(--text-card);letter-spacing:-.2px;display:block}.billing-term-option:has(input:disabled){opacity:.45;cursor:not-allowed}.billing-term-option:has(input:disabled):not(:has(input:checked)):hover{border-color:var(--card-border);background:var(--card-surface)}.billing-term-option:has(input:checked) .selected-marker{border-color:var(--focus);color:var(--focus)}.compose-section{padding:var(--card-padding);min-width:0}.compose-section-head{align-items:center;gap:.65rem;margin-bottom:1.3rem;display:flex}.compose-section-head>span{border:1px solid var(--line);width:26px;height:26px;font-size:var(--text-micro);color:var(--muted);font-family:var(--mono);border-radius:6px;place-items:center;display:grid}.compose-section h2{font-size:var(--text-section);letter-spacing:-.2px;font-weight:600}.compose-section>p{font-size:var(--text-body);color:var(--muted);line-height:var(--leading-copy);margin:-.5rem 0 1.2rem}.plan-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;display:grid}.plan-option{cursor:pointer;grid-template-columns:17px minmax(0,1fr);align-items:start;gap:.65rem;padding:1rem .85rem;font-weight:400;display:grid}.plan-option:has(input:checked){background:var(--selected);border-color:var(--selected-line)}.plan-option input{margin:.25rem 0 0}.plan-option strong{font-size:var(--text-ui);letter-spacing:-.1px;font-weight:600}.plan-option p{font-size:var(--text-small);color:var(--muted);margin-top:.5rem;line-height:1.6}.plan-pricing{grid-column:2;margin-top:.5rem}.plan-price{letter-spacing:-.2px;font-size:1.25rem;font-weight:500;font-family:var(--mono)}.plan-pricing p{font-size:var(--text-caption);margin-top:.15rem}.compose-section .form-grid{margin-top:1.25rem}.compose-section:first-child .form-grid{margin-top:0}.order-summary{padding:var(--card-padding);gap:1.1rem;min-width:0;display:grid;position:sticky;top:1.5rem}.order-summary h2{font-size:var(--text-section);letter-spacing:-.2px;font-weight:600}.order-summary>.eyebrow{display:none}.order-summary .detail-grid{grid-template-columns:minmax(0,1fr);gap:.85rem}.order-summary .detail-grid>div{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.order-summary .detail-grid dt{font-size:var(--text-caption);margin:0;font-weight:400}.order-summary .detail-grid dd{text-align:right;max-width:62%;font-size:.875rem}.order-summary .callout{margin:0}.order-summary .button{width:100%}.order-summary .actions{flex-direction:column;align-items:stretch}.summary-price{border-top:1px solid var(--line);padding-top:1.1rem}.summary-price strong{letter-spacing:-.5px;font-size:2rem;font-weight:500;font-family:var(--mono);margin:.4rem 0;line-height:1.25;display:block}.review-total{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:1rem;padding:1rem 0;display:flex}.review-total strong{letter-spacing:-.5px;font-size:1.8rem;font-weight:500;font-family:var(--mono);line-height:1.25}.review-details{margin:0}.review-details>div{border-top:1px solid var(--line);grid-template-columns:1fr 1.5fr;gap:1rem;padding:.9rem 0;display:grid}.review-details>div:first-child{border-top:0;padding-top:0}.review-details>div:last-child{padding-bottom:0}.review-details dt{color:var(--muted);font-size:var(--text-caption)}.review-details dd{font-size:var(--text-ui);overflow-wrap:anywhere;margin:0;font-weight:500;line-height:1.6}.pagination{justify-content:flex-end;padding:1rem 1.4rem;display:flex}.secret{background:var(--field);color:var(--ink);border:1px solid var(--line);overflow-wrap:anywhere;border-radius:7px;margin:1rem 0;padding:1.1rem}.positive,.negative{font-family:var(--mono);font-size:var(--text-caption);font-variant-numeric:tabular-nums}.positive{color:var(--green)}.negative{color:var(--danger)}dialog{width:min(600px,100vw - 2rem);max-height:calc(100svh - 3rem);padding:var(--card-padding);color:var(--ink);overflow-y:auto}dialog::backdrop{background:var(--backdrop)}.modal-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.modal-header h2{letter-spacing:-.2px;font-size:1.0625rem;font-weight:600;line-height:1.4}.icon-button{border:1px solid var(--line);width:38px;min-width:38px;height:38px;color:var(--muted);background:0 0;border-radius:6px;place-items:center;padding:0;font-size:1.3rem;display:inline-grid}.sidebar-toggle,.sidebar-close{display:none}.sidebar-collapse{border-color:#0000;width:28px;min-width:28px;height:28px}.sidebar-brand>.tooltip-anchor{flex-shrink:0}.sidebar-collapse .icon,.sidebar-toggle .icon{width:18px;height:18px}.sidebar-collapse:hover,.sidebar-toggle:hover{background:var(--soft);color:var(--ink)}.toast{border:1px solid var(--control-hover);background:var(--panel);max-width:min(480px,100vw - 2rem);color:var(--ink);font-size:var(--text-control);box-shadow:var(--window-shadow);z-index:40;border-radius:10px;padding:.9rem 1.15rem;line-height:1.5;position:fixed;bottom:1.5rem;right:1.5rem}.sidebar-scrim{background:var(--backdrop);z-index:20;border:0;padding:0;position:fixed;inset:0}.noscript{padding:2rem}.auth-card,.metric,.panel,.compose-section,.order-summary,.account,.steps,.selection-card,dialog{background:var(--card-surface);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--card-shadow)}}@layer responsive{@media (min-width:861px){.sidebar{width:224px}.topbar-left>.tooltip-anchor{display:none}.workspace.sidebar-collapsed{grid-template-columns:0 minmax(0,1fr)}.sidebar-collapsed .sidebar{visibility:hidden;opacity:0;pointer-events:none;transform:translate(-100%)}.sidebar-collapsed .workspace-body{margin-left:8px}.sidebar-collapsed .sidebar-toggle{display:inline-grid}.sidebar-collapsed .topbar-left>.tooltip-anchor{display:inline-flex}}@media (min-width:861px) and (prefers-reduced-motion:no-preference){.workspace{transition:grid-template-columns .18s}.sidebar{transition:transform .18s,opacity .18s,visibility}.sidebar-collapsed .sidebar{transition-delay:0s,0s,.18s}.workspace-body{transition:margin-left .18s}}@media (max-width:1160px){.compose-layout{grid-template-columns:minmax(0,1fr)}.order-summary{position:static}.order-summary>.button.primary{width:100%}.metrics{gap:.75rem}.metric{padding:1.2rem}.metric strong{font-size:1.85rem;font-family:var(--mono);letter-spacing:-.5px;font-weight:500;line-height:1.25}}@media (max-width:860px){.workspace{grid-template-columns:minmax(0,1fr)}.sidebar{overscroll-behavior:contain;height:auto;min-height:0;padding-bottom:max(1rem, env(safe-area-inset-bottom));z-index:30;visibility:hidden;width:min(248px,100vw - 3rem);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar-open .sidebar{visibility:visible;transform:translate(0)}.sidebar-toggle{display:inline-grid}.sidebar-brand>.tooltip-anchor{display:none}.nav-open,.nav-open body{overscroll-behavior:none;overflow:hidden}main{padding:1.5rem}.topbar{min-height:62px;padding:.8rem 1.5rem}.workspace-footer{font-size:var(--text-small);margin:0 1.5rem}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.order-summary .detail-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:560px){main{padding:1.3rem 1rem}.topbar{gap:.7rem;padding:.7rem 1rem}.topbar-left{gap:.65rem}.breadcrumbs{font-size:var(--text-control);line-height:var(--leading-ui);flex:1}.breadcrumb-divider,#breadcrumb{display:none}.workspace-switcher{max-width:100%}.workspace-trigger{gap:8px;padding:4px 6px}.workspace-trigger strong{font-size:var(--text-ui);font-weight:500;line-height:var(--leading-ui)}.account-trigger{width:38px;padding:4px}.account-trigger>.icon{display:none}.page-heading{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1.4rem}.page-heading h1{font-size:1.65rem}.page-heading p{font-size:var(--text-body);line-height:var(--leading-copy)}.metrics{grid-template-columns:minmax(0,1fr)}.metric{padding:1.2rem}.metric strong{font-size:1.9rem;font-family:var(--mono);letter-spacing:-.5px;font-weight:500;line-height:1.25}.panel-head{flex-wrap:wrap;align-items:flex-start;padding:1rem}.panel-head h3{font-size:var(--text-card);letter-spacing:-.2px;font-weight:600}.panel-body{padding:1.2rem 1rem}.empty{padding:2.5rem 1.2rem}th,td{padding:.9rem 1rem}.compose-section,.order-summary{padding:1.15rem}.form-grid,.plan-grid{grid-template-columns:minmax(0,1fr)}.plan-option{grid-template-columns:17px minmax(0,1fr) auto;align-items:center}.plan-option p{font-size:var(--text-small);margin-top:.25rem;line-height:1.6}.plan-pricing{text-align:right;grid-column:3;margin:0}.plan-pricing p{font-size:var(--text-caption)}.steps{font-size:var(--text-control);line-height:var(--leading-ui);gap:1rem;padding:.85rem 1rem}.review-details>div{grid-template-columns:minmax(0,1fr);gap:.4rem}.detail-grid{gap:1.2rem}.split{grid-template-columns:minmax(0,1fr);gap:0}.workspace-footer{font-size:var(--text-small);flex-wrap:wrap;margin:0 1rem}.auth-card{padding:1.5rem}dialog{padding:1.25rem}.toast{font-size:var(--text-control);line-height:1.5;bottom:1rem;right:1rem}}@media (max-width:860px){.sidebar-close{border-color:#0000;border-radius:8px;flex-shrink:0;width:32px;min-width:32px;height:32px;display:inline-grid}.sidebar-close:hover{background:var(--soft)}.sidebar-brand{margin-left:.4rem;margin-right:.2rem}.workspace-body{margin:8px}.sidebar{border-right:1px solid var(--line);box-shadow:12px 0 40px #00000050}}@media (prefers-reduced-motion:no-preference){.button,.sidebar nav a,.workspace-trigger,.workspace-option,.docs-link,.logout{transition:background .15s,border-color .15s,color .15s}}}.bot-check{min-width:0;margin:14px 0}.bot-check-widget{width:100%;min-height:65px}.bot-check-error{justify-items:start;gap:6px;margin:12px 0;display:grid}.bot-check-error p{margin:0}.onboarding-screen{background:var(--paper);min-height:100dvh;padding:28px 40px}.onboarding-header{justify-content:space-between;align-items:center;max-width:1160px;margin:0 auto 46px;display:flex}.onboarding-header-actions{align-items:center;gap:14px;display:flex}.onboarding-layout{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;gap:56px;max-width:1100px;margin:0 auto;display:grid}.onboarding-kicker{color:var(--secondary);font:12px var(--mono);letter-spacing:.1em;align-items:center;gap:10px;display:flex}.onboarding-spark{color:var(--blue);font-size:24px}.onboarding-welcome h1{letter-spacing:-.045em;margin:20px 0;font-size:clamp(36px,4vw,52px);font-weight:600;line-height:1.12}.onboarding-welcome>p{max-width:345px;color:var(--secondary);font-size:17px;line-height:1.65}.onboarding-art{height:225px;margin:20px 0 14px;position:relative}.onboarding-orbit{border:1px dashed color-mix(in srgb, var(--blue) 35%, transparent);border-radius:50%;width:210px;height:180px;position:absolute;top:18px;left:50px;transform:rotate(-20deg)}.onboarding-machine{justify-items:center;gap:18px;display:grid;position:absolute;top:38px;left:60px}.onboarding-machine .server-avatar{width:98px;height:98px;box-shadow:0 16px 30px color-mix(in srgb, var(--blue) 14%, transparent);transform:rotate(-8deg)}.onboarding-machine>span{color:var(--secondary);border:1px solid var(--line);background:var(--panel);border-radius:8px;align-items:center;gap:7px;padding:7px 11px;font-size:12px;display:flex}.onboarding-machine>span .icon{width:14px;height:14px}.onboarding-art-mint{position:absolute;top:12px;left:205px;transform:rotate(14deg)}.onboarding-art-gold{position:absolute;top:135px;left:232px;transform:rotate(-10deg)}.onboarding-art-mint .server-avatar{width:65px;height:65px}.onboarding-art-gold .server-avatar{width:54px;height:54px}.onboarding-art-star{color:#c99738;font-size:33px;position:absolute;top:125px;left:22px}.onboarding-promise{color:var(--secondary);align-items:center;gap:9px;font-size:13px;line-height:1.5;display:flex}.onboarding-promise .icon{width:18px;height:18px;color:var(--green);flex-shrink:0}.panel.onboarding-card{margin:0;padding:0;overflow:hidden}.onboarding-steps{border-bottom:1px solid var(--line);gap:20px;padding:26px 30px;display:flex}.onboarding-steps button{color:var(--muted);background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:13px;display:inline-flex}.onboarding-steps button:not(:disabled){cursor:pointer}.onboarding-steps button:disabled{opacity:1}.onboarding-steps button[aria-current]{color:var(--ink);font-weight:500}.onboarding-step-number{border:1px solid var(--line);width:26px;height:26px;font:12px var(--mono);border-radius:50%;place-items:center;display:grid}.onboarding-step-number .icon{width:14px;height:14px;color:var(--green)}.onboarding-steps button[aria-current] .onboarding-step-number{color:var(--blue);border-color:var(--blue);background:color-mix(in srgb, var(--blue) 9%, var(--panel))}.onboarding-step-content{min-height:390px;padding:30px}.onboarding-section-icon{width:44px;height:44px;color:var(--blue);background:color-mix(in srgb, var(--blue) 12%, var(--panel));border-radius:12px;place-items:center;margin-bottom:22px;display:grid}.onboarding-section-icon .icon{width:22px;height:22px}.onboarding-section-icon[data-step="1"]{color:#16835c;background:color-mix(in srgb, #34c78e 12%, var(--panel))}.onboarding-section-icon[data-step="2"]{color:#b2862c;background:color-mix(in srgb, #efc357 14%, var(--panel))}:root[data-theme=dark] .onboarding-section-icon[data-step="1"]{color:#79d9b5}:root[data-theme=dark] .onboarding-section-icon[data-step="2"]{color:#efd390}.onboarding-step-count{font:11px var(--mono);letter-spacing:.09em;color:var(--muted);margin-bottom:10px}.onboarding-step-content h2{letter-spacing:-.03em;outline:none;font-size:26px;font-weight:500;line-height:1.25}.onboarding-description{color:var(--secondary);margin:12px 0 26px;font-size:15px;line-height:1.6}.onboarding-step-content fieldset{border:0;min-width:0;margin:0;padding:0}.onboarding-step-content label{font-size:14px}.onboarding-step-content fieldset>label{display:block}.onboarding-step-content>fieldset>input{width:100%;margin-top:9px}.onboarding-step-content .field-note{margin-top:10px;line-height:1.6;display:block}.onboarding-preview{background:color-mix(in srgb, var(--blue) 4%, var(--panel));border:1px solid var(--line);border-radius:10px;align-items:center;gap:12px;margin-top:24px;padding:16px;display:flex}.onboarding-workspace-icon{background:color-mix(in srgb, var(--blue) 14%, var(--panel));width:38px;height:38px;color:var(--blue);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.onboarding-preview>span:last-child{min-width:0}.onboarding-preview strong{overflow-wrap:anywhere;font-size:14px;font-weight:500;display:block}.onboarding-preview small{color:var(--muted);margin-top:5px;font-size:12px;display:block}.onboarding-currencies{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.onboarding-currencies .tooltip-anchor{min-width:0;display:block}.onboarding-currency{border:1px solid var(--line);cursor:pointer;background:var(--panel);border-radius:14px;grid-template-columns:1fr auto;gap:8px;margin:0;padding:18px;display:grid}.onboarding-currency[data-selected=true]{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue);background:color-mix(in srgb, var(--blue) 7%, var(--panel))}.onboarding-currency:has(input:focus-visible){outline:2px solid var(--blue);outline-offset:3px}.onboarding-currency[data-disabled=true]{cursor:default;opacity:.55}.onboarding-currency-symbol{color:var(--blue);margin-bottom:10px;font-size:30px;font-weight:500;line-height:1}.onboarding-currency input{align-self:start;margin:1px 0 0}.onboarding-currency strong{grid-column:1/-1;font-size:15px;font-weight:500}.onboarding-currency>span:not(.onboarding-currency-symbol){color:var(--secondary);grid-column:1/-1;font-size:13px;line-height:1.5}.onboarding-currency small{color:var(--muted);font:11px var(--mono);grid-column:1/-1;margin-top:7px}.onboarding-note{color:var(--secondary);gap:10px;margin-top:22px;font-size:13px;line-height:1.6;display:flex}.onboarding-note>.icon{width:16px;height:16px;color:var(--muted);flex-shrink:0;margin-top:3px}.onboarding-recap{border:1px solid var(--line);border-radius:10px;margin:24px 0 0;padding:16px}.onboarding-recap>div{justify-content:space-between;gap:20px;margin-bottom:12px;font-size:14px;display:flex}.onboarding-recap>div:last-child{margin-bottom:0}.onboarding-recap dt{color:var(--muted)}.onboarding-recap dd{overflow-wrap:anywhere;text-align:right;margin:0}.onboarding-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:22px 30px;display:flex}.onboarding-footer>span{font-size:12px}.onboarding-step-content .form-error{margin-top:20px}.onboarding-account{text-align:center;color:var(--muted);overflow-wrap:anywhere;margin:28px 0 8px;font-size:12px}.onboarding-account>span{color:var(--secondary)}@media (max-width:900px){.onboarding-screen{padding:24px}.onboarding-layout{grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:24px}.onboarding-welcome h1{font-size:36px}.onboarding-welcome>p{font-size:15px}.onboarding-art{transform-origin:0;transform:scale(.85)}.onboarding-steps{gap:12px;padding:24px}.onboarding-step-content{padding:24px}.onboarding-footer{padding:20px 24px}}@media (max-width:700px){.onboarding-screen{padding:20px 16px}.onboarding-header{margin-bottom:26px}.onboarding-header .brand img{width:145px;height:auto}.onboarding-header-actions{gap:8px}.onboarding-header-actions .button{padding-inline:9px;font-size:12px}.onboarding-layout{max-width:530px;display:block}.onboarding-welcome{margin-bottom:28px}.onboarding-welcome h1{margin:12px 0;font-size:30px}.onboarding-welcome h1 br{display:none}.onboarding-welcome>p{max-width:100%}.onboarding-art,.onboarding-promise{display:none}.onboarding-steps{justify-content:space-between;gap:8px;padding:20px}.onboarding-steps button{gap:6px;font-size:12px}.onboarding-step-number{width:23px;height:23px}.onboarding-step-content{min-height:0;padding:24px 20px}.onboarding-step-content h2{font-size:24px}.onboarding-currencies{gap:10px}.onboarding-currency{padding:14px 12px}.onboarding-currency strong{font-size:14px}.onboarding-footer{padding:20px}.onboarding-footer>span{max-width:108px;line-height:1.5}}.compose-section-head{margin-bottom:1.15rem}.compose-section-head:has(.compose-section-action){flex-wrap:wrap}.compose-section-action{margin-left:auto}.compose-section-head>span{font-size:var(--text-micro);background:var(--field);border-color:var(--line);color:var(--muted);font-family:var(--mono);flex-shrink:0}.compose-section h2{overflow-wrap:anywhere;min-width:0;font-size:var(--text-section);letter-spacing:-.2px;font-weight:600}.section-description{font-size:var(--text-body);color:var(--muted);line-height:var(--leading-copy);margin:-.35rem 0 1.1rem}.catalog-caption{font-size:var(--text-caption);color:var(--muted);margin-bottom:.85rem;line-height:1.5}.catalog-filters{border-bottom:1px solid var(--line-subtle);flex-wrap:wrap;align-items:stretch;gap:.25rem 1.5rem;margin-bottom:1rem;display:flex}.filter-chip{overflow-wrap:anywhere;min-width:0;max-width:100%;min-height:34px;color:var(--muted);font-size:var(--text-control);box-shadow:none;font-weight:500;line-height:var(--leading-ui);background:0 0;border:1px solid #0000;border-radius:7px;padding:.4rem .7rem}.filter-chip:hover{color:var(--ink);background:var(--hover)}.filter-chip[aria-pressed=true]{color:var(--ink);border-color:var(--control-border);background:var(--hover)}.catalog-filters .filter-chip{min-height:40px;font-size:var(--text-control);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;margin-bottom:-1px;padding:.6rem 2px}.catalog-filters .filter-chip:hover{color:var(--secondary)}.catalog-filters .filter-chip[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--ink);background:0 0}.selection-card{cursor:pointer;font-weight:400;transition:border-color .15s,background .15s;position:relative}.selection-card:hover{border-color:var(--button-hover);background:var(--hover)}.selection-card:has(input:checked){--ink:#fff;--secondary:#e5e8ff;--muted:#d3d8ff;color:var(--ink);border-color:var(--selected-line);background:var(--selected)}.selection-card:has(input:focus-visible){outline:2px solid var(--blue);outline-offset:3px}.selection-card>input[type=radio]{clip-path:inset(50%);width:1px;height:1px;min-height:0;padding:0;position:absolute;overflow:hidden}.card-secondary{font-size:var(--text-caption);color:var(--muted);margin-top:.15rem;font-weight:400;line-height:1.5;display:block}.selected-marker{border:1px solid var(--line);background:var(--field);color:#0000;border-radius:50%;flex:0 0 19px;place-items:center;width:19px;height:19px;font-size:.75rem;display:grid;position:relative}.selected-marker:before{content:"";background:0 0;border-radius:50%;width:6px;height:6px;position:absolute}.selection-card:has(input:checked) .selected-marker{background:#fff;border-color:#fff}.selection-card:has(input:checked) .selected-marker:before{background:var(--selected)}.plan-list-choice:has(input:checked) .selected-marker:before{background:var(--selected)}.region-grid,.vps-image-picker{--region-selected-surface:#f1f4ff;--region-selected-ink:#2e3cd2}.region-grid{--region-gap:.6rem;grid-template-columns:repeat(auto-fill, minmax(min(100%, max(10rem, (100% - 3 * var(--region-gap)) / 4)), 1fr));gap:var(--region-gap);display:grid}:root[data-theme=dark] .region-grid,:root[data-theme=dark] .vps-image-picker{--region-selected-surface:#232b45;--region-selected-ink:#91a6ff}.region-option{min-height:44px;box-shadow:none;border-radius:10px;grid-template-columns:22px minmax(0,1fr) 14px;align-items:center;gap:0 .5rem;padding:.65rem .75rem;display:grid}.region-option strong{font-size:var(--text-small);color:var(--secondary);line-height:var(--leading-ui);white-space:nowrap;font-weight:500}.region-flag{place-items:center;width:22px;height:22px;font-size:1rem;line-height:1;display:grid}.region-option.selection-card:has(input:checked){--ink:inherit;--secondary:inherit;--muted:inherit;color:var(--ink);background:var(--region-selected-surface);border-color:var(--region-selected-ink);box-shadow:0 0 0 1px var(--region-selected-ink)}.region-selected-icon{width:14px;height:14px;color:var(--region-selected-ink);visibility:hidden;border:1px solid;border-radius:50%;place-items:center;display:grid}.region-selected-icon .icon{stroke-width:2px;width:10px;height:10px}.region-option:has(input:checked) .region-selected-icon{visibility:visible}.region-option.selection-card:has(input:focus-visible){outline-color:var(--region-selected-ink)}.brand-loading{min-height:120px;color:var(--muted);font-size:var(--text-control);line-height:var(--leading-ui);flex-direction:column;justify-content:center;align-items:center;gap:.65rem;padding:1rem;display:flex}.brand-loading img{width:40px;height:40px;filter:var(--logo-filter);flex-shrink:0}.brand-loading-compact{flex-direction:row;justify-content:flex-start;align-items:center;min-height:44px;padding:.25rem 0}.brand-loading-compact img{width:26px;height:26px}@media (prefers-reduced-motion:no-preference){.brand-loading img{animation:1.2s linear infinite brand-loading-spin}}@keyframes brand-loading-spin{to{transform:rotate(360deg)}}.plan-view-toggle{background:var(--white);border:1px solid var(--line-subtle);max-width:100%;box-shadow:var(--card-shadow);border-radius:10px;flex-shrink:0;gap:2px;padding:3px;display:flex}.plan-view-toggle .filter-chip{min-height:30px;font-size:var(--text-control);padding:.25rem .65rem}.plan-view-toggle .filter-chip[aria-pressed=true]{background:var(--hover);border-color:var(--control-border);color:var(--ink);box-shadow:none}.compact-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;max-height:none;display:grid;overflow:visible}.compact-plan{border-color:var(--card-border);border-radius:var(--radius);background:var(--card-surface);flex-direction:column;align-items:stretch;gap:0;min-width:0;padding:.85rem;display:flex;overflow:hidden;container:configuration/inline-size}.compact-plan:hover{border-color:var(--button-hover);background:var(--hover)}.compact-plan:has(input:checked){border-color:var(--selected-line);background:var(--selected)}.compact-plan:has(input:disabled){opacity:.55;cursor:default}.plan-stock-badge{background:var(--danger);border-color:var(--danger);color:#fff;white-space:nowrap;margin-left:.5rem;font-weight:600;display:inline-block}.plan-list-row .plan-stock-badge{margin:0 0 .25rem}:is(.compact-plan:has(input:disabled):has(.plan-stock-badge),.plan-list-row:has(input:disabled):has(.plan-stock-badge)){opacity:1}.compact-plan:has(.plan-stock-badge) .plan-card-details{opacity:.55}.compact-plan:has(.plan-stock-badge) .plan-card-footer{opacity:.55}.compact-plan:has(.plan-stock-badge) .plan-card-name strong{opacity:.55}.compact-plan:has(.plan-stock-badge) .plan-card-heading>:not(.plan-card-name){opacity:.55}.plan-list-row:has(.plan-stock-badge)>td:not(:has(.plan-stock-badge)){opacity:.55}.plan-list-row:has(.plan-stock-badge) .plan-pricing{opacity:.55}.billing-term-option:has(input:disabled){opacity:.45;cursor:not-allowed}.compact-plan:has(input:disabled):not(:has(input:checked)):hover{border-color:var(--card-border);background:var(--card-surface)}.plan-card-heading{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem;display:grid}.plan-card-heading>.tooltip-anchor{justify-self:end}.plan-card-name{flex-wrap:wrap;align-items:center;gap:.5rem;min-width:0;display:flex}.plan-capacity{cursor:help;vertical-align:middle;align-items:center;gap:3px;padding:5px 0;display:inline-flex}.plan-capacity>span{background:var(--control-border);border-radius:50%;width:7px;height:7px}.plan-capacity>.filled{background:var(--blue)}.compact-plan:has(input:checked) .plan-capacity>span{background:#ffffff48}.compact-plan:has(input:checked) .plan-capacity>.filled{background:#fff}.compact-plan:has(input:checked) .plan-capacity:focus-visible{outline-color:#fff}.plan-capacity:focus-visible{outline:2px solid var(--blue);outline-offset:4px;border-radius:3px}.plan-card-heading strong{min-width:0;font-size:var(--text-control);font-weight:600;line-height:var(--leading-ui);overflow-wrap:anywhere}.compact-plan .plan-price{font-size:var(--text-heading);letter-spacing:0;overflow-wrap:anywhere;font-weight:600;line-height:1.2}.compact-plan .price-unit{font-size:var(--text-micro)}.compact-plan .plan-unavailable{font-family:var(--sans);font-size:var(--text-control);color:var(--secondary)}.plan-pricing{text-align:right;flex-shrink:0;align-items:baseline;gap:.1rem;margin:0;display:flex}.plan-price{letter-spacing:-.2px;font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:500;font-family:var(--mono)}.price-unit{font-size:var(--text-caption);color:var(--muted);font-family:var(--sans);letter-spacing:0;font-weight:400}.plan-card-details{gap:.6rem;margin-top:.75rem;display:grid}.plan-card-specs{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:0;display:grid}.plan-card-specs>div{gap:.05rem;min-width:0;display:grid}.plan-card-specs dt{color:var(--muted);font-size:var(--text-micro);line-height:var(--leading-ui)}.plan-card-specs dd{color:var(--ink);font:500 var(--text-control) / 1.4 var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.compact-plan-egress{font-size:var(--text-caption);gap:.15rem;margin:0;line-height:1.5;display:grid}.compact-plan-egress>span{white-space:nowrap;justify-content:space-between;align-items:baseline;gap:.5rem;min-width:0;display:flex}.network-value{text-overflow:ellipsis;color:var(--ink);font-family:var(--mono);font-variant-numeric:tabular-nums;overflow:hidden}.plan-card-footer{border-top:1px solid color-mix(in srgb, var(--ink) 9%, transparent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.35rem .75rem;margin-top:auto;padding-top:.7rem;display:flex}.compact-plan .plan-card-details{margin-bottom:.75rem}.compact-plan .plan-card-footer{flex-wrap:nowrap}.compact-plan .plan-pricing{text-align:right;white-space:nowrap;flex-wrap:nowrap;grid-column:auto;justify-content:flex-end;min-width:0;margin:0 0 0 auto}.compact-plan .plan-was{flex-direction:column;flex:0 auto;align-items:flex-start;gap:.2rem;min-width:0}.compact-plan .plan-price{white-space:nowrap;overflow-wrap:normal}.compact-plan[data-currency=IDR]{container-type:inline-size}.compact-plan[data-currency=IDR] .plan-price{font-size:min(var(--text-heading), 8.4cqi)}@container (width<=14rem){.compact-plan[data-currency=IDR] .plan-was{flex-direction:row;flex:100%;align-items:center}.compact-plan[data-currency=IDR] .plan-pricing{flex:100%}.compact-plan[data-currency=IDR] .plan-price{font-size:min(var(--text-heading), 13.5cqi)}}.off-short{display:none}@container (width<=14rem){.compact-plan[data-currency=IDR] .plan-was{font-size:.66rem}.compact-plan[data-currency=IDR] .discount-off{padding:0 4px;font-size:.68rem}.compact-plan[data-currency=IDR] .off-full{display:none}.compact-plan[data-currency=IDR] .off-short{display:inline}.compact-plan[data-currency=IDR] .price-unit{font-size:.68rem}}.compact-plan[data-currency=IDR] .plan-card-footer{flex-wrap:wrap;column-gap:.4rem}.plan-price-currency{font:500 .58em / 1 var(--sans);color:var(--secondary);vertical-align:.12em;margin-right:.18em}.selection-card:has(input:checked) .plan-price-currency{color:inherit;opacity:.8}.network-label{font-family:var(--sans);color:var(--secondary)}.plan-list{max-height:none;margin-bottom:1.25rem;overflow:visible;container:configuration-list/inline-size}.plan-list table{border-collapse:separate;border-spacing:0;width:100%;min-width:0;font-size:var(--text-control);table-layout:fixed}.plan-list th:first-child{width:26%}.plan-list th:nth-child(2){width:11%}.plan-list th:nth-child(3){width:10%}.plan-list th:nth-child(4){width:20%}.plan-list th:nth-child(5){width:16%}.plan-list th:nth-child(6){width:17%}.plan-list th{height:42px;font-size:var(--text-caption);color:var(--muted);text-transform:none;letter-spacing:0;text-align:right;border-bottom:1px solid var(--line-subtle);background:0 0;padding:.5rem;font-weight:500}.plan-list td{border:0;border-bottom:1px solid var(--line-subtle);vertical-align:middle;white-space:nowrap;text-align:right;height:62px;font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:var(--text-small);padding:.625rem .5rem}.plan-list th:first-child,.plan-list td:first-child{text-align:left}.plan-list tbody tr:last-child td{border-bottom:0}.plan-list .plan-pricing{justify-content:flex-end}.plan-list .plan-price{font-size:var(--text-card);letter-spacing:0;font-weight:500}.plan-list .price-unit{font-family:var(--sans);font-size:var(--text-caption)}.plan-list .selected-marker{border-color:var(--line);background:var(--white);width:30px;height:30px;color:var(--secondary);box-shadow:inset 0 1px 0 var(--avatar-shine);flex-basis:30px;position:relative}.plan-list .selected-marker .icon{width:15px;height:15px}.plan-list .selected-marker:before{border:2px solid var(--white);width:8px;height:8px;display:none;position:absolute;bottom:-2px;right:-2px}.plan-list-choice:has(input:checked) .selected-marker:before{display:block}.plan-list-row{cursor:pointer;border-radius:8px}.plan-list-row:hover{background:0 0}.plan-list-row:has(input:checked){background:0 0}.plan-list-row:hover td{background:var(--row-hover)}.plan-list-row:has(input:checked){--ink:#fff;--secondary:#e5e8ff;--muted:#d3d8ff;color:var(--ink);border-radius:0}.plan-list-row:has(input:checked) td{background:var(--selected);border-color:#ffffff30;border-radius:0}.plan-list-row:hover:not(:has(input:checked)) td:first-child{border-radius:8px 0 0 8px}.plan-list-row:hover:not(:has(input:checked)) td:last-child{border-radius:0 8px 8px 0}.plan-list-row:has(input:focus-visible){outline:2px solid var(--blue);outline-offset:-2px}.plan-list-row:has(input:checked):has(input:focus-visible){outline-color:#fff}.plan-list-row:has(input:disabled){opacity:.55;cursor:default}.plan-list-choice{cursor:inherit;font-family:var(--sans);flex-direction:row;align-items:center;gap:.875rem;display:flex;position:relative}.plan-list-choice strong{font-weight:600;font-size:var(--text-ui);white-space:normal;overflow-wrap:anywhere}.plan-list-choice input{clip-path:inset(50%);width:1px;height:1px;min-height:0;padding:0;position:absolute}.plan-list-choice:has(input:checked) .selected-marker{color:var(--selected);background:#fff;border-color:#fff}.plan-list-choice:has(input:checked) .selected-marker:before{border-color:#fff}.plan-list-row:has(input:checked) .plan-capacity>span{background:#ffffff48}.plan-list-row:has(input:checked) .plan-capacity>.filled{background:#fff}.plan-list-row:has(input:checked) .plan-capacity:focus-visible{outline-color:#fff}.list-bandwidth{font-size:var(--text-caption);color:var(--muted);margin-top:.1rem;display:block}.image-picker{position:relative}.vps-image-picker{container:vps-images/inline-size}.image-catalog-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.image-kind-tabs{flex-shrink:0;max-width:100%}.image-catalog-search{flex:160px;min-width:0;max-width:250px}.image-catalog-search input{width:100%}.image-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.image-choice-card{flex-direction:column;gap:12px;min-width:0;margin:0;padding:12px;transition:border-color .15s,background .15s;display:flex}.image-choice-card:hover:not([data-unavailable=true]){border-color:var(--control-hover)}.image-choice-card[data-selected=true]{background:var(--region-selected-surface);border-color:var(--region-selected-ink);box-shadow:var(--card-shadow), 0 0 0 1px var(--region-selected-ink)}.image-choice-card:has(input:focus-visible){outline:2px solid var(--blue);outline-offset:3px}.image-choice-label{cursor:pointer;flex-direction:row;align-items:center;gap:6px;min-height:30px;display:flex;position:relative}.image-choice-label input{clip-path:inset(50%);width:1px;height:1px;min-height:0;padding:0;position:absolute;overflow:hidden}.image-choice-label strong{min-width:0;font-size:var(--text-control);text-align:left;font-weight:600;line-height:var(--leading-ui);overflow-wrap:anywhere;flex:1}.image-choice-card .image-choice-logo{border-radius:6px;flex:0 0 24px;place-items:center;width:24px;height:24px;display:grid}.image-choice-card .image-choice-logo img{object-fit:contain;width:20px;height:20px}.image-choice-check{border:1px solid var(--control-border);width:15px;height:15px;color:var(--region-selected-ink);border-radius:50%;flex:0 0 15px;place-items:center;display:grid}.image-choice-check .icon{width:11px;height:11px}.image-choice-card[data-selected=true] .image-choice-check{border-color:var(--region-selected-ink);background:var(--region-selected-surface)}.image-choice-card .select-field{margin-top:auto}.image-choice-card .select-trigger{font-size:var(--text-control);padding-inline:10px}.image-choice-card[data-unavailable=true] .image-choice-label{color:var(--muted);cursor:not-allowed}.image-choice-card[data-unavailable=true] .image-choice-logo{opacity:.55}.image-choice-note{width:17px;height:17px;color:var(--muted);font-size:var(--text-caption);place-items:center;display:grid}.image-choice-note .icon{width:16px;height:16px}.image-catalog-notice{color:var(--warning-ink);font-size:var(--text-control);margin:12px 0 0}.image-catalog-empty{color:var(--muted);font-size:var(--text-control);margin:0;padding:18px 0 4px}@container vps-images (width<=38rem){.image-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@container vps-images (width<=30rem){.image-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.image-catalog-search{max-width:none}.image-choice-label{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.image-choice-logo{grid-area:1/1}.image-choice-label strong{grid-area:2/1/auto/-1}.image-choice-check,.image-choice-label>.tooltip-anchor{grid-area:1/2}}@container vps-images (width<=16rem){.image-choice-grid{grid-template-columns:minmax(0,1fr)}}.select-field{min-width:0}.select-trigger,.image-select-trigger{border:1px solid var(--control-border);background:var(--field);width:100%;min-width:0;min-height:2.5rem;color:var(--ink);text-align:left;font-size:var(--text-ui);line-height:var(--leading-ui);box-shadow:var(--field-shadow);border-radius:10px;align-items:center;gap:.625rem;padding:.375rem .875rem;font-weight:400;display:flex}.select-trigger:hover:enabled,.image-select-trigger:hover:enabled{border-color:var(--control-hover)}.select-trigger:focus-visible,.select-trigger[aria-expanded=true],.image-select-trigger:focus-visible,.image-select-trigger[aria-expanded=true]{border-color:var(--focus);box-shadow:var(--field-shadow), var(--focus-ring);outline:none}.select-trigger[aria-invalid=true]{border-color:var(--danger);box-shadow:var(--field-shadow), var(--invalid-ring)}.select-trigger:disabled,.image-select-trigger:disabled{opacity:.45;cursor:not-allowed}.select-trigger.placeholder{color:var(--muted)}.select-value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:400;overflow:hidden}.select-icon,.select-chevron,.dropdown-check{width:16px;height:16px;color:var(--muted)}.select-chevron{margin-left:auto}.dropdown-menu{z-index:45;box-sizing:border-box;border:1px solid var(--line-subtle);background:var(--panel);box-shadow:var(--menu-shadow);border-radius:12px;padding:6px;position:fixed}.dropdown-options{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--scrollbar) transparent;max-height:280px;overflow-y:auto}.dropdown-option{width:100%;min-width:0;min-height:2.25rem;color:var(--ink);font-size:var(--text-control);line-height:var(--leading-ui);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:.625rem;padding:.375rem .625rem;display:flex}.dropdown-option:hover:enabled,.dropdown-option:focus-visible,.dropdown-option[aria-selected=true]{background:var(--white)}.dropdown-option:focus-visible{outline-offset:-2px}.dropdown-option:disabled{color:var(--muted-2);cursor:default}.dropdown-option-label{overflow-wrap:anywhere;flex:1;min-width:0}.dropdown-check{color:var(--focus);visibility:hidden}.dropdown-option[aria-selected=true] .dropdown-check{visibility:visible}.tooltip{z-index:60;pointer-events:none;background:var(--tooltip-surface);border:1px solid var(--tooltip-border);width:max-content;max-width:min(300px,100vw - 24px);color:var(--tooltip-ink);font-size:var(--text-caption);overflow-wrap:anywhere;border-radius:8px;padding:7px 10px;font-weight:400;line-height:1.5;box-shadow:0 2px #00000040}.info-tip{width:24px;height:24px;color:var(--muted);background:0 0;border:0;border-radius:4px;place-items:center;padding:0;display:inline-grid}.info-tip:hover{color:var(--ink)}.info-tip .icon{width:14px;height:14px}.table-heading{align-items:center;gap:4px;display:inline-flex}.image-option-text{flex:1;min-width:0}.image-option-text strong{font-size:var(--text-ui);overflow-wrap:anywhere;font-weight:500;line-height:var(--leading-ui);display:block}.image-option-text .card-secondary{overflow-wrap:anywhere;line-height:1.45}.image-select-trigger .image-logo{border-radius:6px;flex-basis:24px;width:24px;height:24px}.image-select-trigger .image-logo img{width:19px;height:19px}.search-field{position:relative}.search-field:before{content:"";border:1.5px solid var(--muted-2);pointer-events:none;border-radius:50%;width:10px;height:10px;position:absolute;top:calc(50% - 7px);left:14px}.search-field:after{content:"";background:var(--muted-2);transform-origin:0;pointer-events:none;width:6px;height:1.5px;position:absolute;top:calc(50% + 1px);left:23px;transform:rotate(45deg)}.search-field input[type=search]{padding-left:38px}.image-popup{flex-direction:column;padding:10px;display:flex;overflow:hidden;container:image-menu/inline-size}.image-search{flex-shrink:0;min-width:0}.image-popup input{min-height:40px;font-size:var(--text-control);border-color:var(--control-border);padding:.55rem .7rem}.image-popup input:focus-visible{border-color:var(--focus)}.image-popup .catalog-filters{flex-shrink:0;gap:.1rem 1rem;margin:.5rem .15rem}.image-popup .filter-chip{min-height:34px;font-size:var(--text-control);padding:.4rem 2px}.image-category-short{display:none}@container image-menu (width<=22em){.image-category-full{display:none}.image-category-short{display:inline}}.image-popup .catalog-caption{font-size:var(--text-micro);margin:.45rem .55rem .4rem}.image-options{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--scrollbar) transparent;flex:0 auto;min-height:0;max-height:270px;overflow-y:auto}.image-dropdown-option{width:100%;min-height:48px;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:.625rem;padding:.375rem .625rem;display:flex}.image-dropdown-option:hover:enabled,.image-dropdown-option[aria-selected=true]{background:var(--white)}.image-dropdown-option:focus-visible{outline-offset:-2px}.image-dropdown-option:disabled{opacity:1;color:var(--muted)}.image-dropdown-option:disabled .image-logo{opacity:.55}.image-dropdown-option:disabled .card-secondary{color:var(--warning-text)}.image-option-check{width:18px;color:var(--focus);flex-shrink:0;font-size:.875rem}.image-logo{background:#f4f4f6;border:1px solid #dcdce0;border-radius:8px;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid}.image-logo img{object-fit:contain;width:25px;height:25px}.image-initial{color:#6f7a8c;font-size:1rem;font-weight:600}.image-empty{color:var(--muted);font-size:var(--text-small);padding:1rem .55rem;line-height:1.5}.image-popup>.muted{font-size:var(--text-caption);margin:0;padding:.75rem .5rem}.order-summary{container:purchase-summary/inline-size}@container purchase-summary (width<=14em){.order-summary .detail-grid>div{display:block}.order-summary .detail-grid dt{overflow-wrap:anywhere;font-size:var(--text-caption);margin-bottom:.15rem}.order-summary .detail-grid dd{text-align:left;max-width:none}.summary-price strong{overflow-wrap:anywhere;font-family:var(--mono);letter-spacing:-.5px;font-weight:500;line-height:1.25}}.compose-section .field+.field{margin-top:1.25rem}@media (min-width:1600px){.compose-layout{grid-template-columns:minmax(0,1fr) 300px}}@media (max-width:860px){.compact-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.topbar{flex-wrap:nowrap;gap:.5rem;min-height:56px;padding:.6rem clamp(12px,.75rem,16px)}.topbar-left,.topbar-right{gap:6px}.topbar-left{flex:auto;min-width:0}.topbar-right{flex:none}.workspace-trigger{gap:6px;padding:4px}.workspace-trigger strong{max-width:9ch}.workspace-chevron{width:14px;height:14px;margin-left:0}.header-credit-balance{min-height:36px;padding:.4rem .6rem}.header-load-credit{flex-basis:36px;width:36px;min-height:36px}.billing-term-options{grid-template-columns:minmax(0,1fr);gap:.55rem}.billing-term-option{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem 1rem;padding:.875rem}.billing-term-heading{flex-direction:row-reverse;justify-content:flex-end}.billing-term-option .card-secondary{text-align:right;grid-column:2;margin:-.25rem 0 0}.billing-term-price{font-size:var(--text-card);text-align:right;font:500 var(--text-card)/1.4 var(--mono);letter-spacing:-.2px}.compose-section,.order-summary{padding:clamp(18px,1.15rem,24px)}.region-grid{--region-gap:.55rem}.region-option{grid-template-columns:18px minmax(0,1fr) 14px;gap:0 clamp(4px,.35rem,8px);padding:clamp(8px,.5rem,12px)}.region-flag{width:18px;font-size:1rem}.region-option strong{font-size:var(--text-small);font-weight:500;line-height:var(--leading-ui)}.compact-plan-grid{grid-template-columns:minmax(0,1fr);gap:.55rem}.compact-plan{padding:clamp(12px,.85rem,16px)}.select-trigger,.image-select-trigger{font-size:var(--text-ui);font-weight:400;line-height:var(--leading-ui);gap:.5rem}.image-dropdown-option{gap:8px;padding:.6rem 8px}.image-options{max-height:245px}.catalog-filters{gap:.2rem}.filter-chip{font-size:var(--text-control);line-height:var(--leading-ui);padding:.35rem .55rem}}@container configuration-list (width<=43em){.plan-list table,.plan-list tbody{display:block}.plan-list thead{display:none}.plan-list-row{border:0;border-bottom:1px solid var(--line-subtle);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem 1rem;margin:0;padding:.9rem .5rem;display:grid}.plan-list .plan-list-row:hover{background:var(--row-hover)}.plan-list .plan-list-row:has(input:checked){background:var(--selected);border-radius:0}.plan-list .plan-list-row:is(:hover,:has(input:checked)) td{background:0 0;border-radius:0}.plan-list-row:last-child{border-bottom:0}.plan-list td{white-space:normal;text-align:left;overflow-wrap:anywhere;min-width:0;height:auto;font-size:var(--text-small);border:0;padding:0}.plan-list td:first-child{grid-column:1;align-self:center;padding:0}.plan-list td:last-child{text-align:right;grid-area:1/2;align-self:center;padding:0}.plan-list td:not(:first-child):not(:last-child):before{content:attr(data-label);font:400 var(--text-micro)/1.5 var(--sans);color:var(--muted);margin-bottom:.1rem;display:block}.plan-list .price-unit{font-size:var(--text-caption)}.plan-list-choice{gap:.5rem}}@container configuration-list (width<=18em){.plan-list-row{grid-template-columns:minmax(0,1fr)}.plan-list td:first-child,.plan-list td:last-child{grid-column:1}.plan-list td:last-child{text-align:left;grid-row:2}.plan-list .plan-pricing{justify-content:flex-start}.plan-list-choice strong{overflow-wrap:anywhere;font-size:var(--text-ui);font-weight:600}}.catalog-selection-note{font-size:var(--text-small);color:var(--notice-ink);background:var(--notice-surface);border-radius:6px;margin-bottom:1rem;padding:.65rem .8rem;line-height:1.6}@media (prefers-reduced-motion:reduce){.selection-card{transition:none}}fieldset{border:0;min-width:0;margin:0;padding:0}.auth-card fieldset{gap:1.1rem;display:grid}.auth-entry .auth-card fieldset{gap:.75rem}.auth-entry .bot-check{margin:0}dialog fieldset>.field+.field{margin-top:1rem}dialog .modal-actions{margin-top:1.25rem}.access-panel{container:access-panel/inline-size}.access-panel-head{flex-wrap:wrap}.access-panel-title{align-items:center;gap:.65rem;display:flex}.access-editor,.inline-editor{padding:var(--card-padding);border-bottom:1px solid var(--line-subtle);background:var(--field)}.access-editor-heading,.inline-editor-heading{margin-bottom:1.25rem}.access-editor-heading h3,.inline-editor-heading h3,.access-secret-heading h3{font-size:var(--text-card);font-weight:600;line-height:1.5}.access-editor-heading p,.inline-editor-heading p,.access-secret-heading p{color:var(--muted);font-size:var(--text-small);margin-top:.3rem;line-height:1.6}.access-editor>form>fieldset,.inline-editor>form>fieldset{gap:1.25rem;display:grid}.access-editor textarea{font-family:var(--mono);font-size:var(--text-caption);line-height:1.6}.access-editor .modal-actions,.inline-editor .modal-actions{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:0;display:flex}.team-members-panel{container:team-members/inline-size}.team-member-fields{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;gap:1rem;display:grid}@container team-members (width<=42rem){.team-member-fields{grid-template-columns:minmax(0,1fr)}}.access-permissions-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.4rem;margin-bottom:.75rem;display:flex}.access-permissions-heading h4{font-size:var(--text-ui);margin:0;font-weight:500}.access-permissions-heading>span{color:var(--muted);font-size:var(--text-caption)}.access-permission-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.access-permission-group{border:1px solid var(--control-border);background:var(--white);border-radius:8px;min-width:0;padding:.75rem 1rem 1rem}.access-permission-group legend{font-size:var(--text-control);align-items:center;gap:.4rem;padding:0 .3rem;font-weight:500;display:flex}.access-permission-group legend .icon{width:15px;height:15px;color:var(--secondary)}.access-permission-group p{color:var(--muted);font-size:var(--text-caption);margin:.15rem 0 .8rem;line-height:1.6}.access-permission-options{flex-wrap:wrap;gap:.65rem 1.2rem;display:flex}.access-permission-option{color:var(--secondary);font-size:var(--text-control);cursor:pointer;flex-direction:row;align-items:center;gap:.5rem;margin:0;display:inline-flex}.access-permission-option input{flex-shrink:0;margin:0}.access-key-secret{padding:var(--card-padding);border-bottom:1px solid var(--line-subtle);background:var(--field)}.access-secret-heading{align-items:flex-start;gap:.75rem;display:flex}.access-secret-icon{border:1px solid var(--success-border);background:var(--success-bg);width:36px;height:36px;color:var(--success-ink);border-radius:9px;flex-shrink:0;place-items:center;display:grid}.access-key-secret .code-block{border:1px solid var(--control-border);background:var(--white);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:8px;min-width:0;margin:1rem 0;padding:.85rem 1rem}.access-secret-actions{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.access-copy-status{color:var(--muted);font-size:var(--text-caption);overflow-wrap:anywhere}.access-empty{padding:var(--card-padding);align-items:center;gap:.85rem;display:flex}.access-empty>.icon{width:26px;height:26px;color:var(--muted);flex-shrink:0}.access-empty h3{font-size:var(--text-ui);font-weight:500;line-height:1.5}.access-empty p{color:var(--muted);font-size:var(--text-caption);margin-top:.2rem;line-height:1.6}.access-key-table{text-align:left;min-width:0}.access-key-table th,.access-key-table td{padding-left:1rem;padding-right:1rem}.access-key-table th:last-child,.access-key-table td:last-child{text-align:right}.access-key-table td.mono.key-fingerprint{white-space:normal;overflow-wrap:anywhere}.access-key-scopes{flex-wrap:wrap;gap:.25rem;display:flex}.access-key-scopes .badge{font-size:var(--text-micro)}@container access-panel (width<=48rem){.access-permission-grid{grid-template-columns:minmax(0,1fr)}.access-key-table,.access-key-table tbody{display:block}.access-key-table thead{display:none}.access-key-table tr{padding:var(--card-padding);border-top:1px solid var(--line-subtle);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.65rem .75rem;display:grid}.access-key-table td{overflow-wrap:anywhere;border:0;min-width:0;height:auto;padding:0}.access-key-table td:not(:first-child):not(:last-child){grid-column:1/-1}.access-key-table td:not(:first-child):not(:last-child):before{content:attr(data-label);color:var(--muted);font:400 var(--text-caption)/1.5 var(--sans);margin-bottom:.25rem;display:block}.access-key-table td:last-child{text-align:right;grid-area:1/2}}.operation-steps{gap:.65rem;margin-top:1rem;display:grid}.operation-steps>div{justify-content:space-between;gap:1rem;display:flex}.payment-qr{border-radius:10px;max-width:100%;height:auto;margin:1rem auto;display:block}.table-wrap td.mono{white-space:nowrap;overflow-wrap:normal}.order-summary.vps-order-summary{--vps-hero-start:#f4f1ff;--vps-hero-end:#edf4ff;--vps-border:#dfe3ef;--vps-blue:#7286ef;--vps-mint:#5bcaa6;--vps-peach:#f5bc64;--vps-family-bg:#def5eb;--vps-family-ink:#17674a;--vps-cpu-bg:#f0f3ff;--vps-memory-bg:#edf8f3;--vps-disk-bg:#fff5e6;--vps-price-bg:#f3f1ff;--vps-credit-bg:#f0f8f4;border-color:var(--vps-border);border-radius:18px;padding:0;display:block;overflow:hidden;box-shadow:0 6px 24px #18205b0a}:root[data-theme=dark] .vps-order-summary{--vps-hero-start:#2b273e;--vps-hero-end:#222f3b;--vps-border:#373746;--vps-blue:#8594f5;--vps-mint:#5bd6b2;--vps-peach:#f0bc77;--vps-family-bg:#234337;--vps-family-ink:#8ae4bb;--vps-cpu-bg:#252b41;--vps-memory-bg:#23372f;--vps-disk-bg:#3a3023;--vps-price-bg:#2a263b;--vps-credit-bg:#21322a;box-shadow:0 8px 28px #00000026}.vps-order-summary[data-family=Fast\ VPS]{--vps-family-bg:#eeebff;--vps-family-ink:#6250a8;--vps-blue:#9584eb}:root[data-theme=dark] .vps-order-summary[data-family=Fast\ VPS]{--vps-family-bg:#383049;--vps-family-ink:#c5b5ff}.vps-summary-hero{isolation:isolate;background:linear-gradient(135deg, var(--vps-hero-start), var(--vps-hero-end));padding:18px;position:relative;overflow:hidden}.vps-summary-art{z-index:-1;opacity:.65;pointer-events:none;width:210px;height:132px;position:absolute;bottom:-20px;right:-54px}.summary-art-blue{fill:var(--vps-blue)}.summary-art-mint{fill:var(--vps-mint)}.summary-art-peach{stroke:var(--vps-peach)}.summary-art-lines{stroke:var(--vps-mint)}.vps-summary-topline{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.vps-summary-logo{color:#4b58ba;background:#fff;border:1px solid #ffffffc2;border-radius:12px;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 2px 6px #18205b0a}.vps-summary-logo img{object-fit:contain;width:28px;height:28px}.vps-summary-logo .icon{width:22px;height:22px}.vps-summary-family{background:var(--vps-family-bg);max-width:100%;color:var(--vps-family-ink);font-size:var(--text-micro);overflow-wrap:anywhere;font-weight:500;line-height:var(--leading-ui);border-radius:20px;padding:5px 9px}.vps-summary-hero h2{font-size:var(--text-heading);letter-spacing:-.4px;overflow-wrap:anywhere;margin:0;font-weight:600;line-height:1.25}.vps-summary-code{color:var(--secondary);font:400 var(--text-caption)/1.6 var(--mono);overflow-wrap:anywhere;margin-top:5px}.vps-summary-location{color:var(--ink);font-size:var(--text-control);overflow-wrap:anywhere;font-weight:500;line-height:var(--leading-ui);align-items:center;gap:7px;margin-top:12px;display:flex}.vps-summary-location>span{flex-shrink:0;font-size:1rem}.vps-summary-content{gap:16px;padding:18px 18px 0;display:grid}.vps-summary-specs{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0;display:grid}.vps-summary-specs>div{background:var(--vps-cpu-bg);border-radius:10px;min-width:0;padding:9px 8px}.vps-summary-specs [data-spec=memory]{background:var(--vps-memory-bg)}.vps-summary-specs [data-spec=disk]{background:var(--vps-disk-bg)}.vps-summary-specs dt{color:var(--secondary);font-size:var(--text-caption);line-height:var(--leading-ui);align-items:center;gap:4px;margin-bottom:6px;display:flex}.vps-summary-specs .icon{width:13px;height:13px;color:var(--blue);flex-shrink:0}.vps-summary-specs [data-spec=memory] .icon{color:var(--green)}.vps-summary-specs [data-spec=disk] .icon{color:var(--warning)}.vps-summary-specs dd{font-size:var(--text-card);letter-spacing:-.2px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-weight:500;line-height:1.4;font-family:var(--mono);margin:0}.vps-summary-details{gap:10px;margin:0;display:grid}.vps-summary-details>div{justify-content:space-between;align-items:baseline;gap:12px;min-width:0;display:flex}.vps-summary-details dt{color:var(--muted);font-size:var(--text-small);flex-shrink:0;line-height:1.5}.vps-summary-details dd{text-align:right;min-width:0;font-size:var(--text-control);overflow-wrap:anywhere;margin:0;font-weight:500;line-height:1.5}.vps-summary-price{background:var(--vps-price-bg);border-radius:12px;gap:5px;padding:13px 14px;display:grid}.vps-summary-price>span{color:var(--secondary);font-size:var(--text-small);line-height:1.5}.vps-summary-price strong{letter-spacing:-.5px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:2rem;font-weight:500;line-height:1.25;font-family:var(--mono)}.vps-summary-price .vps-summary-price-note{font-size:var(--text-micro)}.vps-summary-credit{background:var(--vps-credit-bg);font-size:var(--text-small);border-radius:9px;align-items:center;gap:7px;padding:9px 10px;line-height:1.5;display:flex}.vps-summary-credit .icon{width:14px;height:14px;color:var(--green);flex-shrink:0}.vps-summary-credit>span{color:var(--secondary)}.vps-summary-credit strong{color:var(--green);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-weight:500;font-family:var(--mono);margin-left:auto}.vps-order-summary[data-currency=IDR] .vps-summary-credit{grid-template-columns:14px minmax(0,1fr);row-gap:4px;display:grid}.vps-order-summary[data-currency=IDR] .vps-summary-credit strong{white-space:nowrap;overflow-wrap:normal;grid-column:2;justify-self:end}.vps-order-summary[data-currency=IDR] .vps-summary-price strong,.vps-review-checkout[data-currency=IDR] .vps-review-total>strong{letter-spacing:-.5px;white-space:nowrap;overflow-wrap:normal;font-size:1.5rem}.vps-review-checkout[data-currency=IDR] .vps-review-credit-breakdown>div{flex-wrap:wrap;gap:4px 12px}.vps-review-checkout[data-currency=IDR] .vps-review-credit-breakdown dd{white-space:nowrap;overflow-wrap:normal;margin-left:auto}.vps-summary-footer{gap:10px;padding:16px 18px 18px;display:grid}.vps-summary-footer .callout,.vps-summary-footer #quote-status{font-size:var(--text-caption);line-height:1.6}.vps-summary-footer>.button{margin:0}.panel-head h2{font-size:var(--text-card);letter-spacing:-.2px;font-weight:600;line-height:1.4}.metric>span{font-size:var(--text-ui);color:var(--secondary);font-weight:500;line-height:1.5}.metric>small{font-size:var(--text-caption);line-height:1.6}.metric>a{font-size:var(--text-control);font-weight:500;line-height:1.5}.table-primary{font-size:var(--text-ui);font-weight:600;line-height:1.5;display:block}.table-secondary{font-size:var(--text-caption);font-weight:400;line-height:1.5;display:block}td.mono,td .mono{font-size:var(--text-caption)}small{font-size:var(--text-caption);line-height:1.5}.code-block{font-size:var(--text-small);line-height:1.7}.panel-body>p:not(.small):not(.callout):not(.form-error):not(.field-note){font-size:var(--text-body);line-height:var(--leading-copy)}.modal-body>p:not(.small):not(.callout):not(.form-error),.modal-note{font-size:var(--text-control);line-height:1.6}#server-identity-section{container:server-identity/inline-size}.server-name-layout{--avatar-picker-ink:#2e3cd2;--avatar-picker-surface:#f1f4ff;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px;display:grid}:root[data-theme=dark] .server-name-layout{--avatar-picker-ink:#91a6ff;--avatar-picker-surface:#232b45}.server-name-layout .field{min-width:0;margin:0}.server-login-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:20px;display:grid}.server-login-option{cursor:pointer;border:1px solid var(--card-border);border-radius:var(--radius);background:var(--card-surface);align-items:center;gap:10px;min-width:0;padding:14px 12px;display:flex}.server-login-option strong{font-size:14px;font-weight:600;display:block}.server-login-option .card-secondary{margin-top:4px;font-size:13px;display:block}.server-password-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.compose-section .server-password-fields .field+.field{margin-top:0}.server-access-card .field{margin-top:18px}@media (max-width:650px){.server-login-options,.server-password-fields{grid-template-columns:1fr}}.server-avatar-picker{border:0;min-inline-size:0;margin:0;padding:0;position:relative}.server-avatar-picker legend{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.server-avatar-options{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;max-width:350px;display:grid}.server-avatar-options>.tooltip-anchor{min-width:0;display:block}.server-avatar-option{border:1px solid var(--control-border);background:var(--card-surface);width:100%;height:42px;min-height:42px;color:var(--secondary);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;padding:4px;transition:border-color .15s,background .15s;display:flex;position:relative}.server-avatar-option>input{clip-path:inset(50%);width:1px;height:1px;min-height:0;margin:0;padding:0;position:absolute;overflow:hidden}.server-avatar-option .server-avatar{aspect-ratio:1;flex:0 32px;width:min(32px,100%);height:auto}.server-avatar-option:hover{border-color:var(--control-hover);background:var(--hover)}.server-avatar-option[aria-pressed=true]{border-color:var(--avatar-picker-ink);background:var(--avatar-picker-surface);box-shadow:inset 0 0 0 1px var(--avatar-picker-ink)}.server-avatar-option:has(input:checked){border-color:var(--avatar-picker-ink);background:var(--avatar-picker-surface);box-shadow:inset 0 0 0 1px var(--avatar-picker-ink)}.server-avatar-option:focus-visible{outline:2px solid var(--avatar-picker-ink);outline-offset:3px}.server-avatar-option:has(input:focus-visible){outline:2px solid var(--avatar-picker-ink);outline-offset:3px}.server-avatar-option:has(input:disabled){opacity:.45;cursor:not-allowed}.server-avatar-picker .field-note{margin-top:8px}.vps-summary-logo.vps-summary-avatar{box-shadow:none;background:0 0;border:0}.vps-summary-avatar .server-avatar{flex-basis:42px;width:42px;height:42px}.vps-summary-image{justify-content:flex-end;align-items:center;gap:6px;display:flex}.vps-summary-image img{object-fit:contain;background:#fff;border-radius:4px;flex-shrink:0;width:16px;height:16px}.steps.vps-review-progress{gap:16px;padding:9px 12px}.vps-review-progress>span{font-size:var(--text-caption);padding:7px 9px}.vps-review-progress .complete{color:var(--secondary)}.vps-review-progress .active{color:var(--blue);background:color-mix(in srgb, var(--blue) 9%, var(--card-surface));border-radius:7px;font-weight:500}.compose-layout.vps-review-layout{--review-blue:color-mix(in srgb, var(--blue) 9%, var(--card-surface));--review-mint:color-mix(in srgb, var(--green) 8%, var(--card-surface));--review-peach:color-mix(in srgb, var(--warning) 9%, var(--card-surface));--review-violet:color-mix(in srgb, #8776d7 10%, var(--card-surface));grid-template-columns:minmax(0,1fr) 330px}.vps-review-server.panel{padding:0;overflow:hidden}.vps-review-hero{background:var(--review-blue);grid-template-columns:minmax(0,1fr) 210px;align-items:center;gap:12px;padding:24px 20px 24px 26px;display:grid}.vps-review-identity{align-items:flex-start;gap:16px;min-width:0;display:flex}.vps-review-avatar{flex-shrink:0;margin-top:4px}.vps-review-avatar .server-avatar{flex-basis:62px;width:62px;height:62px}.vps-review-title{min-width:0}.vps-review-eyebrow{color:var(--secondary);font-size:var(--text-caption);margin-bottom:8px}.vps-review-title h2{letter-spacing:-.6px;overflow-wrap:anywhere;font-size:1.75rem;font-weight:600;line-height:1.25}.vps-review-plan{color:var(--secondary);font-size:var(--text-caption);flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.vps-review-family{background:var(--review-mint);color:var(--green);font-size:var(--text-micro);border-radius:6px;padding:4px 9px}.vps-review-intro{color:var(--secondary);font-size:var(--text-small);margin-top:14px;line-height:1.6}.vps-review-art{pointer-events:none;width:100%;height:auto;max-height:185px}.review-art-halo{fill:#8d9bf02b}.review-art-orbit{fill:none;stroke:#77bfa7;stroke-width:2px}.review-art-shadow{fill:#6777ce;opacity:.12}.review-art-top{fill:#a6b3ff}.review-art-side{fill:#4a57af}.review-art-front{fill:#7285dd}.review-art-divider{fill:none;stroke:#e3e8ff;stroke-width:2px;opacity:.4}.review-art-slots{stroke:#e3e8ff}.review-art-lights,.review-art-mint{fill:#9de2b8}.review-art-detail{fill:none;stroke:#b9c6ff;stroke-width:3px;stroke-linecap:round}.review-art-peach{fill:#f2c271}.review-art-spark{stroke:#b592d6;stroke-width:3px;stroke-linecap:round}.review-art-doodle{fill:none;stroke:#f2b482;stroke-width:2px;stroke-linecap:round}.review-art-dot{fill:#8a9ce3}.vps-review-server-body{padding:24px 26px}.vps-review-data-status{margin-bottom:18px}.vps-review-data-status .brand-loading{padding:12px}.vps-review-data-error{border:1px solid var(--warning-border);background:var(--warning-bg);color:var(--warning-ink);font-size:var(--text-caption);border-radius:10px;align-items:center;gap:14px;padding:12px;line-height:1.6;display:flex}.vps-review-data-error p{flex:1}.vps-review-data-error .button{font-size:var(--text-caption);flex-shrink:0}.vps-review-resources{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;display:grid}.vps-review-resources>div{background:var(--review-blue);border-radius:10px;min-width:0;padding:13px 12px}.vps-review-resources>[data-resource=memory]{background:var(--review-mint)}.vps-review-resources>[data-resource=disk]{background:var(--review-peach)}.vps-review-resources>[data-resource=network]{background:var(--review-violet)}.vps-review-resources dt{color:var(--secondary);font-size:var(--text-caption);align-items:center;gap:6px;display:flex}.vps-review-resources .icon{width:15px;height:15px;color:var(--blue);flex-shrink:0}.vps-review-resources [data-resource=memory] .icon{color:var(--green)}.vps-review-resources [data-resource=disk] .icon{color:var(--warning)}.vps-review-resources [data-resource=network] .icon{color:var(--purple)}.vps-review-resources dd{font:500 var(--text-card)/1.5 var(--mono);overflow-wrap:anywhere;margin:8px 0 0}.vps-review-resources small{color:var(--secondary);font-size:var(--text-micro);margin-top:3px;line-height:1.5;display:block}.vps-review-detail-heading{justify-content:space-between;align-items:center;gap:12px;margin:22px 0 16px;display:flex}.vps-review-detail-heading h3{font-size:var(--text-card);font-weight:600}.vps-review-detail-heading .button{font-size:var(--text-caption);padding:6px 9px}.vps-review-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px;margin:0;display:grid}.vps-review-details>div{min-width:0}.vps-review-details dt{color:var(--secondary);font-size:var(--text-caption);align-items:center;gap:8px;line-height:1.5;display:flex}.vps-review-detail-icon{border:1px solid var(--card-border);width:28px;height:28px;color:var(--muted);border-radius:7px;flex:0 0 28px;place-items:center;display:grid}.vps-review-detail-icon .icon{width:16px;height:16px}.vps-review-detail-icon img{object-fit:contain;background:#fff;border-radius:4px;width:20px;height:20px}.vps-review-details dd{font-size:var(--text-ui);overflow-wrap:anywhere;margin:5px 0 0 36px;font-weight:500;line-height:1.5}.vps-review-details dd small{color:var(--muted);font-size:var(--text-caption);margin-top:2px;font-weight:400;display:block}.vps-review-included{border-top:1px solid var(--card-border);color:var(--secondary);font-size:var(--text-caption);flex-wrap:wrap;gap:10px 16px;margin-top:22px;padding-top:16px;display:flex}.vps-review-included>span{align-items:center;gap:5px;display:inline-flex}.vps-review-included .icon{width:14px;height:14px;color:var(--green)}.vps-review-next.panel{padding:22px 26px}.vps-review-layout>.vps-review-next{grid-column:1;margin-top:0}.vps-review-next h2{font-size:var(--text-section);letter-spacing:-.3px;font-weight:600}.vps-review-next ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:20px 0 0;padding:0;list-style:none;display:grid}.vps-review-next li{align-content:start;gap:12px;min-width:0;display:grid}.vps-review-step{background:var(--review-blue);width:34px;height:34px;color:var(--blue);border-radius:9px;place-items:center;display:grid}.vps-review-step[data-tone=mint]{background:var(--review-mint);color:var(--green)}.vps-review-step[data-tone=peach]{background:var(--review-peach);color:var(--warning)}.vps-review-step .icon{width:17px;height:17px}.vps-review-next h3{font-size:var(--text-caption);font-weight:600;line-height:1.5}.vps-review-next p{color:var(--muted);font-size:var(--text-caption);margin-top:4px;line-height:1.6}.order-summary.vps-review-checkout{padding:0;display:block;overflow:hidden}.vps-review-total{isolation:isolate;background:var(--review-violet);padding:24px;position:relative}.vps-review-total-label{color:var(--secondary);font-size:var(--text-caption);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.vps-review-term{background:var(--card-surface);font-size:var(--text-micro);border-radius:6px;align-items:center;gap:5px;padding:4px 8px;display:inline-flex}.vps-review-term .icon{width:13px;height:13px}.vps-review-total>strong{font:500 2.375rem/1.25 var(--mono);letter-spacing:-1px;overflow-wrap:anywhere;margin-top:20px;display:block}.vps-review-total>p{color:var(--secondary);font-size:var(--text-caption);margin-top:8px}.vps-review-total-art{z-index:-1;fill:none;stroke:#9d8acd;stroke-width:2px;stroke-linecap:round;opacity:.55;width:80px;height:50px;position:absolute;bottom:14px;right:12px}.vps-review-checkout-body{gap:18px;padding:22px 24px;display:grid}.vps-review-checkout-body>h2{font-size:var(--text-ui);align-items:center;gap:8px;font-weight:600;display:flex}.vps-review-checkout-body>h2 .icon{width:17px;height:17px;color:var(--green)}.vps-review-credit-breakdown{font-size:var(--text-caption);gap:12px;margin:0;display:grid}.vps-review-credit-breakdown>div{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.vps-review-credit-breakdown dt{color:var(--secondary)}.vps-review-credit-breakdown dd{font:400 var(--text-caption)/1.5 var(--mono);overflow-wrap:anywhere;text-align:right;margin:0}.vps-review-credit-result{border-top:1px solid var(--card-border);padding-top:14px}.vps-review-credit-result dd{color:var(--green);font-weight:500}.vps-review-credit-result dd[data-shortfall=true]{color:var(--warning)}.vps-review-personal-note{font-size:var(--text-micro);color:var(--muted);align-items:center;gap:7px;display:flex}.vps-review-personal-note .icon{flex-shrink:0;width:14px;height:14px}.vps-review-checkout-actions{gap:12px;display:grid}.vps-review-checkout-actions #quote-status{background:var(--soft);font-size:var(--text-caption);border-radius:8px;margin:0;padding:10px 12px;line-height:1.5}.vps-review-checkout-actions .callout{font-size:var(--text-caption);margin:0;line-height:1.6}.vps-review-checkout-actions>.button{margin:0}.vps-review-checkout-actions .actions:empty{display:none}.vps-review-purchase-note{color:var(--secondary);font-size:var(--text-micro);gap:8px;line-height:1.6;display:flex}.vps-review-purchase-note .icon{width:15px;height:15px;color:var(--blue);flex-shrink:0;margin-top:3px}.vps-review-renewal-note{color:var(--muted);font-size:var(--text-micro);line-height:1.6}@media (max-width:1200px){.compose-layout.vps-review-layout{grid-template-columns:minmax(0,1fr) 300px;gap:18px}.vps-review-hero{grid-template-columns:minmax(0,1fr) 140px;padding:22px}.vps-review-identity{gap:12px}.vps-review-avatar .server-avatar{flex-basis:48px;width:48px;height:48px}.vps-review-resources{grid-template-columns:repeat(2,minmax(0,1fr))}.vps-review-next ol{grid-template-columns:minmax(0,1fr);gap:18px}.vps-review-next li{grid-template-columns:34px minmax(0,1fr);align-items:center}}@media (max-width:1050px){.compose-layout.vps-review-layout{grid-template-columns:minmax(0,1fr)}.order-summary.vps-review-checkout{position:static}.vps-review-hero{grid-template-columns:minmax(0,1fr) 180px}.vps-review-resources{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:600px){.vps-review-hero{isolation:isolate;grid-template-columns:minmax(0,1fr);padding:20px;position:relative}.vps-review-identity{flex-direction:column;gap:12px}.vps-review-avatar .server-avatar{flex-basis:52px;width:52px;height:52px}.vps-review-art{z-index:-1;width:130px;position:absolute;top:10px;right:10px}.vps-review-title h2{font-size:var(--text-heading)}.vps-review-server-body,.vps-review-next.panel{padding:20px}.vps-review-data-error{flex-direction:column;align-items:flex-start}.vps-review-resources{grid-template-columns:repeat(2,minmax(0,1fr))}.vps-review-details{grid-template-columns:minmax(0,1fr);gap:18px}.vps-review-detail-heading{flex-wrap:wrap;gap:8px}.vps-review-detail-heading h3{font-size:var(--text-ui)}.vps-review-detail-heading .button{padding:5px 0}.vps-review-resources dd{font-size:var(--text-ui)}.vps-review-total,.vps-review-checkout-body{padding:22px}}@container server-identity (width<=620px){.server-name-layout{grid-template-columns:minmax(0,1fr);gap:16px}}.server-avatar{--avatar-surface:#edf0ff;--avatar-art:#7e91ed;--avatar-ink:#5968b5;--avatar-rack:#fff;border-radius:27%;flex:0 0 46px;width:46px;height:46px;display:block;overflow:hidden}.server-avatar[data-tone=mint]{--avatar-surface:#e8f7ef;--avatar-art:#61cca5;--avatar-ink:#25896a}.server-avatar[data-tone=peach]{--avatar-surface:#fff3df;--avatar-art:#eeb364;--avatar-ink:#93682e}.server-avatar[data-tone=coral]{--avatar-surface:#ffeee9;--avatar-art:#e7958b;--avatar-ink:#b45d4f}.server-avatar[data-tone=violet]{--avatar-surface:#f2edff;--avatar-art:#a38bdf;--avatar-ink:#7c63b3}.server-avatar[data-tone=cyan]{--avatar-surface:#e7f8ff;--avatar-art:#76c6e9;--avatar-ink:#318db1}:root[data-theme=dark] .server-avatar{--avatar-surface:#303a59;--avatar-art:#8196ff;--avatar-ink:#abbaff;--avatar-rack:#252838}:root[data-theme=dark] .server-avatar[data-tone=mint]{--avatar-surface:#1f4234;--avatar-art:#60d2a8;--avatar-ink:#87e3bd}:root[data-theme=dark] .server-avatar[data-tone=peach]{--avatar-surface:#4b3b26;--avatar-art:#e4b570;--avatar-ink:#f0cd97}:root[data-theme=dark] .server-avatar[data-tone=coral]{--avatar-surface:#492e32;--avatar-art:#ed9d90;--avatar-ink:#f5b5aa}:root[data-theme=dark] .server-avatar[data-tone=violet]{--avatar-surface:#3c3152;--avatar-art:#ae8fe8;--avatar-ink:#ceb3ff}:root[data-theme=dark] .server-avatar[data-tone=cyan]{--avatar-surface:#244252;--avatar-art:#6dd1eb;--avatar-ink:#9ee6f8}.server-avatar-surface{fill:var(--avatar-surface)}.server-avatar-art{fill:var(--avatar-art);opacity:.6}.server-avatar-depth{fill:var(--avatar-ink);opacity:.25}.server-avatar-rack{fill:var(--avatar-rack);stroke:var(--avatar-ink);stroke-opacity:.18}.server-avatar-detail,.server-avatar-spark{stroke:var(--avatar-ink)}.server-avatar-large{flex-basis:64px;width:64px;height:64px}.server-identity{align-items:center;gap:12px;display:flex}.server-identity-copy{min-width:0}.server-identity-copy .table-primary{overflow-wrap:anywhere}.server-identity-copy .tooltip-anchor{max-width:100%;display:block}.server-identity-copy .table-secondary{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-micro);overflow:hidden}.server-image{text-align:left;align-items:center;gap:9px;max-width:100%;display:inline-flex}.server-image .image-logo{flex-basis:32px;width:32px;height:32px}.server-image .image-logo img{width:23px;height:23px}.server-image-copy{min-width:0;display:block}.server-image-name{font-size:var(--text-control);overflow-wrap:anywhere;font-weight:500;display:block}.server-image-copy .table-secondary{font-size:var(--text-caption);margin:3px 0 0}.server-location{align-items:center;gap:6px;display:inline-flex}.server-location .icon{width:15px;height:15px;color:var(--muted);flex-shrink:0}.server-list-wrap{container:server-list/inline-size}.servers-table{table-layout:fixed;min-width:1040px}.servers-table th,.servers-table td{padding-left:14px;padding-right:14px}.servers-table th:first-child{width:23%}.servers-table th:nth-child(2){width:9%}.servers-table th:nth-child(3){width:18%}.servers-table th:nth-child(4){width:10%}.servers-table th:nth-child(5),.servers-table th:nth-child(6){width:14%}.servers-table th:last-child{width:12%}.servers-table td:nth-child(5)>.mono{white-space:nowrap}.servers-table .server-actions-cell{text-align:right}.server-page-heading{align-items:center;gap:16px;margin-bottom:1.8rem;display:flex}.server-page-heading .page-heading{flex:1;min-width:0;margin-bottom:0}.server-page-heading .server-back{width:34px;min-width:34px;height:34px;color:var(--secondary);border-radius:8px;flex-shrink:0}.server-page-heading .server-back:hover{background:var(--hover);color:var(--ink)}.server-page-heading .server-back .icon{width:18px;height:18px}.empty>.server-avatar{margin:0 auto 18px}@container server-list (width<=900px){.servers-table{min-width:0;display:block}.servers-table thead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.servers-table tbody{display:block}.servers-table tbody tr{border-top:1px solid var(--line-subtle);grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px;display:grid}.servers-table td{border:0;min-width:0;height:auto;padding:0;display:block}.servers-table td[data-label]:before{content:attr(data-label);color:var(--muted);font-family:var(--sans);font-size:var(--text-caption);margin-bottom:6px;display:block}.servers-table .server-name-cell{grid-column:1/-1}.servers-table .server-actions-cell{align-self:end}.server-identity-copy .table-secondary{white-space:normal;overflow-wrap:anywhere}}@media (max-width:600px){.server-page-heading{gap:10px;margin-bottom:1.4rem}.server-page-heading .eyebrow{display:none}.server-page-heading .page-heading>div{width:100%}.server-page-heading h1{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.server-page-heading .server-avatar-large{flex-basis:48px;width:48px;height:48px}}.affiliate-share-panel,.affiliate-stat-grid{--affiliate-hero-start:#f4f1ff;--affiliate-hero-end:#edf7f8;--affiliate-blue:#7286ef;--affiliate-mint:#5bcaa6;--affiliate-peach:#f5bc64;--affiliate-coral:#f2998c;--affiliate-tile:#fff;--affiliate-tile-line:#d5d9f3;--affiliate-blue-surface:#f0f3ff;--affiliate-blue-line:#dfe4f8;--affiliate-blue-ink:#4f60c1;--affiliate-mint-surface:#edf8f3;--affiliate-mint-line:#d3eade;--affiliate-mint-ink:#247456;--affiliate-peach-surface:#fff5e6;--affiliate-peach-line:#f0e2c9;--affiliate-peach-ink:#946321;--affiliate-coral-surface:#fff0ed;--affiliate-coral-line:#f0dcd7;--affiliate-coral-ink:#b45d4f}:root[data-theme=dark] .affiliate-share-panel,:root[data-theme=dark] .affiliate-stat-grid{--affiliate-hero-start:#2b273e;--affiliate-hero-end:#223934;--affiliate-blue:#8594f5;--affiliate-mint:#5bd6b2;--affiliate-peach:#f0bc77;--affiliate-coral:#ee9a8b;--affiliate-tile:#34374e;--affiliate-tile-line:#585d80;--affiliate-blue-surface:#252b41;--affiliate-blue-line:#394263;--affiliate-blue-ink:#aab6ff;--affiliate-mint-surface:#23372f;--affiliate-mint-line:#365747;--affiliate-mint-ink:#80dcb2;--affiliate-peach-surface:#3a3023;--affiliate-peach-line:#594735;--affiliate-peach-ink:#edc18b;--affiliate-coral-surface:#3a292c;--affiliate-coral-line:#604045;--affiliate-coral-ink:#f2aca0}.affiliate-share-panel{border-color:var(--affiliate-blue-line);overflow:hidden}.affiliate-share-hero{isolation:isolate;border-bottom:1px solid var(--affiliate-blue-line);background:linear-gradient(120deg, var(--affiliate-hero-start), var(--affiliate-hero-end));min-height:180px;padding:24px 250px 24px 24px;position:relative;overflow:hidden}.affiliate-share-hero .panel-head{border:0;flex-wrap:wrap;justify-content:flex-start;gap:12px;margin-bottom:14px;padding:0}.affiliate-share-hero .badge{background:var(--affiliate-mint-surface);border-color:var(--affiliate-mint-line);color:var(--affiliate-mint-ink)}.affiliate-intro{max-width:630px;color:var(--secondary);font-size:var(--text-body);line-height:var(--leading-copy)}.affiliate-art{z-index:-1;pointer-events:none;width:260px;height:195px;position:absolute;bottom:-18px;right:-12px}.affiliate-art-blue{fill:var(--affiliate-blue)}.affiliate-art-mint{fill:var(--affiliate-mint)}.affiliate-art-gold{fill:var(--affiliate-peach)}.affiliate-art-coral{fill:var(--affiliate-coral)}.affiliate-art-trail{stroke:var(--affiliate-blue);opacity:.65}.affiliate-art-tile{fill:var(--affiliate-tile);stroke:var(--affiliate-tile-line)}.affiliate-art-link{stroke:var(--affiliate-blue)}.affiliate-art-lines{stroke:var(--affiliate-tile);opacity:.7}.affiliate-share{align-items:flex-end;gap:12px;margin:18px 0 12px;display:flex}.affiliate-share-panel .affiliate-share{margin-top:0}.affiliate-share .field{flex:1;min-width:0;margin:0}.affiliate-share input{width:100%;font-size:var(--text-control)}.affiliate-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.affiliate-stat-card[data-tone=blue]{--stat-surface:var(--affiliate-blue-surface);--stat-line:var(--affiliate-blue-line);--stat-ink:var(--affiliate-blue-ink)}.affiliate-stat-card[data-tone=mint]{--stat-surface:var(--affiliate-mint-surface);--stat-line:var(--affiliate-mint-line);--stat-ink:var(--affiliate-mint-ink)}.affiliate-stat-card[data-tone=peach]{--stat-surface:var(--affiliate-peach-surface);--stat-line:var(--affiliate-peach-line);--stat-ink:var(--affiliate-peach-ink)}.affiliate-stat-card[data-tone=coral]{--stat-surface:var(--affiliate-coral-surface);--stat-line:var(--affiliate-coral-line);--stat-ink:var(--affiliate-coral-ink)}.affiliate-stat-grid .panel{background:var(--stat-surface);border-color:var(--stat-line);flex-direction:column;gap:12px;margin:0;padding:20px;display:flex;position:relative;overflow:hidden}.affiliate-stat-label{color:var(--secondary);font-size:var(--text-ui);justify-content:space-between;align-items:center;gap:12px;line-height:1.4;display:flex}.affiliate-stat-icon{background:color-mix(in srgb, var(--stat-ink) 12%, transparent);width:34px;height:34px;color:var(--stat-ink);border-radius:10px;flex:0 0 34px;place-items:center;display:grid}.affiliate-stat-icon .icon{width:18px;height:18px}.affiliate-stat-card .field-note{color:var(--secondary);margin:0}.affiliate-stat-value{letter-spacing:-.03em;font-size:26px;font-weight:600;display:block}.affiliate-actions{flex-wrap:wrap;gap:10px;margin:16px 0;display:flex}.affiliate-tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:20px;margin:0 0 16px;display:flex}.affiliate-tabs button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:8px 0 12px}.affiliate-tabs button.active{color:var(--ink);border-bottom-color:var(--accent)}.affiliate-tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.affiliate-table td .small{margin-top:5px;display:block}.affiliate-reference{overflow-wrap:anywhere;font-size:13px}.affiliate-table th:first-child{width:28%}.affiliate-table .status.available,.affiliate-table .status.qualified{color:var(--accent)}.affiliate-share-panel .panel-head .badge{flex-shrink:0}@media (max-width:1180px){.affiliate-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.affiliate-share-hero{min-height:0;padding:20px 20px 28px}.affiliate-share-hero .panel-head{padding-right:40px}.affiliate-art{opacity:.25;width:170px;height:128px;bottom:-65px;right:-38px}.affiliate-intro{position:relative}.affiliate-stat-grid{grid-template-columns:1fr}.affiliate-share{flex-direction:column;align-items:stretch}.affiliate-tabs{gap:12px}.affiliate-tabs button{font-size:13px}.affiliate-table{min-width:580px}}.social-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.auth-entry .social-signin{container:auth-social/inline-size}.auth-entry .social-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}@container auth-social (width<=14rem){.auth-entry .social-buttons{grid-template-columns:1fr}}.social-provider-button{white-space:normal;justify-content:center;align-items:center;gap:10px;min-height:44px;display:inline-flex}.social-logo{flex:0 0 20px;width:20px;height:20px}.auth-divider{color:var(--muted);align-items:center;gap:12px;margin:22px 0;font-size:14px;display:flex}.auth-entry .auth-divider{margin:.75rem 0}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.social-connections{gap:12px;margin-top:20px;display:grid}.social-connection{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:14px 0;display:flex}.social-connection>div{flex:1;gap:4px;min-width:0;display:grid}.social-connection .muted{overflow-wrap:anywhere}@media (max-width:480px){.social-buttons{grid-template-columns:1fr}.social-connection{grid-template-columns:20px minmax(0,1fr);display:grid}.social-connection>button{grid-column:2;justify-self:start}}.notification-options{gap:1.35rem;margin-top:1.75rem;display:grid}.notification-option{cursor:pointer;flex-direction:row;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.notification-option>span{min-width:0}.notification-option strong{font-weight:600}.notification-option .field-note{margin:.3rem 0 0;line-height:1.55;display:block}.notification-option input[role=switch]{flex-shrink:0}#email-history .panel-body p{margin:0}.hosted-payment-page{--payment-accent:#4651cf;--payment-tint:#eff0ff;--payment-mint:#def5eb;--payment-purple:#b6a5ef;--payment-coin:#f5c45f}.stablecoin-payment-page{--payment-accent:#2775ca;--payment-tint:#e8f3ff;--payment-mint:#dbf5ec}:root[data-theme=dark] .stablecoin-payment-page{--payment-accent:#7fb5f7;--payment-tint:#162c43;--payment-mint:#183e35}:root[data-theme=dark] .hosted-payment-page{--payment-accent:#b0b7ff;--payment-tint:#24263b;--payment-mint:#233f39;--payment-purple:#7361b6;--payment-coin:#dbb358}.payment-hero{background:linear-gradient(110deg, var(--panel) 20%, var(--payment-tint));justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;padding:28px 32px;display:flex;position:relative;overflow:hidden}.payment-hero-content{z-index:1;min-width:0;max-width:640px;position:relative}.payment-hero-badges{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.payment-hero h2{letter-spacing:-.7px;margin:0 0 8px;font-size:clamp(23px,2.2vw,30px);font-weight:600;line-height:1.2}.payment-hero p{color:var(--secondary);max-width:520px;margin:0;font-size:15px;line-height:1.6}.payment-credit-amount{flex-wrap:wrap;align-items:baseline;gap:8px 14px;margin-top:22px;display:flex}.payment-credit-amount strong{letter-spacing:-1px;font-variant-numeric:tabular-nums;font-size:clamp(28px,2.8vw,36px);font-weight:600;line-height:1.2}.payment-credit-amount>span{color:var(--secondary);font-size:14px}.payment-art{width:230px;height:178px;color:var(--payment-accent);flex:0 0 230px}.payment-art-halo{fill:var(--payment-mint)}.payment-art-card{fill:var(--payment-purple)}.payment-art-wallet{fill:var(--payment-accent)}.payment-art-tab{fill:var(--payment-tint)}.payment-art-coin{fill:var(--payment-coin)}.stablecoin-art{flex:0 0 230px;width:230px;height:178px;position:relative}.stablecoin-art svg{width:100%;height:100%}.stablecoin-art img{width:112px;height:112px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stablecoin-art-halo,.stablecoin-art-satellite{fill:var(--payment-mint)}.stablecoin-art-orbit{stroke:var(--payment-accent);stroke-width:1.5px;opacity:.35}.stablecoin-art-satellite{stroke:var(--payment-accent);stroke-width:1.5px}.stablecoin-payment-page .payment-brand-usdc{background:0 0;border:0;flex-basis:44px;width:44px;height:44px;padding:6px}.stablecoin-network{color:var(--secondary);align-items:center;gap:8px;margin-bottom:14px;font-size:13px;display:flex}.stablecoin-network .payment-brand-solana{background:0 0;border:0;flex-basis:24px;width:24px;height:24px;padding:2px}.stablecoin-network .payment-brand-arc{flex-basis:56px;width:56px;height:56px;padding:3px}.stablecoin-send-amount{gap:5px;margin-top:14px;display:grid}.stablecoin-send-amount>span{color:var(--secondary);font-size:13px}.stablecoin-send-amount strong{overflow-wrap:anywhere;font-size:clamp(17px,2vw,23px);font-weight:500;line-height:1.5}.stablecoin-send-amount strong span{font:500 13px/1.5 var(--sans);color:var(--secondary)}.stablecoin-summary-asset{align-items:center;gap:7px;display:inline-flex}.stablecoin-payment-page .stablecoin-summary-asset .payment-brand-usdc{flex-basis:32px;width:32px;height:32px;padding:0}.payment-transfer-details{border-top:1px solid var(--line);margin:22px 0;padding-top:20px}.payment-transfer-details>summary{min-height:36px;color:var(--secondary);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;font-size:14px;font-weight:500;line-height:1.5;list-style:none;display:flex}.payment-transfer-details>summary::-webkit-details-marker{display:none}.payment-transfer-details>summary:hover{color:var(--ink)}.payment-transfer-details>summary:focus-visible{outline:2px solid var(--focus);outline-offset:4px;border-radius:5px}.payment-transfer-details>summary .icon{flex-shrink:0}.payment-transfer-details[open]>summary .icon{transform:rotate(180deg)}.payment-transfer-content{margin-top:16px}.payment-transfer-content>p{margin:0 0 16px;line-height:1.6}.payment-transfer-details .field{margin:0 0 14px}.payment-transfer-details .field:last-child{margin-bottom:0}.stablecoin-payment-page .wallet-section>p{margin:0 0 12px;line-height:1.6}.stablecoin-wallet-instructions .wallet-section{min-width:0;margin:0}.stablecoin-wallet-instructions .payment-qr-instructions+.wallet-section{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.wallet-connect-options{gap:10px}.wallet-connect-options .wallet-connect{--wallet-accent:var(--ink);--wallet-fill:var(--panel);--wallet-border:var(--line);background:var(--wallet-fill);border-color:var(--wallet-border);min-height:44px;color:var(--wallet-accent);flex:175px;justify-content:center;gap:9px;padding:10px 14px;font-size:14px;font-weight:500}.wallet-connect-options .wallet-connect-backpack{--wallet-accent:#b52a32;--wallet-fill:#fff1f1;--wallet-border:#f2b8bc}.wallet-connect-options .wallet-connect-phantom{--wallet-accent:#6941b7;--wallet-fill:#f4efff;--wallet-border:#d5c3f4}.wallet-connect-options .wallet-connect-solflare{--wallet-accent:#805c05;--wallet-fill:#fff8df;--wallet-border:#edcf75}[data-theme=dark] .wallet-connect-options .wallet-connect-backpack{--wallet-accent:#ffa2a7;--wallet-fill:#382326;--wallet-border:#79454b}[data-theme=dark] .wallet-connect-options .wallet-connect-phantom{--wallet-accent:#d4bcff;--wallet-fill:#30273e;--wallet-border:#695183}[data-theme=dark] .wallet-connect-options .wallet-connect-solflare{--wallet-accent:#f5d77e;--wallet-fill:#342f21;--wallet-border:#796537}.wallet-connect-options .wallet-connect:hover:enabled{background:color-mix(in srgb, var(--wallet-accent) 9%, var(--wallet-fill));border-color:var(--wallet-accent)}.wallet-connect-options .wallet-connect:focus-visible{outline-color:var(--wallet-accent)}.wallet-connect img{object-fit:contain;border-radius:5px;flex:0 0 22px;width:22px;height:22px}.wallet-identity{font-size:var(--text-caption);align-items:center;gap:8px;margin-bottom:10px;display:flex}.wallet-identity img{object-fit:contain;border-radius:5px}.wallet-picker{width:min(440px,100vw - 2rem)}.wallet-picker .modal-header{margin-bottom:10px}.wallet-picker>p{color:var(--secondary);font-size:var(--text-caption);line-height:1.5}.wallet-picker-network{border:1px solid var(--line);background:var(--field);color:var(--secondary);font-size:var(--text-caption);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0;padding:10px 12px;display:flex}.wallet-picker-network .payment-brand{background:0 0;border:0;flex:0 0 24px;width:24px;height:24px;padding:2px}.wallet-picker-network>span:not(.payment-brand){flex:1}.wallet-picker-network strong{color:var(--ink);font-size:var(--text-micro);overflow-wrap:anywhere}.wallet-picker-options{gap:8px;max-height:240px;margin:8px -3px 0;padding:3px;display:grid;overflow-y:auto}.wallet-picker-options .wallet-connect{justify-content:flex-start;width:100%;min-height:46px}.wallet-picker-empty{text-align:center;font-size:var(--text-caption);justify-items:center;gap:8px;padding:16px 12px;line-height:1.5;display:grid}.wallet-picker-empty .icon{width:26px;height:26px;color:var(--blue)}.wallet-picker-empty p{color:var(--secondary)}.wallet-picker-mobile{background:var(--field);border:1px solid var(--line);border-radius:10px;margin-top:16px;padding:14px}.wallet-picker-mobile h3{font-size:var(--text-control);line-height:var(--leading-ui)}.wallet-picker-mobile p{color:var(--secondary);font-size:var(--text-caption);margin-top:6px;line-height:1.5}.wallet-picker-mobile .button{min-height:40px;font-size:var(--text-caption);margin-top:12px}.wallet-picker-directory{font-size:var(--text-caption);margin-top:10px}.payment-address-field{position:relative}.payment-address-field input{padding-right:43px;font-size:13px}.payment-address-field .button{width:30px;height:30px;min-height:30px;padding:6px;position:absolute;top:5px;right:5px}.payment-address-field .icon{width:16px;height:16px}.payment-steps{gap:0;margin:0 0 24px;padding:0;list-style:none;display:flex}.payment-steps li{color:var(--secondary);flex:1;align-items:center;gap:10px;font-size:14px;display:flex}.payment-steps li:not(:last-child):after{content:"";background:var(--line);flex:1;height:1px;margin:0 18px 0 8px}.payment-step-mark{border:1px solid var(--line);background:var(--panel);border-radius:50%;flex:0 0 28px;place-items:center;width:28px;height:28px;font-size:12px;font-weight:500;display:grid}.payment-step-mark .icon{width:14px;height:14px}.payment-steps .current{color:var(--ink);font-weight:500}.payment-steps .current .payment-step-mark{color:var(--payment-accent);border-color:var(--payment-accent);background:var(--payment-tint)}.payment-steps .done .payment-step-mark{color:var(--green);background:var(--payment-mint);border-color:#0000}.payment-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:24px;display:grid}.payment-summary{gap:18px;min-width:0;display:grid}.payment-summary .panel{margin:0}.payment-summary .detail-grid{grid-template-columns:minmax(0,1fr);gap:16px}.payment-summary .detail-grid>div{grid-template-columns:100px minmax(0,1fr);align-items:baseline;gap:12px;display:grid}.payment-summary .detail-grid dt,.payment-summary .detail-grid dd{margin:0;font-size:14px;line-height:1.6}.payment-summary .detail-grid dd{text-align:right}.payment-summary .detail-grid .mono{white-space:nowrap;font-size:14px}.payment-checkout{min-width:0}.payment-countdown{color:var(--secondary);font:400 13px/1.4 var(--mono);align-items:center;gap:6px;display:inline-flex}.payment-countdown .icon{width:15px;height:15px}.payment-method-heading,.payment-confirmation{align-items:center;gap:14px;margin-bottom:22px;display:flex}.payment-symbol{background:var(--payment-tint);width:44px;height:44px;color:var(--payment-accent);border-radius:12px;flex:0 0 44px;place-items:center;display:grid}.payment-confirmation .payment-symbol{background:var(--payment-mint);color:var(--green)}.payment-checkout h3{margin:0 0 5px;font-size:16px;font-weight:600}.payment-method-heading p,.payment-confirmation p,.payment-instructions p{color:var(--secondary);margin:0;font-size:14px;line-height:1.6}.payment-confirmation p+p{margin-top:4px}.payment-confirmation a,.payment-transactions a{color:var(--green)}.payment-transactions{flex-direction:column;gap:2px;display:inline-flex}.payment-instructions{border:1px solid var(--line);background:color-mix(in srgb, var(--payment-tint) 45%, var(--panel));border-radius:10px;margin:0 0 22px;padding:18px}.payment-qr-instructions{grid-template-columns:184px minmax(0,1fr);align-items:center;gap:22px;display:grid}.payment-qr{background:#fff;border-radius:9px;place-items:center;width:184px;min-height:184px;display:grid;overflow:hidden}.payment-qr img{width:184px;height:184px;display:block}.payment-qr>span{color:#5d6473;text-align:center;padding:18px;font-size:13px}.payment-qr-instructions .small{margin-top:12px;display:block}.payment-instructions .payment-instruction-actions{flex-wrap:wrap;margin:18px 0 0}.payment-instruction-actions .button{margin-top:0}.payment-instructions .payment-checkout-note{margin-top:12px;font-size:13px}.payment-provider-trust{--provider-logo-height:24px;border-top:1px solid var(--line);color:var(--secondary);gap:6px;margin-top:18px;padding-top:16px;font-size:12px;line-height:1.5;display:grid}.payment-provider-marks{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.payment-provider-identity{height:var(--provider-logo-height);color:var(--ink);align-items:center;gap:7px;text-decoration:none;display:inline-flex}.payment-provider-identity img{width:var(--provider-logo-height);height:var(--provider-logo-height);display:block}.doit-wordmark{font-size:25px;font-weight:400;line-height:var(--provider-logo-height);letter-spacing:-1px}.doit-wordmark b{font-weight:700}.payment-provider-certifications{height:var(--provider-logo-height);align-items:center;text-decoration:none;display:inline-flex}.payment-provider-certifications img{width:auto;height:var(--provider-logo-height);object-fit:contain;background:#fff;border-radius:3px;max-width:100%;display:block}.payment-provider-trust a:hover{color:var(--ink)}.payment-bank-steps{color:var(--secondary);margin:16px 0 0;padding-left:20px;font-size:14px;line-height:1.6}.payment-bank-steps li+li{margin-top:8px}.native-payment-choices{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;margin:0 0 18px;padding:0;display:grid}.native-payment-options{margin:18px 0}.native-payment-choice{flex-direction:column}.native-payment-choices legend{margin-bottom:10px;font-size:14px;font-weight:500}.native-payment-choice{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:10px;align-items:flex-start;gap:10px;padding:14px;display:flex;position:relative}.native-payment-choice:hover{background:var(--hover)}.native-payment-choice.selected{border-color:var(--blue);background:color-mix(in srgb, var(--blue) 7%, var(--panel))}.native-payment-choice:has(:focus-visible){outline:2px solid var(--blue);outline-offset:3px}.native-payment-choice:has(:disabled){cursor:default}.native-payment-choice input{opacity:0;width:1px;height:1px;position:absolute}.native-payment-choice>span:not(.native-payment-mark){min-width:0}.native-payment-choice strong{margin-bottom:4px;font-size:14px;font-weight:600;display:block}.native-payment-choice strong+span{color:var(--secondary);font-size:13px;line-height:1.5;display:block}.native-payment-choice>.icon{width:13px;height:13px;color:var(--blue);position:absolute;top:9px;right:9px}.native-payment-mark{width:36px;height:36px;color:var(--blue);background:color-mix(in srgb, var(--blue) 10%, var(--panel));border-radius:10px;flex:0 0 36px;place-items:center;display:grid}.native-payment-mark.bank{color:var(--green);background:color-mix(in srgb, var(--green) 12%, var(--panel))}.native-payment-mark svg{width:22px;height:22px}.payment-brand{background:#fff;border:1px solid #e4e7ec;border-radius:9px;flex:0 0 80px;justify-content:center;align-items:center;width:80px;height:44px;padding:7px 9px;display:inline-flex;overflow:hidden}.payment-brand img{object-fit:contain;width:auto;min-width:0;max-width:100%;height:auto;min-height:0;max-height:100%;display:block}.native-payment-mark.payment-brand{background:#fff;flex-basis:80px;width:80px;height:44px}.native-payment-choice .payment-brand{flex-basis:auto}.payment-brand-maybank img{width:28px;height:28px}#topup-bank-trigger .image-logo,#topup-bank-options .image-logo{background:#fff;border:1px solid #e4e7ec;flex:0 0 64px;justify-content:center;align-items:center;width:64px;height:32px;padding:5px 6px;display:flex;overflow:hidden}#topup-bank-trigger .image-logo img,#topup-bank-options .image-logo img{object-fit:contain;width:auto;min-width:0;max-width:100%;height:auto;min-height:0;max-height:100%;display:block}.topup-payment-info{border:1px solid var(--line);background:var(--field);border-radius:10px;gap:8px;padding:14px;display:grid}.topup-payment-heading,.topup-payment-title,.topup-payment-network{align-items:center;gap:10px;min-width:0;display:flex}.topup-payment-heading{flex-wrap:wrap;justify-content:space-between}.topup-payment-title strong{font-size:var(--text-control);font-weight:600;line-height:var(--leading-ui)}.topup-payment-info>p{color:var(--secondary);font-size:var(--text-caption);line-height:1.5}.topup-payment-info>.topup-payment-test{color:var(--warning-text);font-size:var(--text-micro)}.topup-currency-mark.payment-brand{background:0 0;border:0;flex:0 0 32px;width:32px;height:32px;padding:0}.topup-currency-mark.payment-brand img{width:32px;height:32px}.topup-payment-network{font-size:var(--text-caption);color:var(--secondary);gap:6px}.topup-payment-network .payment-brand{background:0 0;border:0;border-radius:0;flex:0 0 20px;width:20px;height:20px;padding:0}#topup-method-trigger .image-logo,#topup-method-options .image-logo{background:0 0;border:0;border-radius:0;flex:0 0 22px;width:22px;height:22px}#topup-method-trigger{padding-block:6px}#topup-method-trigger .image-logo img,#topup-method-options .image-logo img{width:22px;height:22px;display:block}@media (max-width:420px){.native-payment-choices{gap:8px}.native-payment-choice{flex-direction:column;gap:8px;padding:13px 10px}}.payment-va>div{align-items:center;gap:12px;margin:6px 0 10px;display:flex}.payment-va strong{overflow-wrap:anywhere;min-width:0;font-size:20px;line-height:1.5}.payment-total{border-bottom:1px solid var(--line);gap:6px;margin-bottom:22px;padding-bottom:22px;display:grid}.payment-total>span{color:var(--secondary);font-size:14px}.payment-total>strong{font-size:clamp(22px,2.3vw,28px);font-weight:500;line-height:1.5}.payment-total p{max-width:520px;color:var(--secondary);margin:4px 0 0;font-size:13px;line-height:1.6}.payment-sandbox-note{color:var(--secondary);gap:8px;margin:22px 0 0;font-size:13px;line-height:1.5;display:flex}.payment-sandbox-note .icon{flex:0 0 16px;width:16px;height:16px;margin-top:2px}.payment-actions{margin-top:24px}.payment-checkout-note{color:var(--secondary);margin:14px 0 0;font-size:13px;line-height:1.6}.payment-reference{border-top:1px solid var(--line);gap:6px;margin-top:20px;padding-top:20px;display:grid}.payment-reference>div{align-items:center;gap:8px;display:flex}.payment-reference code{overflow-wrap:anywhere;min-width:0;color:var(--secondary);font-size:12px}.payment-reference .button,.payment-va button.button{flex:0 0 32px;width:32px;height:32px;min-height:32px;padding:7px}.payment-reference .icon,.payment-va button.button .icon{width:16px;height:16px}.payment-receipt{width:100%;margin-top:20px}.payment-balance-card{background:linear-gradient(130deg, var(--panel), var(--payment-mint))}.payment-balance-card strong{margin:10px 0 8px;font-size:23px;font-weight:500;display:block}.payment-balance-card p{color:var(--secondary);margin:0;font-size:13px;line-height:1.6}@media (max-width:1080px){.payment-layout{grid-template-columns:minmax(0,1fr) 285px;gap:18px}.payment-art,.stablecoin-art{flex-basis:190px;width:190px}.payment-qr-instructions{grid-template-columns:1fr}.payment-qr{justify-self:center}}@media (max-width:860px){.payment-layout{grid-template-columns:1fr}.payment-summary{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.payment-hero{padding:24px}.payment-steps li{gap:7px;font-size:13px}.payment-steps li:not(:last-child):after{margin:0 10px}}@media (max-width:560px){.payment-hero{gap:0;padding:22px}.payment-art{opacity:.3;width:145px;height:120px;position:absolute;bottom:-18px;right:-32px}.stablecoin-art{opacity:1;width:145px;height:120px;position:absolute;bottom:-12px;right:-30px}.stablecoin-art img{width:76px;height:76px}.payment-hero-content{width:100%}.payment-credit-amount{flex-direction:column;gap:6px}.payment-steps li{text-align:center;flex-direction:column;gap:7px;font-size:12px}.payment-steps li:not(:last-child):after{display:none}.payment-summary{grid-template-columns:1fr}.payment-qr-instructions{gap:18px;padding:16px}.payment-va strong{font-size:17px}.payment-actions{flex-wrap:wrap}.payment-reference code{font-size:13px}}.plan-pricing:has(.plan-was){flex-wrap:wrap;justify-content:flex-end}.plan-was{color:var(--muted);font:400 var(--text-micro) / var(--leading-ui) var(--mono);font-variant-numeric:tabular-nums;flex-basis:100%;justify-content:flex-end;align-items:center;gap:.4rem;display:flex}.billing-term-option .plan-was{justify-content:flex-start}.plan-was s{text-decoration-thickness:1px}.plan-was-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.discount-off{border:1px solid color-mix(in srgb, var(--green) 45%, transparent);color:var(--green);font:600 var(--text-micro) / var(--leading-ui) var(--sans);white-space:nowrap;border-radius:6px;padding:1px 6px}.selection-card:has(input:checked) .plan-was{color:var(--muted)}.selection-card:has(input:checked) .discount-off{border-color:color-mix(in srgb, currentColor 55%, transparent);color:var(--secondary)}.subscription-card .panel-body{gap:1.25rem;display:grid}.subscription-card .callout{margin:0}.subscription-summary{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.75rem;margin:0;display:grid}.subscription-summary>div{border:1px solid var(--line-subtle);background:var(--field);border-radius:10px;padding:.75rem .9rem}.subscription-summary dt{font-size:var(--text-caption);color:var(--secondary)}.subscription-summary dd{font:600 var(--text-control) / var(--leading-ui) var(--mono);font-variant-numeric:tabular-nums;margin:.2rem 0 0}.subscription-block{border-top:1px solid var(--line-subtle);gap:.85rem;padding-top:1.25rem;display:grid}.subscription-block-head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.subscription-block-head h3{font-size:var(--text-control);align-items:center;gap:.5rem;margin:0 0 .25rem;font-weight:600;display:flex}.subscription-block-head .field-note{margin:0}.subscription-state.on{border-color:color-mix(in srgb, var(--green) 45%, transparent);color:var(--green)}.renew-now form{grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:.75rem;display:grid}.renew-now fieldset{grid-column:1;min-width:0;margin:0}.renew-now .field{margin:0}.renew-now .modal-actions{grid-column:2;margin:0}.renew-now .form-error{grid-column:1/-1}.subscription-editor{border:1px solid var(--line-subtle);border-radius:12px}.subscription-editor fieldset{gap:1rem;margin:0 0 1rem;display:grid}.switch-option{cursor:pointer;flex-direction:row;align-items:flex-start;gap:.75rem;display:flex}.switch-option>input{flex:none;margin-top:.1rem}.switch-option>span{gap:.15rem;display:grid}.switch-option strong{font-weight:500}.subscription-fields{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1rem;display:grid}.subscription-fields .field{margin:0}@media (max-width:560px){.renew-now form{grid-template-columns:minmax(0,1fr);row-gap:.75rem}.renew-now .modal-actions{grid-column:1}.subscription-block-head{flex-wrap:wrap}}.member-cell{vertical-align:middle;align-items:center;gap:.65rem;min-width:0;max-width:100%;display:inline-flex}.member-cell .avatar{flex:none}.member-cell strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:500;overflow:hidden}.team-members-panel td{vertical-align:middle}.region-select,.vps-dock-bar{display:none}@media (max-width:760px){.region-select{display:block}.region-filters,#vm-regions{display:none}.order-summary.vps-summary-dock{z-index:15;border-radius:16px 16px 0 0;position:sticky;bottom:0;box-shadow:0 -10px 28px #18205b1f}:root[data-theme=dark] .order-summary.vps-summary-dock{box-shadow:0 -10px 28px #0006}.vps-summary-dock .vps-dock-bar{align-items:flex-start;gap:12px;padding:12px 16px 0;display:flex}.vps-summary-dock .vps-summary-hero,.vps-summary-dock[data-expanded=false] .vps-summary-body{display:none}.vps-summary-dock[data-expanded=true] .vps-summary-body{overscroll-behavior:contain;max-height:min(50vh,420px);overflow-y:auto}.vps-summary-dock .vps-summary-content{padding:12px 16px 0}.vps-summary-dock[data-expanded=false] .vps-summary-footer .callout:not(.warning),.vps-summary-dock[data-expanded=false] .vps-summary-footer>a.button.quiet{display:none}.vps-summary-dock .vps-summary-footer{padding:10px 16px calc(12px + env(safe-area-inset-bottom));gap:8px}}.vps-dock-text{flex:1;gap:2px;min-width:0;display:grid}.vps-dock-text strong{font:600 var(--text-ui) / 1.35 var(--mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vps-dock-location{font-family:var(--sans);color:var(--muted);margin-left:8px;font-weight:400}.vps-dock-location>span{margin-right:4px}.vps-dock-text>span{font-size:var(--text-small);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vps-dock-total{flex-shrink:0;justify-items:end;gap:2px;display:grid}.vps-dock-total strong{font:600 var(--text-card) / 1.25 var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}.vps-dock-toggle{min-height:24px;color:var(--secondary);font-size:var(--text-small);cursor:pointer;background:0 0;border:0;align-items:center;gap:2px;padding:0;display:inline-flex}.vps-dock-toggle .icon{width:14px;height:14px;transition:transform .15s;transform:rotate(180deg)}.vps-dock-toggle[aria-expanded=true] .icon{transform:none}.nav-count.nav-soon{font-variant-numeric:normal;min-width:0;font-size:.6875rem}.cli-approval .cli-scope{color:var(--secondary);line-height:var(--leading-ui);gap:.35rem;margin:.875rem 0 0;padding-left:1.1rem;display:grid}.cli-approval .cli-warning{border:1px solid var(--warning-border);background:var(--warning-bg);color:var(--warning);line-height:var(--leading-ui);border-radius:8px;margin-top:1rem;padding:.65rem .8rem}.cli-approval code{font-family:var(--mono);font-size:.92em}.cli-approval .cli-actions{justify-content:flex-end;gap:.5rem;margin-top:1.1rem;display:flex}.cli-approval .cli-code{border:1px solid var(--line);background:var(--soft);border-radius:10px;align-items:center;gap:.5rem;margin-top:.875rem;padding:.55rem .55rem .55rem .8rem;display:flex;box-shadow:inset 0 1px 2px #00000040}.cli-approval .cli-code code{overflow-wrap:anywhere;min-width:0;color:var(--ink,inherit);flex:1}.cli-approval>p.small{margin-top:.875rem}.session-list{border-top:1px solid var(--line);margin-top:.75rem;display:grid}.session-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem 0;display:flex}.session-row>div{flex-wrap:wrap;align-items:center;gap:.25rem .5rem;min-width:0;display:flex}.session-row .small{flex-basis:100%}.status.attached:before,.status.available:before{background:var(--green)}.status.creating:before,.status.attaching:before,.status.detaching:before,.status.deleting:before{background:var(--info)}.status.unknown:before{background:var(--warning)}.status.released:before,.status.deleted:before{background:var(--danger)}.volume-mark{border:1px solid var(--line);background:var(--field);width:34px;height:34px;color:var(--secondary);border-radius:9px;flex:none;place-items:center;display:inline-grid}.volume-mark .icon{width:18px;height:18px}.volume-mark.large{border-radius:14px;width:56px;height:56px}.volume-mark.large .icon{width:26px;height:26px}.empty>.volume-mark.large{margin:0 auto 18px}.volume-actions{flex-wrap:wrap;gap:.6rem;margin-top:1.25rem;display:flex}.volume-mode{margin-bottom:1rem}.volume-sizes{margin-bottom:.9rem}.volume-summary{gap:14px;display:grid}.volume-summary-head{align-items:center;gap:12px;display:flex}.volume-summary-head>div{min-width:0;display:grid}.volume-summary-head strong{font:600 var(--text-ui) / 1.35 var(--mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.volume-summary .vps-summary-price{margin:0}.server-volume-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.server-volume-list li{align-items:center;gap:12px;display:flex}.server-volume-copy{flex:1;min-width:0;display:grid}.server-volume-copy .muted{font-size:var(--text-small);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.billing-term-options.compact{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:.75rem}@media (max-width:560px){.billing-term-options.compact{grid-template-columns:minmax(0,1fr)}}.page-back{white-space:nowrap;flex-shrink:0;align-self:flex-start}@media (min-width:861px){.responsive-only{display:none!important}}@media (max-width:860px){.desktop-only{display:none!important}}.header-credit-control{border-radius:8px}.header-credit-balance{min-height:30px;padding:.2rem .65rem}.header-credit-amount{font-size:var(--text-small)}.header-load-credit{flex-basis:32px;width:32px;min-height:30px}.header-load-credit .icon{width:16px;height:16px}.volume-mark.system{background:var(--white);color:var(--muted)}.system-disk-list{border-bottom:1px solid var(--line-subtle);margin-bottom:12px;padding-bottom:12px}.system-disks-card{margin-top:1.25rem}.disk-mode-grid,.disk-zone-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.disk-mode-grid{margin-bottom:1rem}.disk-zone-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.disk-mode-option,.disk-zone-option{box-shadow:none;border-radius:12px;grid-template-columns:auto minmax(0,1fr) 19px;align-items:center;gap:.75rem;padding:.9rem 1rem;display:grid}.disk-zone-option{grid-template-columns:minmax(0,1fr) 19px}.disk-zone-option[data-disabled]{cursor:not-allowed;opacity:.55}.disk-mode-icon{background:var(--field);width:36px;height:36px;color:var(--secondary);border-radius:10px;place-items:center;display:grid}.disk-mode-icon .icon{width:18px;height:18px}.selection-card:has(input:checked) .disk-mode-icon{color:#fff;background:#ffffff26}.disk-mode-copy,.disk-zone-copy{min-width:0;display:grid}.disk-mode-copy strong,.disk-zone-copy strong{font-size:var(--text-ui);font-weight:600}.disk-region-grid{margin-bottom:.5rem}.disk-subhead{font-size:var(--text-ui);margin:1.1rem 0 .6rem;font-weight:600}.disk-size-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:.6rem;margin-bottom:1rem;display:grid}.disk-size-option{box-shadow:none;border-radius:12px;gap:.15rem;padding:.85rem .9rem;display:grid}.disk-size-option strong{font-size:var(--text-card)}.disk-size-stepper{align-items:center;gap:.5rem;max-width:280px;display:flex}.disk-size-stepper input{text-align:center;min-width:0;font-family:var(--mono);flex:1}.disk-size-stepper .icon-button{flex:none;font-size:1.15rem}.disk-order-summary .vps-summary-specs [data-spec=memory] dd{font-family:var(--mono)}@media (max-width:560px){.disk-mode-grid{grid-template-columns:minmax(0,1fr)}}.disk-review .vps-review-resources{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:560px){.disk-review .vps-review-resources{grid-template-columns:minmax(0,1fr)}}.order-summary.vps-order-summary.disk-order-summary,.compose-layout.disk-review-layout{--accent:#0f7a6d;--accent-hover:#0b665b;--accent-ink:#fff}.order-summary.vps-order-summary.disk-order-summary{--vps-hero-start:#e2f5f1;--vps-hero-end:#e6f1fb;--vps-border:#cfe5e1;--vps-family-bg:#d3efe9;--vps-family-ink:#0f6b5f;--vps-cpu-bg:#e9f2fb;--vps-memory-bg:#e6f5f2;--vps-disk-bg:#e1f3ef;--vps-price-bg:#e4f4f0;--vps-credit-bg:#f0f8f4;--disk-art-top:#8fd8ca;--disk-art-side:#3aa594;--disk-art-halo:#7cc4ef;--disk-art-dot:#f5bc64;box-shadow:0 6px 24px #0f5c530d}:root[data-theme=dark] .order-summary.vps-order-summary.disk-order-summary,:root[data-theme=dark] .compose-layout.disk-review-layout{--accent:#2fb3a1;--accent-hover:#3cc4b1;--accent-ink:#062b26}:root[data-theme=dark] .order-summary.vps-order-summary.disk-order-summary{--vps-hero-start:#1d3533;--vps-hero-end:#1f2d3b;--vps-border:#2f4542;--vps-family-bg:#1f423c;--vps-family-ink:#86e0d0;--vps-cpu-bg:#1f2b38;--vps-memory-bg:#1f3531;--vps-disk-bg:#213a35;--vps-price-bg:#1e3532;--vps-credit-bg:#21322a;--disk-art-top:#5fc3b2;--disk-art-side:#2a8a7c;--disk-art-halo:#4f8fb8;box-shadow:0 8px 28px #00000026}.disk-order-summary .vps-summary-logo,.disk-order-summary .vps-summary-specs .icon,.disk-order-summary .vps-summary-specs [data-spec=disk] .icon{color:var(--accent)}.disk-order-summary .vps-summary-specs [data-spec=cpu] .icon{color:var(--blue)}.disk-summary-art{opacity:.9}.disk-art-halo{fill:var(--disk-art-halo);opacity:.28}.disk-art-stack path{fill:var(--disk-art-side)}.disk-art-stack ellipse{fill:var(--disk-art-top)}.disk-art-lights circle{fill:#d9fff7}.disk-art-dot{fill:var(--disk-art-dot,#f0bc77)}.vps-summary-location .icon{width:15px;height:15px;color:var(--muted)}.disk-order-summary .vps-summary-price strong{color:var(--accent)}.compose-layout.disk-review-layout{--review-blue:color-mix(in srgb, #1fa08f 10%, var(--card-surface));--review-mint:color-mix(in srgb, #1fa08f 12%, var(--card-surface));--review-peach:color-mix(in srgb, #3e93d6 9%, var(--card-surface));--review-violet:color-mix(in srgb, #1fa08f 10%, var(--card-surface))}.disk-review-layout .vps-review-family{color:var(--accent)}.disk-review-layout .vps-review-avatar.volume-mark{background:var(--accent);color:var(--accent-ink);border-color:#0000}.disk-review-layout .vps-review-resources .icon{color:var(--accent)}.disk-review-art .review-art-halo{fill:#3e93d629}.disk-review-art .review-art-shadow{fill:#0f7a6d}.disk-review-art .review-art-top{fill:#8fd8ca}.disk-review-art .review-art-front{fill:#3aa594}.disk-review-art .review-art-divider{stroke:#e0fbf5}.disk-review-art .review-art-lights,.disk-review-art .review-art-mint{fill:#d9fff7}.disk-review-art .review-art-mint{fill:#7cc4ef}.disk-review-art .review-art-spark{stroke:#3aa594}.disk-review-layout .vps-review-total>strong{color:var(--accent)}@media (max-width:760px){.disk-region-grid{display:none}}.disk-steps .active{color:#0f7a6d}.vps-review-progress.disk-steps .active{background:color-mix(in srgb, #1fa08f 10%, var(--card-surface))}:root[data-theme=dark] .disk-steps .active{color:#5fc3b2}.vps-summary-art.disk-summary-art{bottom:-14px;right:-22px}.disk-type-price{color:var(--ink);font-size:var(--text-small);margin-top:.35rem;font-weight:500}.disk-mode-icon[data-type=ssd]{background:color-mix(in srgb, #1fa08f 14%, var(--card-surface));color:#0f7a6d}.selection-card:has(input:checked) .disk-mode-icon[data-type=ssd]{color:#fff;background:#ffffff26}.disk-type-option[data-disabled]{cursor:not-allowed;opacity:.55}.plan-stock-badge.plan-blocked-badge{background:var(--warning);border-color:var(--warning)}.compact-plan[data-blocked],.plan-list-row[data-blocked]{cursor:not-allowed}.test-credit-suffix{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:.35em;font-size:.82em;font-weight:500}.header-credit-control .test-credit-suffix{min-height:30px;font-size:var(--text-small);align-items:center;padding-right:.55rem;display:inline-flex}.badge.test-credit-badge{vertical-align:middle;background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-ink);margin-left:.45rem}.billing-term-options.pay-with-options{grid-template-columns:repeat(2,minmax(0,1fr))}.pay-with-options+.callout{margin-top:.85rem}@media (max-width:560px){.billing-term-options.pay-with-options{grid-template-columns:minmax(0,1fr)}}td.nowrap{white-space:nowrap}td.transaction-reference{overflow-wrap:anywhere;max-width:28rem}