@import url('data:text/css,');
:root{color-scheme:light;--bg:#f5f7fb;--surface:rgba(255,255,255,.78);--solid:#fff;--text:#17202f;--muted:#697386;--line:#dfe4ec;--accent:#5b5ce2;--accent2:#8b5cf6;--good:#12a26b;--bad:#df4b5f;--shadow:0 18px 55px rgba(38,49,77,.10);--code:#111827;--codeText:#d7e1f4}
html[data-theme=dark]{color-scheme:dark;--bg:#090b10;--surface:rgba(20,24,33,.75);--solid:#141821;--text:#edf1f8;--muted:#8e99aa;--line:#29303c;--accent:#8b8cff;--accent2:#bc8cff;--good:#39d49a;--bad:#ff7185;--shadow:0 22px 70px rgba(0,0,0,.38);--code:#080b11;--codeText:#d9e5f7}
@media(prefers-color-scheme:dark){html[data-theme=auto]{color-scheme:dark;--bg:#090b10;--surface:rgba(20,24,33,.75);--solid:#141821;--text:#edf1f8;--muted:#8e99aa;--line:#29303c;--accent:#8b8cff;--accent2:#bc8cff;--good:#39d49a;--bad:#ff7185;--shadow:0 22px 70px rgba(0,0,0,.38);--code:#080b11;--codeText:#d9e5f7}}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh;padding-bottom:110px;transition:background .25s,color .25s}.ambient{position:fixed;border-radius:50%;filter:blur(110px);opacity:.13;pointer-events:none;z-index:-1}.a1{width:520px;height:520px;background:#675cff;top:-220px;right:-100px}.a2{width:400px;height:400px;background:#0ddbb2;bottom:-220px;left:-160px}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,72px);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(20px);position:sticky;top:0;z-index:20}.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none}.brand>span:last-child{display:flex;flex-direction:column}.brand small{font-size:10px;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-top:2px}.logo{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:white;font-weight:800;box-shadow:0 8px 25px color-mix(in srgb,var(--accent) 35%,transparent)}.top-actions,.row{display:flex;align-items:center;gap:10px}.icon-btn,.button{border:1px solid var(--line);background:var(--solid);color:var(--text);height:39px;padding:0 16px;border-radius:11px;font:inherit;font-size:13px;font-weight:650;cursor:pointer;transition:.18s}.icon-btn{width:39px;padding:0}.button:hover:not(:disabled){transform:translateY(-1px);border-color:var(--accent)}.button:disabled{opacity:.42;cursor:not-allowed}.button.primary{border-color:transparent;background:linear-gradient(135deg,var(--accent),var(--accent2));color:white;box-shadow:0 8px 25px color-mix(in srgb,var(--accent) 25%,transparent)}.button.ghost{background:transparent}.button.danger{color:var(--bad);background:transparent;border-color:color-mix(in srgb,var(--bad) 40%,var(--line))}.status{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);font-weight:650}.status i{display:block;width:7px;height:7px;border-radius:50%;background:var(--muted)}.status.online i,.status.valid i{background:var(--good);box-shadow:0 0 0 4px color-mix(in srgb,var(--good) 15%,transparent)}.status.invalid i,.status.offline i{background:var(--bad)}main{max-width:1280px;margin:auto;padding:0 clamp(20px,5vw,64px)}.hero{display:grid;grid-template-columns:1.35fr 1fr;gap:60px;align-items:end;padding:74px 0 54px}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:800;color:var(--accent)}h1{font-size:clamp(44px,6vw,78px);line-height:.98;letter-spacing:-.055em;margin:17px 0 24px;max-width:740px}h1 em{font-style:normal;color:transparent;background:linear-gradient(110deg,var(--accent),var(--accent2));background-clip:text}.hero p{max-width:610px;font-size:17px;line-height:1.65;color:var(--muted)}.glass{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(20px);border-radius:20px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);padding:22px}.metrics div{padding:8px 18px;border-right:1px solid var(--line)}.metrics div:last-child{border:0}.metrics small,.metrics strong{display:block}.metrics small{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.metrics strong{font-size:18px;margin-top:8px;overflow:hidden;text-overflow:ellipsis}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);position:sticky;top:76px;z-index:10;background:var(--bg);padding-top:6px}.tabs button{padding:15px 18px;background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);cursor:pointer;font-weight:650}.tabs button.active{color:var(--text);border-color:var(--accent)}.panel{display:none;padding:42px 0}.panel.active{display:block;animation:appear .25s ease}@keyframes appear{from{opacity:0;transform:translateY(5px)}}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.section-head h2,dialog h2{font-size:28px;letter-spacing:-.03em;margin:7px 0 0}.search,input,select,textarea{border:1px solid var(--line);background:var(--solid);color:var(--text);font:inherit;border-radius:10px;outline:none}.search{height:39px;padding:0 14px;width:210px}.search:focus,input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 13%,transparent)}.site-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.site-card{position:relative;padding:20px;border:1px solid var(--line);background:var(--surface);border-radius:16px;cursor:pointer;transition:.18s;min-height:150px}.site-card:hover{border-color:color-mix(in srgb,var(--accent) 60%,var(--line));transform:translateY(-2px);box-shadow:var(--shadow)}.site-card .mode{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:var(--accent);font-weight:800}.site-card h3{font-size:16px;margin:13px 0 8px;overflow:hidden;text-overflow:ellipsis}.site-card p{font:12px ui-monospace,SFMono-Regular,monospace;color:var(--muted);margin:0;overflow:hidden;text-overflow:ellipsis}.site-meta{position:absolute;bottom:17px;display:flex;gap:6px}.pill{padding:4px 7px;border-radius:6px;background:color-mix(in srgb,var(--accent) 9%,transparent);font-size:9px;color:var(--muted)}.empty{padding:45px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:16px;grid-column:1/-1}.editor-shell{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:var(--code);box-shadow:var(--shadow)}.editor-bar{height:43px;padding:0 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #273142;color:#8290a8;font-size:11px}textarea#jsonEditor{display:block;width:100%;height:560px;resize:vertical;border:0;border-radius:0;background:var(--code);color:var(--codeText);padding:20px;font:13px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2}.code{min-height:560px;max-height:70vh;overflow:auto;margin:0;padding:23px;border-radius:15px;background:var(--code);color:var(--codeText);border:1px solid var(--line);font:13px/1.62 ui-monospace,SFMono-Regular,Consolas,monospace;box-shadow:var(--shadow);white-space:pre}.errors{padding:14px 17px;margin-bottom:14px;background:color-mix(in srgb,var(--bad) 10%,transparent);border:1px solid color-mix(in srgb,var(--bad) 35%,transparent);color:var(--bad);border-radius:11px;font-size:13px;line-height:1.6}.timeline{display:grid;gap:10px}.event{display:grid;grid-template-columns:18px 1fr auto;gap:14px;align-items:center;padding:16px 18px;background:var(--surface);border:1px solid var(--line);border-radius:13px}.event>i{width:9px;height:9px;border-radius:50%;background:var(--good)}.event strong{font-size:13px}.event p,.event time{margin:3px 0 0;color:var(--muted);font-size:11px}.deploybar{position:fixed;z-index:30;left:50%;bottom:20px;transform:translateX(-50%);width:min(900px,calc(100% - 32px));padding:13px 15px 13px 19px;display:flex;align-items:center;justify-content:space-between;background:color-mix(in srgb,var(--solid) 88%,transparent);border:1px solid var(--line);border-radius:17px;box-shadow:0 20px 60px rgba(0,0,0,.18);backdrop-filter:blur(24px)}.deploybar>div:first-child{display:grid;grid-template-columns:13px auto;column-gap:7px}.deploybar small{grid-column:2;color:var(--muted);font-size:10px;margin-top:2px}.change-dot{width:8px;height:8px;background:var(--muted);border-radius:50%;align-self:center}.change-dot.dirty{background:#f0a631;box-shadow:0 0 0 4px color-mix(in srgb,#f0a631 18%,transparent)}.muted{color:var(--muted);font-size:12px}dialog{width:min(580px,calc(100% - 32px));padding:0;border:1px solid var(--line);border-radius:20px;color:var(--text);background:var(--solid);box-shadow:0 30px 100px rgba(0,0,0,.35)}dialog::backdrop{background:rgba(4,6,12,.62);backdrop-filter:blur(6px)}dialog form{padding:30px;position:relative}dialog p{color:var(--muted);font-size:14px;line-height:1.55}dialog label{display:grid;gap:7px;font-size:12px;font-weight:700;margin-top:20px}dialog input,dialog select{height:43px;padding:0 12px}.dialog-close{position:absolute;right:20px;top:17px;background:none;border:0;color:var(--muted);font-size:25px;cursor:pointer}.dialog-actions{display:flex;gap:9px;margin-top:28px}.spacer{flex:1}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.form-grid .wide{grid-column:1/-1}.checks{display:flex;gap:20px}.checks label{display:flex;align-items:center;gap:7px;font-weight:500}.checks input{height:auto}.confirm-revision{padding:13px;background:var(--bg);border-radius:10px;margin-top:18px}.confirm-revision small{display:block;color:var(--muted);font-size:9px;letter-spacing:.12em}.confirm-revision code{display:block;margin-top:5px}.toasts{position:fixed;right:20px;top:90px;z-index:50;display:grid;gap:8px}.toast{padding:13px 16px;background:var(--solid);border:1px solid var(--line);border-left:3px solid var(--good);border-radius:10px;box-shadow:var(--shadow);font-size:12px;animation:appear .2s}.toast.bad{border-left-color:var(--bad)}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:50px;gap:25px}.site-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){body{padding-bottom:140px}.topbar{padding:0 16px}.topbar .status{display:none}.hero{padding:40px 0}.metrics{padding:13px}.metrics div{padding:7px}.metrics strong{font-size:14px}.tabs{overflow:auto}.tabs button{white-space:nowrap;padding:13px 11px}.section-head{align-items:flex-start;gap:18px;flex-direction:column}.section-head .row{width:100%}.search{flex:1}.site-grid{grid-template-columns:1fr}.deploybar{bottom:10px;align-items:flex-start;gap:12px;flex-direction:column}.deploybar .row{width:100%}.deploybar .button{flex:1}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.brand small{display:none}}