.StatusSurface-module__wt9hPG__page{background:var(--canvas);min-height:68vh;color:var(--ink);padding:clamp(48px,8vw,104px) 24px}.StatusSurface-module__wt9hPG__frame{border-block:1px solid var(--line);grid-template-columns:minmax(280px,4fr) minmax(0,8fr);width:min(100%,1120px);min-height:480px;margin:0 auto;display:grid}.StatusSurface-module__wt9hPG__rail{background:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px),var(--code-bg);min-width:0;color:var(--code-text);background-size:32px 32px;flex-direction:column;justify-content:space-between;padding:28px;display:flex;position:relative;overflow:hidden}.StatusSurface-module__wt9hPG__rail:after{background:var(--accent);content:"";transform-origin:50%;width:168px;height:2px;position:absolute;bottom:70px;right:-44px;transform:rotate(-42deg)}.StatusSurface-module__wt9hPG__railHeader,.StatusSurface-module__wt9hPG__trace{z-index:1;color:#9aa8b5;font:600 .6875rem/1.5 var(--font-code);letter-spacing:.08em;text-transform:uppercase;align-items:center;display:flex;position:relative}.StatusSurface-module__wt9hPG__railHeader{justify-content:space-between;gap:16px}.StatusSurface-module__wt9hPG__liveMark{color:var(--accent)}.StatusSurface-module__wt9hPG__code{z-index:1;color:#f5f8fa;font:700 clamp(4.5rem,10vw,8rem)/.86 var(--font-code);letter-spacing:-.08em;margin:auto 0;position:relative}.StatusSurface-module__wt9hPG__trace{gap:12px}.StatusSurface-module__wt9hPG__traceLine{background:#394857;width:44px;height:1px}.StatusSurface-module__wt9hPG__content{border-right:1px solid var(--line);background:var(--surface);flex-direction:column;justify-content:center;min-width:0;padding:clamp(40px,7vw,88px);display:flex}.StatusSurface-module__wt9hPG__eyebrow{color:var(--accent-strong);font:600 .75rem/1.5 var(--font-code);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:10px;margin:0 0 20px;display:flex}.StatusSurface-module__wt9hPG__eyebrow span{background:var(--accent);width:7px;height:7px}.StatusSurface-module__wt9hPG__content h1{letter-spacing:-.04em;text-wrap:balance;max-width:16ch;margin:0;font-size:clamp(2.25rem,5vw,4.5rem);line-height:1.14}.StatusSurface-module__wt9hPG__description{max-width:54ch;color:var(--ink-soft);font-size:var(--text-body-lg);line-height:var(--leading-thai);margin:24px 0 0}.StatusSurface-module__wt9hPG__actions{flex-wrap:wrap;gap:10px;margin-top:32px;display:flex}.StatusSurface-module__wt9hPG__actions>a,.StatusSurface-module__wt9hPG__actions>button{border:1px solid var(--line-strong);border-radius:var(--radius-xs);min-height:48px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:12px;padding:11px 18px;font-weight:700;text-decoration:none;transition:border-color .16s,background-color .16s,color .16s;display:inline-flex}.StatusSurface-module__wt9hPG__actions>:first-child{border-color:var(--accent-strong);background:var(--accent);color:var(--accent-foreground)}.StatusSurface-module__wt9hPG__actions>a:hover,.StatusSurface-module__wt9hPG__actions>button:hover{border-color:var(--accent-strong);background:var(--accent-soft);color:var(--accent-strong)}.StatusSurface-module__wt9hPG__actions>:first-child:hover{background:var(--accent-strong);color:var(--accent-strong-foreground)}.StatusSurface-module__wt9hPG__actions>a:focus-visible,.StatusSurface-module__wt9hPG__actions>button:focus-visible{box-shadow:var(--focus-ring);outline:none}.StatusSurface-module__wt9hPG__note{border-top:1px solid var(--line);max-width:58ch;color:var(--ink-muted);font-size:var(--text-body-sm);line-height:var(--leading-thai);margin:36px 0 0;padding-top:18px}@media (max-width:760px){.StatusSurface-module__wt9hPG__page{padding:32px 16px 56px}.StatusSurface-module__wt9hPG__frame{grid-template-columns:1fr;min-height:0}.StatusSurface-module__wt9hPG__rail{min-height:210px;padding:22px}.StatusSurface-module__wt9hPG__code{font-size:clamp(4rem,24vw,6rem)}.StatusSurface-module__wt9hPG__content{border-left:1px solid var(--line);padding:36px 24px 40px}.StatusSurface-module__wt9hPG__content h1{font-size:clamp(2rem,11vw,3rem)}.StatusSurface-module__wt9hPG__actions{flex-direction:column;align-items:stretch}.StatusSurface-module__wt9hPG__actions>a,.StatusSurface-module__wt9hPG__actions>button{width:100%}}@media (prefers-reduced-motion:reduce){.StatusSurface-module__wt9hPG__actions>a,.StatusSurface-module__wt9hPG__actions>button{transition:none}}