:root{--bg:#0b0e14;--bg-glow:#12203a;--surface:#141a26;--surface-2:#1b2230;--surface-3:#212a3b;--line:#262f40;--line-2:#35415a;--text:#e8edf5;--muted:#8c97ab;--faint:#5a6779;--accent:#ffb020;--accent-2:#ffc658;--accent-ink:#1b1204;--live:#4cd6c1;--danger:#ff6b6b;--ok:#4cd6c1;--mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;--sans:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--r-sm:8px;--r:12px;--r-lg:16px;--shadow:0 20px 60px -20px rgba(0,0,0,.7)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100vh}.xp-bg{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(900px 500px at 50% -10%,rgba(255,176,32,.1),transparent 60%),radial-gradient(700px 600px at 85% 10%,rgba(76,214,193,.06),transparent 55%)}::selection{background:var(--accent);color:var(--accent-ink)}.xp-eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.xp-wordmark{font-weight:800;letter-spacing:-.045em;line-height:.9;color:var(--text);display:inline-flex;align-items:center;gap:.42em}.xp-dot{width:.34em;height:.34em;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 rgba(255,176,32,.5);animation:xp-pulse 2.4s ease-out infinite;flex:0 0 auto}@keyframes xp-pulse{0%{box-shadow:0 0 0 0 rgba(255,176,32,.5)}70%{box-shadow:0 0 0 .7em rgba(255,176,32,0)}to{box-shadow:0 0 0 0 rgba(255,176,32,0)}}.xp-live{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--live);border:1px solid rgba(76,214,193,.3);background:rgba(76,214,193,.07);padding:5px 10px 5px 8px;border-radius:999px}.xp-live>i{width:6px;height:6px;border-radius:50%;background:var(--live);box-shadow:0 0 8px var(--live);animation:xp-blink 1.6s steps(1) infinite}@keyframes xp-blink{50%{opacity:.35}}.xp-shell{position:relative;z-index:1;max-width:100%;margin:0;padding:14px 40px 40px}.xp-topbar{justify-content:space-between;gap:16px;padding-bottom:10px;margin-bottom:14px;border-bottom:1px solid var(--line)}.xp-chanrow,.xp-topbar{display:flex;align-items:center}.xp-chanrow{justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:8px;padding:5px 12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow)}.xp-chanrow__lbl{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.xp-chanrow .xp-select{width:210px;min-width:210px;flex:0 0 auto;max-width:210px}.xp-chanrow .xp-btn,.xp-chanrow .xp-select{font-size:12px;padding:6px 12px}.xp-chanrow__lbl{font-size:9px}.xp-chanrow .xp-btn{white-space:nowrap}.xp-panel{background:linear-gradient(180deg,var(--surface),var(--surface));border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow)}.xp-panel--pad{padding:22px}.xp-panel__head{display:flex;align-items:center;gap:10px;padding:15px 20px;border-bottom:1px solid var(--line)}.xp-panel__title{font-weight:700;font-size:14px;letter-spacing:-.01em;margin:0}.xp-field{display:block;margin-top:15px}.xp-field:first-child{margin-top:0}.xp-label{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:7px}.xp-input,.xp-select,.xp-textarea{width:100%;background:var(--surface-2);border:1px solid var(--line-2);border-radius:var(--r-sm);color:var(--text);font-family:var(--sans);font-size:13.5px;padding:9px 11px;outline:none;transition:border-color .15s,box-shadow .15s,background .15s}.xp-input::placeholder,.xp-textarea::placeholder{color:var(--faint)}.xp-input:focus,.xp-select:focus,.xp-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(255,176,32,.15);background:var(--surface-3)}.xp-textarea{resize:vertical;min-height:66px;line-height:1.5}.xp-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 16px) 55%,calc(100% - 11px) 55%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:30px}.xp-color{width:100%;height:38px;padding:4px;background:var(--surface-2);border:1px solid var(--line-2);border-radius:var(--r-sm);cursor:pointer}.xp-row{display:flex;gap:12px}.xp-row>*{flex:1 1}.xp-grid2{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.xp-switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:13px;color:var(--text)}.xp-switch input{position:absolute;opacity:0;pointer-events:none}.xp-switch__track{width:40px;height:23px;border-radius:999px;background:var(--surface-3);border:1px solid var(--line-2);position:relative;transition:background .18s,border-color .18s;flex:0 0 auto}.xp-switch__track:after{content:"";position:absolute;top:2px;left:2px;width:17px;height:17px;border-radius:50%;background:var(--muted);transition:transform .18s,background .18s}.xp-switch input:checked+.xp-switch__track{background:rgba(255,176,32,.22);border-color:var(--accent)}.xp-switch input:checked+.xp-switch__track:after{transform:translateX(17px);background:var(--accent)}.xp-switch input:focus-visible+.xp-switch__track{box-shadow:0 0 0 3px rgba(255,176,32,.2)}.xp-btn{font-family:var(--sans);font-size:13.5px;font-weight:600;padding:9px 18px;border-radius:var(--r-sm);border:1px solid transparent;cursor:pointer;transition:transform .05s,filter .15s,background .15s,border-color .15s}.xp-btn:active{transform:translateY(1px)}.xp-btn--primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 6px 20px -8px rgba(255,176,32,.6)}.xp-btn--primary:hover{filter:brightness(1.06)}.xp-btn--ghost{background:transparent;color:var(--text);border-color:var(--line-2)}.xp-btn--ghost:hover{background:var(--surface-2);border-color:var(--muted)}.xp-focusable:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.xp-stats{display:flex;gap:8px;flex-wrap:wrap}.xp-stat{flex:1 1;min-width:120px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:7px 12px}.xp-stat__num{font-family:var(--mono);font-size:18px;font-weight:600;letter-spacing:-.02em;line-height:1;color:var(--text)}.xp-stat__num--accent{color:var(--accent)}.xp-stat__lbl{font-family:var(--mono);font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:4px}.xp-editor{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px;align-items:start}.xp-preview-wrap{position:-webkit-sticky;position:sticky;top:24px}.xp-editor2{display:flex;gap:20px;align-items:flex-start}.xp-editcol{flex:1 1 auto;min-width:0}.xp-previewcol{flex:0 0 360px;position:-webkit-sticky;position:sticky;top:14px;align-self:flex-start;max-height:calc(100vh - 28px);overflow:auto}.xp-editcol .xp-panel+.xp-panel{margin-top:12px}.xp-editcol .xp-panel--pad{padding:13px 15px 15px}.xp-editcol .xp-panel__head{padding:11px 15px}.xp-editcol .xp-panel__title{font-size:12.5px}.xp-editcol .xp-field{margin-top:11px}.xp-editcol .xp-label{font-size:9.5px;margin-bottom:5px}.xp-editcol .xp-grid2{gap:10px}.xp-editcol .xp-input,.xp-editcol .xp-select,.xp-editcol .xp-textarea{font-size:12.5px;padding:7px 10px}.xp-editcol .xp-textarea{min-height:56px}.xp-editcol .xp-switch.xp-field{margin-top:10px}.xp-editcol .xp-colorrow input[type=color]{height:34px}.xp-hint{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.02em;color:var(--faint);line-height:1.5;margin-top:5px}.xp-segtoggle{display:inline-flex;gap:3px;padding:3px;background:var(--surface-2);border:1px solid var(--line-2);border-radius:999px}.xp-segtoggle button{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);background:transparent;border:none;padding:5px 12px;border-radius:999px;cursor:pointer;transition:color .15s,background .15s}.xp-segtoggle button:hover{color:var(--text)}.xp-segtoggle button[data-on="1"]{color:var(--accent-ink);background:var(--accent)}.xp-phone{position:relative;width:300px;height:520px;margin:0 auto;border-radius:30px;overflow:hidden;border:1px solid var(--line);background:radial-gradient(120% 90% at 20% 10%,#2b3b57 0,#182236 45%,#0f1622 100%);box-shadow:0 0 0 3px #10151f,0 0 0 5px #05070b,var(--shadow)}.xp-phone__notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:112px;height:20px;background:#05070b;border-radius:0 0 13px 13px;z-index:12}.xp-stage{position:relative;height:340px;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);background:radial-gradient(120% 90% at 20% 10%,#2b3b57 0,#182236 45%,#0f1622 100%)}.xp-stage__grid{position:absolute;inset:0;background-image:linear-gradient(hsla(0,0%,100%,.035) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.035) 1px,transparent 0);background-size:26px 26px;-webkit-mask-image:radial-gradient(120% 100% at 50% 0,#000 40%,transparent 100%);mask-image:radial-gradient(120% 100% at 50% 0,#000 40%,transparent 100%)}.xp-stage__tag{position:absolute;top:12px;left:14px;font-family:var(--mono);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:hsla(0,0%,100%,.5)}.xp-toast{position:absolute;max-width:300px;width:calc(100% - 32px);border-radius:14px;padding:15px 15px 13px;box-shadow:0 18px 50px -12px rgba(0,0,0,.6);animation:xp-toast-in .35s cubic-bezier(.2,.8,.2,1)}@keyframes xp-toast-in{0%{opacity:0;transform:translateY(10px) scale(.98)}}.xp-toast--light{background:#fff;color:#111;border:1px solid #ececf0}.xp-toast--dark{background:#1c1d21;color:#f3f4f6;border:1px solid #2c2e36}.xp-toast__row{display:flex;gap:12px;align-items:flex-start}.xp-toast__icon{width:40px;height:40px;border-radius:10px;object-fit:cover;flex:0 0 auto}.xp-toast__icon--ph{display:flex;align-items:center;justify-content:center;background:rgba(255,176,32,.16);color:var(--accent)}.xp-toast__title{font-weight:700;font-size:14.5px;line-height:1.25}.xp-toast__msg{font-size:12.5px;line-height:1.45;margin-top:3px}.xp-toast__x{color:#9aa0aa;font-size:17px;line-height:1;cursor:default}.xp-toast__actions{display:flex;gap:8px;justify-content:flex-end;align-items:center;margin-top:13px}.xp-toast__cta,.xp-toast__later{font-size:12.5px}.xp-toast__cta{color:#fff;border-radius:8px;padding:7px 15px;font-weight:600}.pos-bottom-right{right:16px;bottom:16px}.pos-bottom-left{left:16px;bottom:16px}.pos-top-right{right:16px;top:40px}.pos-top-left{left:16px;top:40px}.xp-note{font-family:var(--mono);font-size:11px;letter-spacing:.04em}.xp-note--ok{color:var(--ok)}.xp-note--bad{color:var(--danger)}.xp-center{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:28px;position:relative;z-index:1}.xp-vault{max-width:380px}.xp-vault__ring{width:58px;height:58px;margin:0 auto 20px;border-radius:50%;border:1.5px solid var(--line-2);display:flex;align-items:center;justify-content:center;color:var(--accent);box-shadow:0 0 0 6px rgba(255,176,32,.05)}.xp-hero{position:relative;z-index:1;min-height:100vh;display:grid;place-items:center;padding:24px}.xp-hero__inner{text-align:center}.xp-rings{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.xp-ring{position:absolute;border:1px solid rgba(255,176,32,.1);border-radius:50%}.xp-tabs{display:inline-flex;gap:3px;padding:3px;margin-bottom:10px;background:var(--surface);border:1px solid var(--line);border-radius:999px}.xp-tab{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);background:transparent;border:none;padding:6px 14px;border-radius:999px;cursor:pointer;transition:color .15s,background .15s}.xp-tab:hover{color:var(--text)}.xp-tab--active{color:var(--accent-ink);background:var(--accent);box-shadow:0 6px 18px -8px rgba(255,176,32,.6)}.xp-panel+.xp-panel{margin-top:14px}.xp-grid3{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:12px;gap:12px}.xp-colorrow{display:flex;align-items:center;gap:10px}.xp-colorrow input[type=color]{width:40px;height:38px;padding:3px;flex:0 0 auto;background:var(--surface-2);border:1px solid var(--line-2);border-radius:var(--r-sm);cursor:pointer}.xp-colorrow .xp-input{flex:1 1;font-family:var(--mono);font-size:12px}.xp-filter{display:inline-flex;gap:4px;padding:4px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm)}.xp-filter button{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:transparent;border:none;padding:6px 12px;border-radius:6px;cursor:pointer}.xp-filter button:hover{color:var(--text)}.xp-filter button[data-on="1"]{color:var(--accent-ink);background:var(--accent)}.xp-tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r)}.xp-table{width:100%;border-collapse:collapse;font-size:12.5px}.xp-table th{font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);text-align:left;font-weight:500;background:var(--surface-2);white-space:nowrap}.xp-table td,.xp-table th{padding:11px 12px;border-bottom:1px solid var(--line)}.xp-table td{color:var(--text);vertical-align:middle}.xp-table tr:last-child td{border-bottom:none}.xp-table tbody tr:hover td,.xp-table tr:hover td{background:var(--surface-2)}.xp-mono{font-family:var(--mono);font-size:11.5px;color:var(--muted)}.xp-trunc{max-width:260px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.xp-badge,.xp-trunc{white-space:nowrap;display:inline-block}.xp-badge{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;padding:3px 9px;border-radius:999px;border:1px solid transparent}.xp-badge--pending{color:var(--accent);background:rgba(255,176,32,.1);border-color:rgba(255,176,32,.3)}.xp-badge--moved{color:var(--live);background:rgba(76,214,193,.08);border-color:rgba(76,214,193,.3)}.xp-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.xp-pager__info{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.06em}.xp-code{font-family:var(--mono);font-size:12.5px;line-height:1.6;color:var(--accent-2);background:var(--bg);border:1px solid var(--line-2);border-radius:var(--r-sm);padding:16px 18px;overflow-x:auto;white-space:pre;margin:0}.xp-codewrap{position:relative}.xp-copybtn{position:absolute;top:10px;right:10px;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink);background:var(--accent);border:none;border-radius:6px;padding:6px 12px;cursor:pointer;transition:filter .15s}.xp-copybtn:hover{filter:brightness(1.08)}.xp-pstage{position:relative;height:460px;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);background:radial-gradient(120% 90% at 20% 10%,#2b3b57 0,#182236 45%,#0f1622 100%)}.xp-pstage__grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(hsla(0,0%,100%,.035) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.035) 1px,transparent 0);background-size:26px 26px;-webkit-mask-image:radial-gradient(120% 100% at 50% 0,#000 40%,transparent 100%);mask-image:radial-gradient(120% 100% at 50% 0,#000 40%,transparent 100%)}.xp-pstage__bar{position:relative;z-index:2;height:30px;background:rgba(9,13,20,.75);border-bottom:1px solid hsla(0,0%,100%,.06);display:flex;align-items:center;gap:6px;padding:0 12px}.xp-pstage__dot{width:9px;height:9px;border-radius:50%}.xp-pstage__url{flex:1 1;height:16px;margin-left:8px;border-radius:4px;background:hsla(0,0%,100%,.05);display:flex;align-items:center;padding-left:9px;font-family:var(--mono);font-size:8.5px;color:hsla(0,0%,100%,.4)}.xp-note-hint{font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:var(--muted);line-height:1.5}@media (prefers-reduced-motion:reduce){.xp-dot,.xp-live>i,.xp-toast{animation:none}}@media (max-width:960px){.xp-editor2{flex-direction:column}.xp-editcol{height:auto;overflow-y:visible;padding-right:0}.xp-previewcol{position:static;flex:1 1 auto;width:100%;order:-1}.xp-phone{margin:0 auto}}@media (max-width:760px){.xp-editor{grid-template-columns:1fr}.xp-preview-wrap{position:static}.xp-grid3{grid-template-columns:1fr}}.xp-collapse{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.xp-collapse:hover .xp-panel__title{color:var(--accent)}.xp-chev{color:var(--muted);font-size:12px;transition:transform .18s;flex:0 0 auto}.xp-chev--open{transform:rotate(180deg);color:var(--accent)}.xp-masonry{column-count:2;column-gap:14px}.xp-editcol .xp-masonry>.xp-panel{page-break-inside:avoid;break-inside:avoid;margin:0 0 14px}@media (max-width:1160px){.xp-masonry{column-count:1}}