:root{--paper:#FAFAF8;--paper-2:#F2F1EC;--paper-3:#EBE9E1;--ink:#16171C;--ink-2:#4a4d57;--faint:#9a9ca5;--line:#E2E0D8;--line-2:#cfccc1;--ultra:#27347a;--ultra-soft:#e9ecfa;--clay:#b5613f;--clay-soft:#f6ebe6;--sage:#3f6b52;--sage-soft:#e7f0ea;--slate:#6b7186;--live:#27347a;--hot:#b5613f;--cold:#9aa0b4;--free:#e6e4db;--serif:"Iowan Old Style","Charter","Georgia",serif;--sans:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace}*{box-sizing:border-box}html,body,#root{margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}.shell{max-width:1200px;margin:0 auto;padding:0 clamp(16px,4vw,40px)}.signin-shell{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:24px}.signin-brand{font-family:var(--serif);font-size:30px;font-weight:700;letter-spacing:-.01em}.signin-brand sup{font-family:var(--mono);font-size:12px;color:var(--ultra);letter-spacing:.16em;vertical-align:super;margin-left:6px}.signin-shell .muted{color:var(--ink-2);font-size:13px}.usermenu{display:flex;align-items:center;gap:10px}.usermenu .who{font-family:var(--mono);font-size:11.5px;color:var(--ink-2);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}header.mast{display:flex;align-items:center;gap:20px;padding:20px 0 14px;border-bottom:1px solid var(--ink);flex-wrap:wrap}.logo{font-family:var(--serif);font-size:22px;font-weight:700;letter-spacing:-.01em;flex:none}.logo sup{font-family:var(--mono);font-size:10px;color:var(--ultra);letter-spacing:.16em;vertical-align:super;margin-left:6px}.mast .right{margin-left:auto;display:flex;align-items:center;gap:16px}.livestat{font-family:var(--mono);font-size:11.5px;color:var(--ink-2);display:flex;align-items:center;gap:7px}.pip{width:7px;height:7px;border-radius:50%;background:var(--sage);animation:pip 2.2s infinite}.pip.off{background:var(--faint);animation:none}@keyframes pip{0%{box-shadow:0 0 #3f6b5273}70%{box-shadow:0 0 0 7px #3f6b5200}to{box-shadow:0 0 #3f6b5200}}.act{cursor:pointer;border:none;background:var(--ultra);color:#fff;font-weight:600;font-size:13px;padding:9px 16px;border-radius:9px;transition:.15s;font-family:inherit}.act:hover{filter:brightness(1.12)}.act:active{transform:translateY(1px)}.act:disabled{opacity:.6;cursor:default}.act.ghost{background:transparent;color:var(--ultra);box-shadow:inset 0 0 0 1px var(--line-2)}.act.ghost:hover{background:var(--ultra-soft);filter:none}.act.sm{padding:6px 11px;font-size:12px}nav.tabs{display:flex;gap:2px;overflow-x:auto;border-bottom:1px solid var(--line);scrollbar-width:none}nav.tabs::-webkit-scrollbar{display:none}nav.tabs button{cursor:pointer;border:none;background:none;padding:13px 15px;font-size:13px;font-weight:550;color:var(--ink-2);white-space:nowrap;transition:.12s;font-family:inherit}nav.tabs button:hover{color:var(--ink)}nav.tabs button[aria-current=true]{color:var(--ultra);box-shadow:inset 0 -2px 0 var(--ultra)}.view{padding:26px 0 90px;animation:rise .3s ease both}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.lede{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:8px 0 24px;border-bottom:1px solid var(--line);flex-wrap:wrap}.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--clay);margin-bottom:10px}.lede h1{font-family:var(--serif);font-size:clamp(30px,5vw,46px);font-weight:600;line-height:1;margin:0;letter-spacing:-.02em}.lede p{max-width:44ch;color:var(--ink-2);margin:0;font-size:15px}.figs{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:13px;overflow:hidden;margin-top:24px}.fig{padding:18px 20px;border-right:1px solid var(--line);position:relative}.fig:last-child{border-right:none}.fig .lab{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}.fig .big{font-family:var(--serif);font-size:38px;line-height:1;margin-top:10px;font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.02em}.fig .big u{text-decoration:none;font-size:16px;color:var(--faint)}.fig .note{font-size:12px;margin-top:7px;color:var(--sage)}.fig .note.warn{color:var(--clay)}.cols{display:grid;grid-template-columns:1.5fr 1fr;gap:22px;margin-top:22px}.panel{border:1px solid var(--line);border-radius:13px;padding:18px 20px;background:var(--paper);margin-top:22px}.panel:first-child{margin-top:0}.panel h2{font-family:var(--serif);font-size:19px;font-weight:600;margin:0 0 14px}.panel .h-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel .h-row h2{margin:0}.hint{font-family:var(--mono);font-size:11px;color:var(--faint)}.pulse{display:grid;grid-template-columns:repeat(auto-fill,minmax(13px,1fr));gap:4px;margin-top:6px}.cell{aspect-ratio:1;border-radius:3px;background:var(--free);transition:background .7s ease}.cell.live{background:var(--live)}.cell.hot{background:var(--hot)}.cell.cold{background:var(--cold)}.legend{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px;font-family:var(--mono);font-size:11.5px;color:var(--ink-2)}.legend span{display:flex;align-items:center;gap:7px}.legend i{width:10px;height:10px;border-radius:3px;display:inline-block}.legend b{font-variant-numeric:tabular-nums}.feed{display:flex;flex-direction:column;font-family:var(--mono);font-size:12px}.fitem{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);align-items:baseline}.fitem:last-child{border-bottom:none}.fitem time{color:var(--faint);flex:none;font-size:11px}.tag{flex:none;font-size:10px;padding:1px 7px;border-radius:5px;line-height:16px;align-self:center}.tag.suspend,.tag.stop{color:var(--slate);background:var(--paper-2)}.tag.live{color:var(--sage);background:var(--sage-soft)}.tag.fork,.tag.provision{color:var(--ultra);background:var(--ultra-soft)}.tag.drain{color:var(--clay);background:var(--clay-soft)}.tag.deploy{color:var(--sage);background:var(--sage-soft)}.fitem .m{color:var(--ink-2)}.fitem .m b{color:var(--ink);font-weight:500}.fitem .m .id{color:var(--ultra)}.fitem .m .k{color:var(--clay);font-weight:600}.region{display:flex;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid var(--line)}.region:last-child{border-bottom:none}.region .name{font-weight:600;width:140px;flex:none}.region .meter{flex:1;height:8px;background:var(--paper-2);border-radius:8px;overflow:hidden;min-width:60px}.region .meter i{display:block;height:100%;background:var(--ultra)}.region .meter i.hot{background:var(--clay)}.region .pct{font-family:var(--mono);font-size:12px;color:var(--ink-2);width:44px;text-align:right;flex:none}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:520px}th{text-align:left;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);font-weight:600;padding:0 12px 12px 0;border-bottom:1px solid var(--ink)}td{padding:13px 12px 13px 0;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums lining-nums;vertical-align:middle}tr:last-child td{border-bottom:none}tbody tr.clk{cursor:pointer;transition:.12s}tbody tr.clk:hover{background:var(--paper-2)}.id{font-family:var(--mono);color:var(--ultra)}.muted{color:var(--ink-2)}.chip{font-family:var(--mono);font-size:11px;padding:3px 9px;border-radius:6px;background:var(--paper-2);white-space:nowrap}.chip.scale,.chip.leased{color:var(--ultra);background:var(--ultra-soft)}.chip.team,.chip.healthy{color:var(--sage);background:var(--sage-soft)}.chip.indie,.chip.hot_standby,.chip.draining{color:var(--clay);background:var(--clay-soft)}.chip.cold_standby,.chip.joining{color:var(--slate);background:var(--paper-3)}.bar{height:7px;border-radius:7px;background:var(--paper-2);overflow:hidden;min-width:60px}.bar i{display:block;height:100%;border-radius:7px;background:var(--ultra)}.seg2{display:inline-flex;gap:4px;padding:3px;background:var(--paper-2);border-radius:9px;margin-bottom:16px}.seg2 button{cursor:pointer;border:none;background:none;padding:6px 14px;border-radius:7px;font-size:12.5px;font-weight:600;color:var(--ink-2);font-family:inherit}.seg2 button[aria-pressed=true]{background:var(--paper);color:var(--ultra);box-shadow:0 1px 3px #0000000f}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.plan{border:1px solid var(--line);border-radius:14px;padding:20px}.plan.feature{border-color:var(--ultra);box-shadow:0 0 0 1px var(--ultra)}.plan .tier{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--clay)}.plan .price{font-family:var(--serif);font-size:32px;margin:8px 0 2px;font-variant-numeric:lining-nums}.plan .price u{text-decoration:none;font-size:13px;color:var(--faint)}.plan ul{list-style:none;padding:0;margin:14px 0 0;font-size:13px;color:var(--ink-2)}.plan li{padding:7px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between}.plan li b{color:var(--ink);font-family:var(--mono);font-variant-numeric:tabular-nums}.spec{display:grid;grid-template-columns:1.3fr .9fr;border:1px solid var(--ink);border-radius:14px;overflow:hidden}.spec .form{padding:26px 28px}.spec .summary{background:var(--paper-2);padding:26px 28px;border-left:1px solid var(--ink)}.spec h3{font-family:var(--serif);font-size:19px;margin:0 0 2px}.spec .sub{color:var(--ink-2);margin:0 0 20px;font-size:13px}.row{display:grid;grid-template-columns:130px 1fr;gap:16px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}.row:first-of-type{border-top:none}.row label{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}.row select,.row input{width:100%;font:inherit;font-size:14px;padding:9px 11px;border:1px solid var(--line-2);border-radius:8px;background:#fff;color:var(--ink)}.row select:focus,.row input:focus{outline:2px solid var(--ultra);outline-offset:1px;border-color:var(--ultra)}.shapes{display:flex;gap:8px}.shapes button{cursor:pointer;flex:1;text-align:center;padding:9px 0;border:1px solid var(--line-2);border-radius:8px;font-size:12px;font-weight:600;color:var(--ink-2);background:#fff;font-family:inherit}.shapes button[aria-pressed=true]{border-color:var(--ultra);color:var(--ultra);background:var(--ultra-soft)}.summary .skey{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin-top:16px}.summary .sval{font-family:var(--serif);font-size:25px;font-variant-numeric:tabular-nums lining-nums;margin-top:3px}.summary .sline{display:flex;justify-content:space-between;font-size:13px;color:var(--ink-2);padding:9px 0;border-bottom:1px solid var(--line)}.summary .sline b{font-family:var(--mono);color:var(--ink)}.summary .act{width:100%;margin-top:22px}.done{margin-top:14px;font-family:var(--mono);font-size:12px;color:var(--sage)}.timeline{position:relative;margin-left:7px;padding-left:26px}.timeline:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:2px;background:var(--line)}.tl{position:relative;padding:0 0 24px}.tl:before{content:"";position:absolute;left:-31px;top:3px;width:11px;height:11px;border-radius:50%;background:var(--paper);border:2px solid var(--ultra)}.tl.live:before{background:var(--ultra)}.tl.canary:before{border-color:var(--clay)}.tl .when{font-family:var(--mono);font-size:11px;color:var(--faint)}.tl .what{font-weight:600;margin-top:3px}.tl .what b{font-family:var(--mono);font-weight:600;color:var(--ultra)}.tl .desc{color:var(--ink-2);font-size:13px;margin-top:3px}.logbar{display:flex;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}.filter{display:inline-flex;gap:2px;background:var(--paper-2);border-radius:8px;padding:3px}.filter button{cursor:pointer;border:none;background:none;padding:6px 12px;border-radius:6px;font-family:var(--mono);font-size:11.5px;color:var(--ink-2)}.filter button[aria-pressed=true]{background:var(--paper);color:var(--ultra);box-shadow:0 1px 2px #0000000d}.logtail{border:1px solid var(--line);border-radius:12px;background:#fff;max-height:62vh;overflow:auto;padding:6px 0}.logln{display:flex;gap:12px;padding:5px 18px;font-family:var(--mono);font-size:12px;white-space:pre-wrap;word-break:break-word}.logln:nth-child(odd){background:var(--paper)}.logln time{color:var(--faint);flex:none}.logln .reg{color:var(--slate);flex:none;width:46px}.logln .lv{flex:none;width:42px}.logln .lv.suspend,.logln .lv.stop{color:var(--slate)}.logln .lv.live{color:var(--sage)}.logln .lv.fork,.logln .lv.provision{color:var(--ultra)}.logln .lv.drain{color:var(--clay)}.logln .lv.deploy{color:var(--sage)}.logln .m b{color:var(--ink)}.logln .m .id{color:var(--ultra)}.logln .m .k{color:var(--clay);font-weight:600}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#14141859;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:.22s;z-index:40}.scrim.open{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;right:0;height:100vh;width:400px;max-width:92vw;background:var(--paper);border-left:1px solid var(--line);transform:translate(100%);transition:.3s cubic-bezier(.2,.7,.2,1);z-index:41;padding:24px;overflow:auto}.drawer.open{transform:none}.drawer .x{cursor:pointer;border:none;background:none;float:right;color:var(--faint);font-size:18px;line-height:1}.drawer .x:hover{color:var(--ink)}.drawer h3{font-family:var(--serif);font-size:22px;margin:0 0 2px}.drawer .dsub{color:var(--ink-2);font-size:13px;margin:0 0 20px}.kv{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.kv span{color:var(--ink-2)}.kv b{font-weight:600;text-align:right;font-variant-numeric:tabular-nums}.kv b.ultra{color:var(--ultra);font-family:var(--mono)}.dacts{margin-top:20px;display:flex;flex-direction:column;gap:9px}.dacts .act{width:100%;text-align:left}:focus-visible{outline:2px solid var(--ultra);outline-offset:2px}@media(max-width:860px){.figs{grid-template-columns:repeat(2,1fr)}.fig{border-bottom:1px solid var(--line)}.fig:nth-child(2){border-right:none}.cols,.spec{grid-template-columns:1fr}.spec .summary{border-left:none;border-top:1px solid var(--ink)}.plans{grid-template-columns:1fr}.row{grid-template-columns:1fr;gap:7px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.chip.ready{color:var(--sage);background:var(--sage-soft)}.chip.draft{color:var(--ink-2);background:var(--paper-2)}.chip.building{color:var(--ultra);background:var(--ultra-soft)}.chip.failed{color:var(--clay);background:var(--clay-soft)}.tmpl{display:grid;grid-template-columns:340px 1fr;gap:22px;margin-top:24px;align-items:start}.tmpl-list{display:flex;flex-direction:column;gap:10px;max-height:72vh;overflow-y:auto;scrollbar-width:thin}.tmpl-card{text-align:left;cursor:pointer;border:1px solid var(--line);border-radius:12px;padding:13px 15px;background:var(--paper);font-family:inherit;transition:.13s}.tmpl-card:hover{border-color:var(--line-2)}.tmpl-card.on{border-color:var(--ultra);box-shadow:inset 0 0 0 1px var(--ultra)}.tc-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.tc-name{font-family:var(--mono);font-size:13px;color:var(--ink);font-weight:600}.tc-desc{margin:6px 0 9px;font-size:12.5px;color:var(--ink-2);line-height:1.4}.tc-meta{display:flex;flex-wrap:wrap;gap:12px;font-family:var(--mono);font-size:11px;color:var(--faint)}.tmpl-detail{border:1px solid var(--line);border-radius:13px;padding:22px 24px;background:var(--paper)}.td-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:14px}.td-head h3{font-family:var(--serif);font-size:22px;margin:0}.td-head .sub{font-family:var(--mono);font-size:11.5px;color:var(--clay);margin:5px 0 0}.td-specs{display:grid;grid-template-columns:repeat(4,1fr);gap:14px 18px;padding:18px 0}.td-specs div{display:flex;flex-direction:column;gap:3px}.td-specs span{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}.td-specs b{font-size:14px;font-weight:550;color:var(--ink)}.td-specs b.mono{font-family:var(--mono);font-size:11.5px;color:var(--ultra)}.td-actions{display:flex;gap:10px;padding-bottom:4px}.pkg-add{display:flex;gap:9px;margin-bottom:14px}.pkg-add select{flex:1;padding:8px 10px;border:1px solid var(--line-2);border-radius:8px;background:var(--paper);font-family:inherit;font-size:13px;color:var(--ink)}.tablewrap td.right{text-align:right}button.link{cursor:pointer;border:none;background:none;color:var(--clay);font-family:var(--mono);font-size:11.5px;padding:0}button.link:hover{text-decoration:underline}.done.float{position:fixed;bottom:24px;right:24px;background:var(--ink);color:var(--paper);padding:11px 16px;border-radius:10px;margin:0;box-shadow:0 6px 24px #0000002e;z-index:20}@media(max-width:860px){.tmpl{grid-template-columns:1fr}.tmpl-list{max-height:none}.td-specs{grid-template-columns:repeat(2,1fr)}}