.xp{--xp-bg:#0c1420;--xp-card:#101c2b;--xp-text:#edf4fc;--xp-muted:#a2b3c8;--xp-line:#ffffff18;color:var(--xp-text);padding:104px 0 90px;background:radial-gradient(ellipse at 80% 10%,#15334666,transparent 45%),#080e17;min-height:80vh}.xp *{box-sizing:border-box}.xp-wrap{width:min(1240px,calc(100% - 40px));margin:auto}.xp-nav{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--xp-line);padding:12px 0 22px}.xp-nav a{padding:9px 14px;color:var(--xp-muted);font-size:13px;border-radius:30px}.xp-nav a[aria-current],.xp-nav a:hover{background:#21d4e018;color:#7de9e5}.xp-hero{padding:64px 0 45px;max-width:900px}.xp-kicker{font:11px/1.6 monospace;letter-spacing:.2em;color:#70d8d8}.xp h1{font-size:clamp(34px,5vw,64px);line-height:1.12;letter-spacing:-.04em;margin:18px 0 22px}.xp-hero>p{max-width:740px;font-size:18px;line-height:1.7;color:var(--xp-muted)}.xp h2{font-size:24px;line-height:1.3;margin:0 0 15px}.xp h3{font-size:18px;margin:0 0 10px}.xp p{line-height:1.7}.xp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.xp-split{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.xp-card{padding:28px;background:linear-gradient(130deg,#11243588,#101827);border:1px solid var(--xp-line);border-radius:20px;min-width:0}.xp-card p,.xp-muted{color:var(--xp-muted);font-size:14px}.xp-card small{color:var(--xp-muted)}.xp-card a:not(.xp-btn){color:#71deda}.xp-section{margin:55px 0}.xp-section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.xp-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.xp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #ffffff29;border-radius:10px;padding:12px 18px;background:#142537;color:#edf4fc;cursor:pointer;font-weight:600;font-size:13px;text-decoration:none;line-height:1.4}.xp-btn.primary{background:#70e4da;border-color:#70e4da;color:#082320}.xp-btn[aria-pressed=true]{border-color:#70e4da;color:#70e4da}.xp-btn:disabled{opacity:.5;cursor:not-allowed}.xp :focus-visible{outline:3px solid #70e4da;outline-offset:4px}.xp label{display:block;font-size:13px;margin:18px 0 7px}.xp input:not([type=checkbox]),.xp select,.xp textarea{width:100%;padding:12px;border:1px solid #ffffff26;border-radius:9px;background:#080e17;color:#edf4fc;font:inherit}.xp input[type=checkbox]{accent-color:#70e4da;width:18px;height:18px;flex-shrink:0}.xp .xp-check{display:flex;align-items:center;gap:12px;padding:13px 0;margin:0;border-bottom:1px solid var(--xp-line)}.xp fieldset{border:0;margin:20px 0;padding:0}.xp legend{font-weight:600;margin-bottom:12px}.xp-status{padding:14px 0;min-height:48px;color:#81e4c5;overflow-wrap:anywhere}.xp-browser{--scene-bg:#0c1222;--scene-panel:#162032;--scene-accent:#22d3ee;--scene-text:#edf4fc;border:1px solid #ffffff22;border-radius:16px;overflow:hidden;background:var(--scene-bg);color:var(--scene-text);box-shadow:0 25px 65px #0003}.xp-chrome{display:flex;justify-content:space-between;padding:14px;background:var(--scene-panel);font:11px monospace}.xp-chrome>span:first-child{color:var(--scene-accent)}.xp-address{margin:12px;padding:9px 16px;border-radius:8px;background:var(--scene-panel);font:11px monospace}.xp-canvas{padding:35px 22px 50px;text-align:center}.xp-monogram{font:700 54px/1.5 system-ui;color:var(--scene-accent)}.xp-canvas h2{font-size:24px}.xp-search{background:var(--scene-panel);padding:15px;border-radius:10px;margin:25px auto;max-width:340px;font-size:12px;text-align:left}.xp-search span{float:right;color:var(--scene-accent)}.xp-shortcuts{display:flex;justify-content:center;gap:34px;color:var(--scene-accent)}.xp-shortcuts small{display:block;font-size:10px;margin-top:10px;color:var(--scene-text)}.xp-preview-aside{position:sticky;top:100px}.xp-step{color:#70e4da;font:12px monospace;margin-bottom:16px}.xp-tag{display:inline-block;background:#ffffff0c;border:1px solid var(--xp-line);border-radius:30px;padding:5px 10px;font:11px/1.5 monospace;margin:4px 4px 8px 0}.xp-mini{height:120px;background:var(--tile-bg);border-radius:12px;padding:14px;border:1px solid #ffffff15;margin-bottom:24px}.xp-mini div{height:7px;border-radius:5px;background:var(--tile-accent);width:45%;margin-top:15px}.xp-mini div+div{width:75%;opacity:.25}.xp-card[hidden],.xp [hidden]{display:none!important}.xp-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.xp-prose{max-width:850px}.xp-prose li{margin:14px 0;color:var(--xp-muted);line-height:1.7}.xp-prose ol{padding-left:22px}.xp-details{padding:20px 0;border-top:1px solid var(--xp-line)}.xp-details summary{cursor:pointer;font-weight:600}.xp-details p{color:var(--xp-muted);font-size:14px}.xp-note{padding:18px 22px;border-left:2px solid #70e4da;background:#70e4da08;color:var(--xp-muted);font-size:13px;margin:22px 0}.xp-progress{height:6px;background:#ffffff13;border-radius:10px;overflow:hidden;margin:15px 0}.xp-progress span{height:100%;display:block;background:#70e4da;transition:width .2s}.xp-request{padding:24px 0;border-bottom:1px solid var(--xp-line);overflow-wrap:anywhere}.xp-request h3{margin:8px 0}.xp-request p{white-space:pre-wrap}.xp-share{width:100%;margin-top:12px}.xp-compare{display:grid;grid-template-columns:1fr 1fr;gap:15px}.xp-compare>div{padding:20px;background:#0a1320;border:1px solid var(--xp-line);border-radius:14px}.xp-bar{height:30px;border-radius:6px;background:#ee8f6e24;margin:10px 0;font-size:10px;display:grid;place-items:center}.xp-bar.clean{background:#74e7b918}.xp-table{width:100%;border-collapse:collapse;font-size:13px}.xp-table th,.xp-table td{text-align:left;padding:16px 12px;border-bottom:1px solid var(--xp-line);vertical-align:top}.xp-table td{color:var(--xp-muted)}.xp-code{display:block;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.7 monospace;background:#080e17;padding:16px;border-radius:10px}.xp-form-error{color:#ffb3a2}.xp-number{color:#70e4da;font:32px monospace;margin:12px 0}.xp-download-verify{margin:30px 0}.xp-favorite{margin-left:auto}.xp-empty{grid-column:1/-1;padding:40px;text-align:center;color:var(--xp-muted)}
html[data-theme=light] .xp{--xp-card:#fff;--xp-bg:#f4f7fb;--xp-text:#102535;--xp-muted:#526578;--xp-line:#10253522;background:#f4f7fb}.xp [role=alert]{color:#ed9d91}html[data-theme=light] .xp-card{background:#fff}html[data-theme=light] .xp-btn{background:#e9f2f8;color:#153647}html[data-theme=light] .xp-btn.primary{background:#137d77;color:white}html[data-theme=light] .xp-kicker,html[data-theme=light] .xp-nav a[aria-current]{color:#147c75}
@media(max-width:900px){.xp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.xp-split{grid-template-columns:1fr}.xp-preview-aside{position:static}.xp-hero{padding-top:40px}}@media(max-width:560px){.xp-wrap{width:calc(100% - 28px)}.xp-grid,.xp-compare{grid-template-columns:1fr}.xp-card{padding:22px}.xp-nav a{padding:8px;font-size:12px}.xp-hero>p{font-size:16px}.xp-section-head{align-items:start;flex-direction:column}.xp-table{font-size:11px}.xp-table th,.xp-table td{padding:10px 6px}.xp{padding-top:90px}.xp-actions>.xp-btn{flex:1}.xp-canvas{padding:25px 15px}.xp-preview-aside .xp-actions{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.xp *{transition:none!important;scroll-behavior:auto!important}}

.studio-colors{margin:25px 0;padding:18px;border:1px solid var(--xp-line);border-radius:12px}.studio-color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px}.xp input[type=color]{width:100%;height:44px;padding:4px;cursor:pointer}.xp-browser .xp-address{background:var(--scene-raised,var(--scene-panel))}.xp-monogram{color:var(--scene-secondary,var(--scene-accent))}