:root{color-scheme:light;--bg:#f4f6f8;--surface:#fff;--ink:#121820;--muted:#69727d;--line:#dce1e6;--accent:#146c5b;--accent-dark:#0d5547;--danger:#b42318;--focus:#2c7a6b33;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}.topbar{height:68px;padding:0 clamp(22px,4vw,64px);display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.brand .mark{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#12221f;color:#fff;font-weight:750}.brand div{display:flex;flex-direction:column}.brand small,.identity,.section-title small,.state-head small{color:var(--muted)}main{min-height:calc(100vh - 68px)}.auth-layout{min-height:calc(100vh - 68px);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:8vw;align-items:center;padding:7vh clamp(22px,8vw,130px)}.auth-copy{max-width:650px}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:750;color:var(--accent)}h1{font-size:clamp(34px,5vw,64px);line-height:1.05;letter-spacing:-.04em;margin:16px 0 22px}.auth-copy>p:not(.eyebrow){font-size:18px;line-height:1.7;color:#56606c;max-width:590px}.steps{display:flex;gap:26px;padding:22px 0 0;margin:0;list-style-position:inside;color:#3d4752}.auth-panel,.surface{background:var(--surface);border:1px solid var(--line);border-radius:16px}.auth-panel{padding:28px;box-shadow:0 18px 50px #18242d0d}.tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-bottom:24px}.tab{border:0;background:none;padding:0 0 12px;color:var(--muted);cursor:pointer}.tab.selected{color:var(--ink);font-weight:700;border-bottom:2px solid var(--accent)}.form{display:grid;gap:18px}.form label{display:grid;gap:8px;font-size:13px;font-weight:650;color:#3d4650}.form input,.form select,.form textarea{width:100%;border:1px solid #cfd5db;border-radius:9px;background:#fff;padding:11px 12px;color:var(--ink);outline:none;transition:border-color .12s,box-shadow .12s}.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--focus)}.grid-two,.resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.resource-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.primary{min-height:44px;border:0;border-radius:9px;background:var(--accent);color:#fff;font-weight:750;cursor:pointer;padding:0 18px}.primary:hover{background:var(--accent-dark)}.primary:active{transform:scale(.99)}.primary:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.hidden{display:none!important}.message{min-height:20px;margin:0;font-size:13px;color:var(--muted)}.message.error{color:var(--danger)}.workspace{padding:50px clamp(22px,5vw,76px) 70px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:32px}.page-heading h1{font-size:42px;margin:8px 0 10px}.page-heading p:not(.eyebrow){color:var(--muted);margin:0}.node-state{display:flex;align-items:center;gap:8px;color:#45505b}.node-state span{width:9px;height:9px;border-radius:50%;background:#2c9b71}.work-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:24px;align-items:start}.surface{padding:28px}.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin-bottom:6px}.section-title.compact{margin-top:8px}.section-title h2{font-size:18px;margin:0}.mono{font-family:"SFMono-Regular",Consolas,monospace;font-size:13px}.status-panel{position:sticky;top:24px;min-height:430px}.empty{text-align:center;padding:80px 20px;color:var(--muted)}.empty-icon{margin:0 auto 16px;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#e6f2ee;color:var(--accent);font-weight:800}.empty strong{color:var(--ink)}.empty p{font-size:13px;line-height:1.6}.state-head{display:flex;gap:12px;align-items:center;padding:22px 0}.state-head div{display:flex;flex-direction:column;gap:4px}.state-dot{width:12px;height:12px;border:3px solid #9ca5ae;border-radius:50%}.state-dot.failed{border-color:var(--danger)}.pipeline{list-style:none;padding:0;margin:10px 0}.pipeline li{padding:12px 0 12px 25px;border-left:1px solid var(--line);position:relative;color:var(--muted);font-size:13px}.pipeline li:before{content:"";position:absolute;left:-5px;top:16px;width:9px;height:9px;border-radius:50%;background:#c8ced4}.pipeline li.done{color:var(--ink)}.pipeline li.done:before{background:var(--accent)}.failure{border:1px solid #efc9c5;background:#fff8f7;border-radius:10px;padding:14px;color:var(--danger)}.failure pre{white-space:pre-wrap;max-height:220px;overflow:auto;font-size:12px;color:#6e2a24}.identity{font-size:13px}@media(max-width:850px){.auth-layout,.work-grid{grid-template-columns:1fr}.auth-layout{padding-top:45px}.steps{flex-direction:column;gap:10px}.resource-grid{grid-template-columns:repeat(2,1fr)}.page-heading{align-items:flex-start;flex-direction:column}.status-panel{position:static}}@media(max-width:520px){.grid-two,.resource-grid{grid-template-columns:1fr}.auth-panel,.surface{padding:20px}.workspace{padding-inline:14px}.topbar{padding-inline:16px}}
