:root{--paper:#fcf8f5;--surface:#fffcfb;--pink:#e4567b;--accent:#b83e65;--blush:#f8e3eb;--line:#ead9df;--ink:#342d32;--muted:#82727c;--green:#427563;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 -apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}a,button,input,select{outline-offset:4px}:focus-visible{outline:2px solid var(--pink)}h1,h2,h3,p{margin:0}h1{font-size:38px;line-height:1.25;letter-spacing:-1.4px}h2{font-size:24px;line-height:1.4;letter-spacing:-.5px}h3{font-size:17px}p{color:var(--muted)}b{font-weight:650}small{font-size:13px;color:var(--muted)}.topbar{height:86px;padding:0 4%;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:40px;background:var(--surface)}.brand{display:flex;align-items:center;gap:9px;font:800 29px/1 Arial,sans-serif;letter-spacing:-1.3px;white-space:nowrap}.brand b{color:var(--pink);font-weight:800}.topbar nav{display:flex;gap:32px;margin-left:auto;font-size:14px}.topbar nav a{padding:30px 0}.topbar nav a[aria-current]{color:var(--accent);box-shadow:0 2px var(--pink)}a:hover{color:var(--accent)}.small-button,.button{border:1px solid #e4aabe;border-radius:6px;background:var(--surface);color:var(--accent);display:inline-flex;align-items:center;justify-content:space-between;gap:28px;font-weight:600}.small-button{padding:8px 14px;font-size:14px}.button{padding:7px 7px 7px 22px;min-height:54px}.button>span:last-child{display:grid;place-items:center;background:var(--blush);border-radius:4px;width:40px;height:38px;font-size:24px}.button:hover,.small-button:hover{background:#fff1f5;border-color:var(--pink)}.button.solid{background:var(--pink);color:white;border-color:var(--pink)}.button.solid>span:last-child{background:#ffffff22}.eyebrow{font:12px/1.5 var(--mono);letter-spacing:1.7px;color:var(--accent);display:block;margin-bottom:16px}.muted{color:var(--muted)}.prototype{border-top:1px solid var(--line);padding:20px 4%;display:flex;gap:24px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.prototype>span{margin-right:auto}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);padding:12px 24px;background:var(--ink);color:white;border-radius:6px;opacity:0;pointer-events:none;transition:.2s;z-index:20;max-width:90vw}.toast.show{opacity:1;transform:translate(-50%,0)}.label{display:block;margin:24px 0 8px;font-size:14px;font-weight:600}input,select{background:var(--surface);border:1px solid #d9c7ce;border-radius:5px;padding:13px 14px;color:var(--ink);max-width:100%}input{width:100%}input::placeholder{color:#9b8b95}.text-link{color:var(--accent);border-bottom:1px solid #deb2c1;padding-bottom:3px}.row{display:flex;align-items:center;justify-content:space-between;gap:20px}.pill{font-size:12px;padding:3px 10px;border:1px solid var(--line);border-radius:30px;white-space:nowrap}.pill.good{background:#eff5f0;color:var(--green);border-color:#dce8df}.pill.pending{background:#fff1dc;color:#8a6630}.separator{height:1px;background:var(--line);margin:30px 0}
/* The welcome spread keeps the character out of the working surfaces. */
.welcome{max-width:1400px;margin:auto;display:grid;grid-template-columns:1fr 1fr;min-height:760px}.welcome-art{background:#f9e9ee;position:relative;overflow:hidden;border-right:1px solid var(--line);padding:48px 11% 0}.welcome-art h1{font-size:52px;position:relative;z-index:2;line-height:1.25}.welcome-art h1 em{color:var(--pink);font-style:normal}.welcome-art>p{margin-top:16px;position:relative;z-index:2}.welcome-art>img{position:absolute;width:94%;height:600px;object-fit:contain;object-position:bottom;bottom:-110px;right:-12%;transform:rotate(-3deg)}.welcome-art:before{content:'moe';position:absolute;left:5%;bottom:10%;color:#edb8cb;font:italic 220px Georgia,serif}.welcome-art .art-caption{position:absolute;left:10%;bottom:32px;font:12px var(--mono);writing-mode:vertical-rl;letter-spacing:2px}.welcome-form{padding:54px clamp(28px,5vw,78px)}.step-line{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted);margin-bottom:38px}.step-line i{width:30px;border-top:1px solid var(--line)}.step-line .active{color:var(--accent)}.welcome-form h2{font-size:30px;margin-bottom:10px}.welcome-form form{margin-top:24px}.welcome-form .button{width:100%;margin-top:26px}.form-foot{margin-top:22px;font-size:14px}.welcome-note{margin-top:34px;padding-top:24px;border-top:1px solid var(--line);display:flex;gap:14px;color:var(--muted);font-size:13px}.welcome-note img{width:46px;height:42px}.checkline{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--muted);margin-top:20px}.checkline input{width:16px;margin:5px 0;accent-color:var(--pink)}
/* Documentation: a reading column and a quiet, fixed-width navigation rail. */
.docs-layout{max-width:1400px;margin:auto;display:grid;grid-template-columns:240px minmax(0,1fr) 190px}.doc-nav{padding:38px 26px;border-right:1px solid var(--line)}.nav-group{font:12px var(--mono);letter-spacing:1px;color:var(--muted);margin:26px 0 12px}.doc-nav a,.side-nav a{display:flex;align-items:center;gap:12px;padding:10px 13px;border-radius:5px;font-size:14px;margin:3px 0}.doc-nav a.selected,.side-nav a.selected{background:var(--blush);color:var(--accent);font-weight:600}.doc-nav .mini-guardian{margin-top:75px;border-top:1px solid var(--line);padding-top:20px}.mini-guardian img{width:130px;display:block;margin:0 auto 12px}.mini-guardian p{font-size:12px;text-align:center}.doc-body{padding:46px clamp(24px,4vw,62px) 60px;min-width:0}.doc-body>h1{font-size:42px}.doc-lead{margin-top:16px;margin-bottom:25px}.doc-meta{display:flex;gap:12px;font:12px var(--mono);color:var(--muted)}.doc-section{scroll-margin-top:30px;margin-top:48px}.doc-section h2{display:flex;align-items:center;gap:14px;margin-bottom:12px}.step-number{font:14px var(--mono);color:var(--accent);border:1px solid #e6bdcc;border-radius:5px;width:32px;height:32px;display:inline-grid;place-items:center}.doc-section p{font-size:15px;margin:12px 0}.callout{background:#f9eaf0;border-left:3px solid #d888a3;padding:16px 20px;font-size:14px;color:#775460;margin:24px 0}.codebox{border:1px solid var(--line);border-radius:7px;overflow:hidden;margin:20px 0;background:#fffafc}.code-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:10px 18px;font:12px var(--mono);color:var(--muted)}.copy-btn{border:0;background:none;color:var(--accent);font-size:12px;padding:4px 7px}.codebox pre{margin:0;padding:20px;overflow:auto;line-height:1.9;font:13px/1.9 var(--mono);color:#77445b}.toc{padding:48px 20px;font-size:13px}.toc p{font:12px var(--mono);letter-spacing:1px;margin-bottom:16px}.toc a{display:block;padding:8px 0;color:var(--muted)}.doc-next{display:flex;padding:22px;border:1px solid var(--line);border-radius:6px;justify-content:space-between;margin-top:42px;color:var(--accent)}.doc-section ul{padding-left:20px;color:var(--muted);font-size:15px}.doc-section li{margin:8px 0}
/* Console: one continuous data surface, with the pink line as the brand signal. */
.console-layout{display:grid;grid-template-columns:220px minmax(0,1fr);max-width:1600px;margin:auto;min-height:calc(100vh - 140px)}.side-nav{border-right:1px solid var(--line);padding:30px 18px;display:flex;flex-direction:column}.workspace{font-size:14px;border-bottom:1px solid var(--line);padding:0 10px 24px;margin-bottom:20px}.workspace b{display:block}.workspace small{font:11px var(--mono);letter-spacing:1px}.side-nav .nav-bottom{margin-top:auto;padding-top:45px}.avatar{display:inline-grid;place-items:center;width:28px;height:28px;background:var(--blush);border-radius:6px;color:var(--accent);font:13px var(--mono)}.console-main{padding:38px clamp(24px,4vw,60px) 50px;min-width:0}.console-main .eyebrow{margin-bottom:8px}.console-main h1{font-size:32px}.heading-row{margin-bottom:30px}.heading-row p{margin-top:9px;font-size:14px}.health{padding:16px 20px;background:#f3f5ef;border:1px solid #dfe6db;border-radius:6px;display:flex;gap:12px;align-items:center;font-size:14px;color:#52705c}.health span:first-child{font-size:19px}.health small{margin-left:auto;color:#637564}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);padding:28px 0;margin-bottom:10px;border-bottom:1px solid var(--line)}.metric{padding:0 28px;border-right:1px solid var(--line)}.metric:first-child{padding-left:0}.metric:last-child{border:0}.metric p{font-size:13px}.metric strong{display:block;font:500 36px/1.5 var(--mono);letter-spacing:-1.8px}.metric small{font-size:12px}.chart-panel{border-bottom:1px solid var(--line);padding:20px 0 28px}.chart-panel h2{font-size:18px}.segmented{display:flex;background:#f3e9ed;padding:3px;border-radius:5px}.segmented button{border:0;background:none;color:var(--muted);font-size:12px;padding:5px 11px;border-radius:3px}.segmented button.active{background:var(--surface);color:var(--accent);box-shadow:0 1px 3px #7d4a6020}.chart{width:100%;height:190px;display:block;margin-top:20px;overflow:visible}.chart text{font:11px var(--mono);fill:var(--muted)}.legend{display:flex;gap:20px;font-size:12px;color:var(--muted)}.legend span:before{content:'';display:inline-block;width:14px;height:3px;background:var(--pink);vertical-align:middle;margin-right:7px}.legend span:last-child:before{background:#bd9fac}.table-section{padding-top:28px}.table-section h2{font-size:20px}.table-wrap{overflow:auto}.sites-table{width:100%;border-collapse:collapse;font-size:14px;margin-top:15px;text-align:left;white-space:nowrap}.sites-table th{font-size:12px;color:var(--muted);font-weight:400;padding:12px 10px;border-bottom:1px solid var(--line)}.sites-table td{padding:18px 10px;border-bottom:1px solid var(--line)}.sites-table td:first-child,.sites-table th:first-child{padding-left:0}.sites-table small{display:block;font-size:12px}.sites-table td:last-child{text-align:right}.sites-table td a{color:var(--accent)}.sites-table td:nth-child(3){font-family:var(--mono)}.quiet-link{border:0;background:none;color:var(--accent);font-size:14px}.console-help{display:flex;gap:15px;align-items:center;margin-top:30px}.console-help img{width:56px;height:48px}.console-help p{font-size:13px}.console-help a{margin-left:auto;font-size:13px}.detail-tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);margin:25px 0}.detail-tabs button{border:0;background:none;padding:10px 0;color:var(--muted);font-size:14px}.detail-tabs button.active{color:var(--accent);box-shadow:0 2px var(--pink)}.settings{max-width:650px;padding:10px 0 30px}.settings .button{margin-top:24px}.key-field{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);padding:12px 16px;border-radius:5px;margin:12px 0}.key-field code{overflow-wrap:anywhere;font-size:13px;flex:1}dialog{width:min(500px,calc(100% - 32px));border:1px solid var(--line);padding:32px;background:var(--paper);border-radius:10px;color:var(--ink)}dialog::backdrop{background:#34212c55;backdrop-filter:blur(3px)}dialog .close{border:0;background:none;font-size:22px;color:var(--muted)}dialog h2{font-size:26px}dialog form>.button{width:100%;margin-top:25px}dialog p{font-size:14px;margin-top:8px}[hidden]{display:none!important}main{animation:arrive .45s ease both}@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.topbar{padding-left:max(4%,calc((100% - 1400px)/2));padding-right:max(4%,calc((100% - 1400px)/2))}}
@media(max-width:1100px){.docs-layout{grid-template-columns:210px minmax(0,1fr)}.toc{display:none}.console-layout{grid-template-columns:190px minmax(0,1fr)}.console-main{padding:30px}.welcome-art h1{font-size:42px}.welcome-art>img{height:520px;width:115%;right:-24%}.welcome-art{padding:46px 9%}}
@media(max-width:760px){.topbar{height:72px;padding:0 20px;gap:18px}.brand{font-size:22px}.brand img{width:29px;height:28px}.topbar nav{gap:18px;font-size:13px}.topbar nav a{padding:24px 0}.topbar nav a:first-child,.topbar>.small-button{display:none}.welcome{display:block}.welcome-art{min-height:215px;padding:30px 25px}.welcome-art h1{font-size:32px}.welcome-art>p{font-size:13px;max-width:200px}.welcome-art>img{height:310px;width:240px;right:-25px;bottom:-90px;opacity:.7}.welcome-art:before,.art-caption{display:none}.welcome-form{padding:32px 25px 40px}.step-line{margin-bottom:28px}.docs-layout{display:block}.doc-nav{padding:16px 20px;border-right:0;border-bottom:1px solid var(--line);display:flex;gap:8px;overflow:auto;white-space:nowrap}.doc-nav .nav-group,.doc-nav .mini-guardian{display:none}.doc-nav a{margin:0}.doc-body{padding:30px 24px}.doc-body>h1{font-size:34px}.doc-section{margin-top:35px}.console-layout{display:block}.side-nav{flex-direction:row;gap:8px;overflow:auto;padding:12px 20px;border-right:0;border-bottom:1px solid var(--line);white-space:nowrap}.side-nav .workspace,.side-nav .nav-group,.side-nav .nav-bottom{display:none}.console-main{padding:28px 22px}.heading-row{align-items:flex-start;gap:12px}.console-main h1{font-size:28px}.heading-row .button{font-size:13px;padding-left:12px;gap:10px;min-height:44px}.heading-row .button>span:last-child{width:28px;height:28px;font-size:19px}.health{font-size:13px;padding:13px}.health small{display:none}.metric{padding:0 12px}.metric strong{font-size:24px}.metric small{font-size:11px}.metric p{font-size:12px}.chart{height:150px}.console-help a{white-space:nowrap}.prototype{gap:15px;padding:18px 22px}.prototype>span{flex-basis:100%}.row{gap:12px}.chart-panel>.row{align-items:flex-start}.chart-panel .segmented{flex-shrink:0}.legend{gap:12px}.doc-section h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){main{animation:none}.toast{transition:none}}

.heading-row>.button{flex-shrink:0;white-space:nowrap}.chart text{font-size:14px}
@media(max-width:760px){.chart text{font-size:25px}.table-section>.row{align-items:flex-start;flex-direction:column;gap:4px}.heading-row>div{min-width:0}.heading-row p{font-size:13px}.heading-row .eyebrow{font-size:10px;letter-spacing:1px}.chart-panel .legend{font-size:11px}}
@media(max-width:360px){.topbar{padding:0 14px;gap:12px}.topbar nav{gap:12px}.brand{font-size:20px;gap:6px}.brand img{width:25px}.console-main{padding:24px 18px}.metric strong{font-size:21px}.metric{padding:0 9px}.metric-row{gap:0}.metric small{font-size:10px}.heading-row{flex-wrap:wrap}.step-line{gap:7px;font-size:11px}.step-line i{width:16px}}

.chart-wrap{position:relative;margin-top:20px;padding-left:34px}.chart-wrap .chart{height:175px;margin:0}.chart-y{position:absolute;left:0;top:20px;bottom:34px;display:flex;flex-direction:column;justify-content:space-between;font:11px var(--mono);color:var(--muted)}#chart-labels{display:flex;justify-content:space-between;font:11px var(--mono);color:var(--muted);margin-top:8px}@media(max-width:760px){.chart-wrap .chart{height:140px}.chart-y{top:15px;bottom:30px}.chart-wrap{padding-left:26px}}

/* Second visual pass: readable secondary type, deliberate controls, and shared rails. */
:root{--muted:#75646e}.topbar nav a{display:flex;align-items:center;min-height:44px}.button,.small-button{transition:background .18s,border-color .18s,transform .18s}.button:active{transform:translateY(1px)}.button.solid:hover{background:#d64b72;color:#fff}.button>span:last-child{flex-shrink:0}.copy-btn{min-height:36px;padding:5px 10px}.quiet-link{min-height:36px}.nav-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.workspace small{font-size:10px;letter-spacing:.5px}.doc-meta{flex-wrap:wrap;gap:8px}.doc-body code:not(pre code){overflow-wrap:anywhere;font-size:.9em;color:var(--accent)}.step-number{flex-shrink:0}.codebox pre{tab-size:2}.doc-nav{align-self:start;position:sticky;top:0;max-height:100vh;overflow:auto}.toc{align-self:start;position:sticky;top:0}.doc-nav a.selected{box-shadow:inset 2px 0 var(--pink)}.doc-section:target h2{color:var(--accent)}.sites-table tbody tr:hover{background:#fff4f7}.side-nav a[aria-current]{background:var(--blush);color:var(--accent)}.form-foot{display:flex;align-items:center;gap:4px}.forgot-link{margin-left:auto;font-size:13px;color:var(--accent)}.field-message{font-size:13px;color:var(--accent);margin-top:8px}.inline-notice{border:1px solid var(--line);background:#fff5f8;border-radius:5px;padding:13px 16px;font-size:14px;margin-top:18px;color:#785260}.inline-notice.error{border-color:#dfb3bc;color:#a54559;background:#fff1f2}.prototype a[aria-current]{color:var(--accent);font-weight:600}.prototype select{padding:3px 8px;font-size:12px}.section-description{font-size:14px;margin-top:8px}.account-content{max-width:900px}.settings-section{display:grid;grid-template-columns:220px minmax(0,1fr);gap:30px;padding:30px 0;border-bottom:1px solid var(--line)}.settings-section:first-of-type{padding-top:10px}.settings-section h2{font-size:19px}.settings-section .section-description{font-size:13px;max-width:210px}.settings-section .label:first-child{margin-top:0}.settings-section .button{margin-top:20px}.account-email{display:flex;gap:15px;flex-wrap:wrap;align-items:center;font-size:16px}.preference{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px}.preference p{font-size:13px;margin-top:5px}.switch{position:relative;display:inline-flex;width:42px;height:25px;flex-shrink:0}.switch input{position:absolute;inset:0;opacity:0;cursor:pointer;margin:0}.switch span{pointer-events:none;width:100%;border-radius:20px;background:#d8cbd1;transition:.2s}.switch span:after{content:'';position:absolute;background:#fff;width:19px;height:19px;left:3px;top:3px;border-radius:50%;box-shadow:0 1px 3px #0002;transition:.2s}.switch input:checked+span{background:var(--pink)}.switch input:checked+span:after{transform:translateX(17px)}.switch input:focus-visible+span{outline:2px solid var(--accent);outline-offset:4px}.danger-link{border:1px solid #d6a3ad;border-radius:5px;background:transparent;color:#a04c5c;padding:10px 16px;font-size:14px}.danger-section{border-bottom:0}.danger-section h2{color:#955364}.password-grid{display:grid;gap:0;max-width:430px}.account-note{margin-top:30px;display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px}.account-note img{width:42px;height:36px}.state-layout{max-width:1080px;margin:0 auto;min-height:calc(100vh - 155px);display:grid;grid-template-columns:38% 62%;padding:65px 40px;gap:70px;align-items:center}.state-illustration{position:relative;padding:30px 0}.state-illustration img{width:100%;max-width:320px;display:block;margin:auto}.state-illustration .eyebrow{text-align:center;margin:0}.state-illustration:after{content:'';display:block;width:70%;height:1px;background:var(--line);margin:20px auto}.state-content{max-width:430px}.state-content h1{font-size:34px;margin-bottom:16px}.state-content>p{font-size:15px;line-height:1.85}.state-content form{margin-top:25px}.state-content .button{margin-top:26px}.state-content form .button{width:100%}.state-content .return-link{display:inline-block;margin-top:22px;color:var(--muted);font-size:14px}.state-content .state-symbol{display:inline-grid;place-items:center;width:44px;height:44px;margin-bottom:22px;border:1px solid #d6e3d8;background:#eff5f0;border-radius:50%;color:var(--green);font-size:23px}.state-content .state-symbol.expired{color:#a46652;background:#fbede5;border-color:#efd7c9}.recovery-summary{margin-top:22px;padding:18px 20px;border:1px solid var(--line);border-radius:6px;background:var(--surface);font-size:14px}.recovery-summary b{display:block;margin-bottom:5px}.state-form .label{margin-top:18px}.error-code{font:italic 110px/.9 Georgia,serif;color:#de8eaa;position:absolute;top:0;left:0;z-index:-1}.state-illustration.not-found img{transform:rotate(-8deg);margin-top:40px}.empty-state{padding:65px 20px;text-align:center;border:1px dashed #dabdc8;border-radius:8px;margin-top:24px;background:#fffafc}.empty-state img{width:165px;height:130px;display:block;margin:0 auto 12px}.empty-state h2{font-size:24px;margin-bottom:10px}.empty-state p{font-size:14px}.empty-state .button{margin-top:24px}.error-state{padding:25px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #e6c6ce;background:#fff4f5;border-radius:6px;margin:25px 0}.error-state h2{font-size:19px}.error-state p{font-size:14px;margin-top:6px}.danger-actions{display:flex;gap:15px;margin-top:22px;justify-content:flex-end}.showcase{max-width:1200px;margin:auto;padding:54px 36px}.showcase h1{font-size:40px}.showcase>p{margin-top:12px}.showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:36px}.showcase-card{border:1px solid var(--line);border-radius:7px;overflow:hidden;background:var(--surface);transition:transform .2s}.showcase-card:hover{transform:translateY(-3px)}.showcase-art{height:170px;background:#fae9ef;position:relative;overflow:hidden;padding:25px;color:var(--accent)}.showcase-art img{position:absolute;height:220px;width:190px;object-fit:contain;bottom:-75px;right:0}.showcase-art strong{font-size:29px;line-height:1.2;display:block;position:relative;z-index:1}.showcase-art .mini-line{height:6px;width:65%;background:#e9b6c8;margin:13px 0;border-radius:2px}.showcase-art .mini-line:nth-child(3){width:40%}.showcase-info{padding:20px}.showcase-info h2{font-size:18px;display:flex;justify-content:space-between}.showcase-info p{font-size:13px;margin-top:8px}.gallery-tag{font:11px var(--mono);letter-spacing:1px;display:block;margin-bottom:13px}.review-states{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px;font-size:14px}.review-states a{border-bottom:1px solid var(--line);padding:3px 0}.key-field{min-width:0}.key-field code{min-width:0}.legend{line-height:1.8}.account-current{display:inline-block;border-bottom:2px solid var(--pink);padding-bottom:8px}
@media(min-width:761px){.welcome-form{padding-top:48px}.welcome-art>img{bottom:-80px}.topbar .brand{font-size:27px}.topbar .brand img{width:35px;height:32px}}
@media(max-width:1100px){.settings-section{grid-template-columns:1fr;gap:20px}.settings-section .section-description{max-width:none}.state-layout{gap:35px;padding:50px 35px;grid-template-columns:35% 65%}.showcase-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.doc-nav{position:sticky;top:0;z-index:5;background:var(--paper);max-height:none}.doc-section{scroll-margin-top:95px}.side-nav{gap:4px}.side-nav a{font-size:13px;padding:9px 11px}.sites-table{white-space:normal}.sites-table thead{display:none}.sites-table tr{display:grid;grid-template-columns:1fr auto;column-gap:12px;padding:18px 0;border-bottom:1px solid var(--line)}.sites-table td{padding:0;border:0}.sites-table td:nth-child(2){text-align:right}.sites-table td:nth-child(3){grid-column:1;font-size:12px;color:var(--muted);margin-top:12px}.sites-table td:nth-child(3):before{content:'近 7 天校验 · ';font-family:-apple-system,sans-serif}.sites-table td:last-child{grid-column:2;grid-row:2;margin-top:12px}.sites-table small{overflow-wrap:anywhere}.account-email{font-size:15px}.settings-section{padding:25px 0;gap:18px}.state-layout{display:flex;flex-direction:column;padding:28px 24px 40px;gap:16px;min-height:calc(100vh - 170px)}.state-illustration{padding:0;align-self:flex-start;display:flex;align-items:center;gap:18px;width:100%}.state-illustration img{width:100px;height:90px;margin:0;order:1}.state-illustration .eyebrow{font-size:11px;text-align:left;order:2}.state-illustration:after{display:none}.state-content{width:100%;max-width:440px}.state-content h1{font-size:30px}.state-illustration.not-found img{margin:10px 0 0 30px}.error-code{font-size:80px;left:0}.state-content .state-symbol{margin-bottom:18px}.showcase{padding:32px 22px}.showcase h1{font-size:30px}.showcase-grid{gap:14px}.showcase-art{height:135px;padding:18px}.showcase-art strong{font-size:24px}.showcase-art img{width:130px;height:180px}.showcase-info{padding:15px}.showcase-info h2{font-size:16px}.error-state{align-items:flex-start;flex-direction:column}.form-foot{flex-wrap:wrap;gap:4px}.forgot-link{margin-left:auto}.step-line{flex-wrap:wrap}.state-layout .eyebrow{margin-bottom:14px}}
@media(max-width:420px){.showcase-grid{grid-template-columns:1fr}.showcase-art{height:140px}.showcase-art img{width:180px}.showcase-info p{font-size:14px}.account-email{align-items:flex-start;flex-direction:column;gap:8px}.console-main .eyebrow{overflow-wrap:anywhere}.side-nav a{font-size:12px;gap:6px;padding:9px}}
@media(prefers-reduced-motion:reduce){.button,.small-button,.switch span,.switch span:after,.showcase-card{transition:none}.showcase-card:hover{transform:none}}
.state-layout{grid-template-columns:38% minmax(0,1fr)}
@media(min-width:761px) and (max-width:1100px){.state-layout{grid-template-columns:35% minmax(0,1fr)}}

.state-content p{text-wrap:pretty}.state-content>div>p{font-size:15px;line-height:1.85}

/* Site status is a quiet table value, not a badge or an action. */
.site-status{display:inline-block;font-size:13px;font-weight:400;line-height:1.6;color:#75646e;white-space:nowrap}.site-status.awaiting{color:#ab5b74}.sites-table th:nth-child(2),.sites-table td:nth-child(2){padding-left:20px;padding-right:20px}
@media(max-width:760px){.sites-table td:nth-child(2){padding:0}.site-status{font-size:12px;line-height:1.9}}

/* Documentation opens as a guide, with the implementation in the first screen. */
.doc-body{padding-top:30px}.doc-body>.eyebrow{margin-bottom:10px;font-size:12px;letter-spacing:.5px}.doc-body>h1{font-size:32px;line-height:1.3;letter-spacing:-.7px}.doc-lead{margin:10px 0 14px;font-size:15px}.doc-body>.callout{margin:20px 0 0;padding:12px 16px}.doc-section{margin-top:30px}.doc-section h2{font-size:21px;margin-bottom:8px}.doc-section p{margin:8px 0}.doc-section .small-button{margin-top:5px}.doc-section .codebox{margin-top:14px}.doc-nav{padding-top:22px}.doc-nav .nav-group:first-child{margin-top:10px}.toc{padding-top:30px}
@media(max-width:760px){.doc-body{padding-top:24px}.doc-body>h1{font-size:29px}.doc-nav{padding-top:12px;padding-bottom:12px}.doc-section{margin-top:28px}.doc-section h2{font-size:20px}.doc-meta{font-size:11px;gap:6px}.doc-body>.callout{font-size:13px;margin-top:18px}}
/* Reference pages and product completion. */
.reference-layout{grid-template-columns:220px minmax(0,1fr);max-width:1220px}.reference-layout .doc-body{padding-right:42px}.reference-table{width:100%;border-collapse:collapse;font-size:14px;text-align:left;margin:16px 0}.reference-table th{font-weight:500;color:var(--muted);font-size:12px;border-bottom:1px solid var(--line);padding:11px 12px;background:#faf2f5}.reference-table td{padding:13px 12px;border-bottom:1px solid var(--line);vertical-align:top}.reference-table code{font-size:12px;overflow-wrap:anywhere}.reference-scroll{overflow:auto}.reference-scroll th{white-space:nowrap}.key-actions{justify-content:flex-start;flex-wrap:wrap}.site-funnel{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:14px 0 22px;border-bottom:1px solid var(--line);font-size:13px}.site-funnel span{display:block;color:var(--muted)}.site-funnel b{display:block;margin-top:8px;font:500 22px var(--mono)}#summary-panel .reference-table td:not(:first-child){font:13px var(--mono)}#site-mode{width:100%}.inline-notice p{font-size:14px;margin:8px 0}.lab-page{max-width:1200px;margin:auto;padding:40px}.lab-page>h1{font-size:32px}.lab-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:35px;margin-top:30px}.form-stage{padding:40px;background:#f3e8ed;border:1px solid var(--line);border-radius:8px;display:grid;place-items:center}.sample-form{width:100%;max-width:410px;background:var(--surface);padding:30px;border:1px solid var(--line);border-radius:6px}.sample-caption{font:11px var(--mono);letter-spacing:1px;color:var(--muted)}.sample-form h2{font-size:23px;margin-top:10px}textarea{width:100%;padding:12px;background:var(--surface);color:var(--ink);border:1px solid #d9c7ce;border-radius:5px;font:inherit;resize:vertical}.sample-form>.button{width:100%;margin-top:22px}.lab-controls h2{font-size:21px}.lab-controls>p,.lab-controls li{font-size:13px;color:var(--muted)}.lab-controls select{width:100%;font-size:14px}.lab-controls ul{padding-left:18px}.lab-controls li{margin:10px 0}.moe-widget{--widget-bg:#fff9fb;--widget-line:#e8bfce;--widget-ink:#66505c;--widget-accent:#ce527c;--widget-soft:#f6dfe8;background:var(--widget-bg);color:var(--widget-ink);border:1px solid var(--widget-line);border-radius:7px;padding:12px;margin-top:22px;width:100%;max-width:350px}.moe-widget.dark{--widget-bg:#2d252d;--widget-line:#634655;--widget-ink:#eadce3;--widget-accent:#f48caa;--widget-soft:#4d3341}.moe-widget.compact{max-width:280px;padding:9px}.widget-heading{display:flex;gap:7px;align-items:center;font-size:12px;margin-bottom:10px}.widget-heading img{width:21px;height:20px}.widget-heading small{margin-left:auto;font:bold 12px Arial,sans-serif;color:var(--widget-ink)}.widget-rail{--drag:0%;height:56px;position:relative;border:1px solid var(--widget-line);border-radius:5px;overflow:hidden;background:var(--widget-bg);display:flex;align-items:center;justify-content:center}.widget-progress{position:absolute;inset:0 auto 0 0;width:var(--drag);background:var(--widget-soft)}.widget-label{font-size:13px;position:relative;padding-left:30px;pointer-events:none}.widget-handle{position:absolute;left:calc((100% - 48px) * var(--position,0));top:4px;bottom:4px;width:42px;display:grid;place-items:center;background:var(--widget-soft);border-radius:3px;color:var(--widget-accent);font-size:28px;pointer-events:none;margin-left:4px}.widget-rail input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:ew-resize}.widget-rail:focus-within{outline:2px solid var(--widget-accent);outline-offset:2px}.widget-bottom{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:8px;font-size:11px;min-height:28px}.widget-bottom button{border:0;background:transparent;color:var(--widget-accent);font-size:11px;min-height:28px;padding:0 3px;white-space:nowrap}.widget-bottom>span{line-height:1.5}.moe-widget[data-state=success] .widget-label,.moe-widget[data-state=checking] .widget-label{padding-left:0}.moe-widget[data-state=success] .widget-handle{display:none}.moe-widget[data-state=success] .widget-label:before{content:'✓';margin-right:9px;color:var(--widget-accent)}.moe-widget[data-state=checking] .widget-handle{display:none}.moe-widget[data-state=checking] .widget-rail:before{content:'';height:2px;background:var(--widget-accent);position:absolute;bottom:0;width:32%;left:0;animation:widget-progress 1.2s ease-in-out infinite}.moe-widget[data-state=dragging] .widget-label{opacity:.45}.moe-widget[data-state=failed] .widget-handle,.moe-widget[data-state=expired] .widget-handle,.moe-widget[data-state=network] .widget-handle,.moe-widget[data-state=limited] .widget-handle,.moe-widget[data-state=unsupported] .widget-handle{display:none}.moe-widget[data-state=failed] .widget-label,.moe-widget[data-state=expired] .widget-label,.moe-widget[data-state=network] .widget-label,.moe-widget[data-state=limited] .widget-label,.moe-widget[data-state=unsupported] .widget-label{padding-left:0}.compact .widget-label{font-size:12px}.button:disabled{opacity:.65;cursor:wait}.mail-previews{max-width:1000px;margin:auto;padding:36px}.mail-previews>h1{font-size:32px}.mail-tabs{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.mail-tabs a{padding:7px 12px;border-bottom:2px solid transparent;font-size:14px}.mail-tabs a.selected{border-color:var(--pink);color:var(--accent)}.mail-frame{width:100%;height:740px;border:1px solid var(--line);background:white;border-radius:6px}.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin:25px 0}.support-grid section{border-top:1px solid var(--line);padding-top:20px}.support-grid p{font-size:14px;margin-top:10px}.support-grid h2{font-size:20px}.legal-notice{font-size:13px;color:#8c6240;padding:15px 18px;background:#fbf1e6;border-left:2px solid #caa178;margin:20px 0}.legal-content{max-width:860px;margin:auto;padding:40px}.legal-content h1{font-size:32px}.legal-content h2{font-size:21px;margin:28px 0 10px}.legal-content p,.legal-content li{font-size:15px;line-height:1.85}.legal-content ol,.legal-content ul{padding-left:22px}.service-links{display:flex;gap:22px;flex-wrap:wrap;border-top:1px solid var(--line);padding:20px 4%;font-size:13px;color:var(--muted)}.service-links span{margin-right:auto}.page-decisions{padding:15px;border:1px dashed var(--line);margin:24px 0;color:var(--muted);font-size:13px}@keyframes widget-progress{from{left:-32%}to{left:100%}}
@media(max-width:1000px){.lab-grid{grid-template-columns:minmax(0,1fr) 230px;gap:25px}.form-stage{padding:24px}.sample-form{padding:22px}.reference-layout{grid-template-columns:200px minmax(0,1fr)}}
@media(max-width:760px){.reference-layout{display:block}.reference-layout .doc-body{padding:24px}.reference-layout .doc-nav{display:flex;gap:5px}.reference-layout .doc-nav a{flex-shrink:0}.reference-table{font-size:13px;min-width:450px}.reference-table th,.reference-table td{padding:10px}.reference-scroll{max-width:100%}.lab-page{padding:26px 20px}.lab-page>h1{font-size:27px}.lab-grid{display:flex;flex-direction:column;gap:25px}.form-stage{padding:16px}.sample-form{padding:20px}.lab-controls{border-top:1px solid var(--line);padding-top:20px}.site-funnel{gap:12px;font-size:12px}.site-funnel b{font-size:18px}.key-actions{align-items:flex-start}.mail-previews{padding:25px 18px}.mail-frame{height:790px}.mail-previews>h1{font-size:28px}.support-grid{grid-template-columns:1fr;gap:24px}.legal-content{padding:28px 24px}.legal-content h1{font-size:29px}.service-links{gap:15px;padding:18px 24px}.service-links span{flex-basis:100%}.moe-widget{padding:9px}.sample-form .label{font-size:13px}.widget-label{font-size:12px}.widget-bottom{font-size:10px}.lab-controls p{font-size:14px}.site-funnel span{min-height:38px}}
@media(max-width:360px){.sample-form{padding:12px}.form-stage{padding:10px}.widget-label{font-size:11px}.widget-heading small{font-size:11px}.widget-bottom button{font-size:10px}.widget-handle{width:38px}.widget-heading{font-size:11px}}
@media(prefers-reduced-motion:reduce){.moe-widget[data-state=checking] .widget-rail:before{animation:none;width:100%;opacity:.4}}
.pricing-page{max-width:1120px;padding:42px 40px 56px;margin:auto}.pricing-page h1{font-size:38px;line-height:1.4}.pricing-lead{font-size:16px;margin-top:15px;max-width:650px}.rate-sheet{display:grid;grid-template-columns:1fr 1.2fr;border-top:2px solid #b96884;border-bottom:1px solid var(--line);margin:32px 0;padding:30px 0;gap:45px}.rate-main>span{font-size:14px;color:var(--muted)}.rate-main>strong{display:block;font:500 58px/1.5 var(--mono);letter-spacing:-2px}.rate-main strong small{font:14px -apple-system,sans-serif;letter-spacing:0}.rate-main p{font-size:14px}.rate-main .button{margin-top:24px}.rate-rules{margin:0;font-size:14px}.rate-rules>div{display:grid;grid-template-columns:105px 1fr;gap:15px;padding:12px 0;border-bottom:1px solid var(--line)}.rate-rules>div:last-child{border:0}.rate-rules dt{color:var(--muted)}.rate-rules dd{margin:0}.cost-estimator{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:25px 0 35px;border-bottom:1px solid var(--line)}.cost-estimator h2{font-size:22px}.cost-estimator p{font-size:14px;margin-top:8px}.cost-estimator input{max-width:330px}.estimate-result{align-self:center;border-left:1px solid var(--line);padding-left:40px}.estimate-result>span{font-size:14px;color:var(--muted)}.estimate-result>strong{display:block;font:500 42px/1.6 var(--mono);letter-spacing:-1.5px}.estimate-result small{font-size:12px}.price-faq{margin:32px 0}.price-faq h2{font-size:22px;margin-bottom:12px}.price-faq details{border-bottom:1px solid var(--line);padding:16px 0}.price-faq summary{cursor:pointer;font-size:15px}.price-faq details p{font-size:14px;margin:12px 0 0;max-width:720px}.billing-summary{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;gap:24px}.billing-summary section{min-width:0}.billing-summary section>span{font-size:13px;color:var(--muted)}.billing-summary strong{display:block;font:500 32px/1.8 var(--mono);letter-spacing:-1px}.billing-summary strong small{font:12px var(--mono);letter-spacing:0}.billing-summary section>small{font-size:12px;display:block}.allowance-line{height:3px;background:var(--blush);margin:3px 0 13px}.allowance-line i{display:block;width:100%;height:100%;background:#c5708d}.billing-context{display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:13px;padding:20px 0}.billing-help{padding-top:30px}.billing-help h2{font-size:20px}.billing-help p{font-size:14px;margin:10px 0 15px}.billing-help a{font-size:14px}.lab-controls select,.prototype select{color:var(--ink)}.sample-form .moe-widget input{max-width:none}
@media(max-width:1100px){.billing-summary{gap:15px}.billing-summary strong{font-size:27px}.rate-sheet{gap:30px}.rate-main>strong{font-size:49px}}
@media(max-width:760px){.pricing-page{padding:28px 24px}.pricing-page h1{font-size:28px}.rate-sheet{grid-template-columns:1fr;gap:25px;margin:25px 0;padding:24px 0}.rate-main>strong{font-size:47px}.rate-rules>div{grid-template-columns:86px 1fr;gap:14px}.cost-estimator{grid-template-columns:1fr;gap:24px}.estimate-result{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.pricing-lead{font-size:15px}.billing-summary{grid-template-columns:1fr;padding:20px 0;gap:22px}.billing-summary section{padding-bottom:18px;border-bottom:1px solid var(--line)}.billing-summary section:last-child{border:0;padding:0}.billing-summary strong{font-size:32px}.billing-context{align-items:flex-start;flex-direction:column}.billing-summary .allowance-line{max-width:300px}.billing-context a{white-space:nowrap}.side-nav{gap:2px}.side-nav a{flex-shrink:0}.price-faq summary{font-size:14px}}
.gallery-section{margin-top:34px}.gallery-section>h2{font-size:22px;padding-bottom:14px;border-bottom:1px solid var(--line)}.gallery-section .showcase-grid{margin-top:20px}.gallery-section .showcase-art{height:120px;padding:22px}.gallery-section .showcase-art strong{font-size:23px}.gallery-section .showcase-art img{height:180px;width:150px;bottom:-75px;opacity:.9}.gallery-section .showcase-info{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 20px}.gallery-section .showcase-info p{margin:0;font-size:13px}.page-decisions p{font-size:13px;margin-top:8px}.gallery-section .mini-line{height:4px;width:50%;margin-top:16px}.gallery-section .mini-line:last-child{width:35%}

.checkout-actions{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin-top:26px}.checkout-actions>.button{white-space:normal}

.checkout-actions>button.text-link{appearance:none;border:0;border-bottom:1px solid var(--line);padding:8px 0;background:transparent;font:inherit;cursor:pointer}
.markdown-body article>h1{font-size:32px;line-height:1.4}.markdown-body article>h2{font-size:23px;margin:30px 0 12px}.markdown-body article>h3{margin-top:24px}.markdown-body p,.markdown-body ul,.markdown-body ol{font-size:15px;margin:14px 0}.markdown-body pre{background:#faf0f4;border:1px solid var(--line);padding:20px;overflow:auto;border-radius:5px;font:12px/1.8 var(--mono)}.markdown-body p a,.markdown-body li a{color:var(--accent);text-decoration:underline}.markdown-body table{border-collapse:collapse;font-size:13px}.markdown-body td,.markdown-body th{border-bottom:1px solid var(--line);padding:12px;text-align:left}.markdown-body .table-scroll{overflow:auto}

/* One shared footer across public pages and account screens. */
.unified-footer{display:flex;align-items:center;gap:32px;padding:28px 4.5%;border-top:1px solid var(--line);color:var(--muted);font-size:14px;flex-wrap:wrap}
.unified-footer .footer-brand{font:700 24px Arial,sans-serif;letter-spacing:-.04em;color:#65515b;text-decoration:none}
.unified-footer .footer-brand span{color:#b96284}
.unified-footer nav{display:flex;align-items:center;gap:32px;margin-left:auto;font-size:14px}
.unified-footer nav a{padding:6px 0}
.unified-footer>.back-top{display:flex;gap:12px;margin-left:12px;white-space:nowrap}
.unified-footer a:hover{color:var(--accent)}
@media(max-width:600px){.unified-footer{padding:24px 6%;gap:22px 16px}.unified-footer .footer-brand{font-size:22px}.unified-footer nav{order:3;width:100%;margin:0;justify-content:space-between;gap:16px}.unified-footer>.back-top{margin-left:auto;font-size:12px}}

/* Keep long API examples within the document column at every viewport. */
.doc-body pre { max-width:100%; overflow-x:auto; padding:20px; border:1px solid var(--line); border-radius:6px; background:#fffafc; font:13px/1.9 var(--mono); }
.doc-body p code, .doc-body li code { overflow-wrap:anywhere; }