:root{--bg: #f7f7f5;--ink: #0a0a0a;--muted: #6b6b6b;--line: #e6e6e4;--accent: #111111;--rh: #ccff00;--arc: #2f578c;--card: #ffffff;--err: #e11d48;--mono: "IBM Plex Mono", ui-monospace, monospace;--sans: Inter, "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans)}::selection{background:#111;color:#fff}a{color:var(--ink);text-decoration:none}button,input,textarea{font:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}textarea:focus-visible,input:focus-visible{outline:none}.shell{max-width:1180px;margin:0 auto;padding:18px 22px 96px}.product{position:relative}.nav{display:flex;align-items:center;gap:18px;padding:6px 0 18px;flex-wrap:wrap}.nav-toggle{display:none;background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:8px 12px;cursor:pointer}.wordmark{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-size:15px;font-weight:600;letter-spacing:-.04em}.brand-otter{width:32px;height:28px;object-fit:contain}.home-mascot{display:block;width:min(168px,42vw);height:auto;margin:0 auto 18px}.nav nav{display:flex;gap:18px;flex:1}.nav nav a{color:var(--muted);font-size:14px}.nav nav a:hover{color:var(--ink)}.nav-right{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.btn{background:#111;color:#fff;border:0;padding:10px 16px;cursor:pointer;font-weight:600;border-radius:999px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.ghost{background:#fff;color:var(--ink);border:1px solid var(--line);font-weight:500}.home{position:relative;min-height:auto;display:grid;place-items:center;padding:72px 0 28px;overflow:visible}.field,.stage .field{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto}.field canvas,.stage canvas{display:block;width:100%;height:100%}.home-copy{position:relative;z-index:1;width:min(720px,100%);text-align:center}.home-copy h1,.page-title{font-size:clamp(40px,6vw,64px);margin:0 0 28px;letter-spacing:-.055em;line-height:1.02;font-weight:600}.headline{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;column-gap:.12em;row-gap:.08em;min-height:2.16em;perspective:640px}.headline span{display:inline-block;transform-origin:50% 80%;animation:headline-in .56s cubic-bezier(.16,1,.3,1) both}.headline.out span{animation-name:headline-out;animation-duration:.32s;animation-timing-function:cubic-bezier(.4,0,1,1)}@keyframes headline-in{0%{opacity:0;transform:translateY(.55em) rotateX(-48deg);filter:blur(10px)}to{opacity:1;transform:none;filter:none}}@keyframes headline-out{to{opacity:0;transform:translateY(-.4em) rotateX(36deg);filter:blur(8px)}}.page-title{margin:24px 0 18px}.kicker{color:var(--muted);margin:0;font-size:15px}.composer{position:relative;background:#fff;border:1px solid #ececec;border-radius:28px;padding:14px 14px 10px;text-align:left;box-shadow:0 18px 50px #00000012}.composer-hint{position:absolute;left:22px;top:22px;right:22px;display:flex;flex-wrap:wrap;column-gap:.12em;row-gap:.06em;color:#9a9a9a;pointer-events:none;z-index:0}.composer-hint span{display:inline-block;transform-origin:50% 80%;animation:headline-in .56s cubic-bezier(.16,1,.3,1) both}.composer-hint.out span{animation-name:headline-out;animation-duration:.32s;animation-timing-function:cubic-bezier(.4,0,1,1)}.composer textarea{width:100%;background:transparent;border:0;outline:none;box-shadow:none;color:var(--ink);resize:none;position:relative;z-index:1;min-height:72px;padding:8px 8px 0}.composer-bar{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;align-items:center}.composer-left,.composer-right{display:flex;gap:8px;flex-wrap:wrap}.types,.chains,.filters{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:18px}.type{background:#fff;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:8px 14px;cursor:pointer;font-size:13px}.type:hover{color:var(--ink)}.type.on{color:#fff;background:#111;border-color:#111}.type.on.rh{background:var(--rh);border-color:var(--rh);color:#1c180d}.type.on.arc{background:var(--arc);border-color:var(--arc);color:#fff}.widgets{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:12px 0 28px}.widget,.board-card,.sheet,.graph,.pulse{background:var(--card);border:1px solid var(--line);border-radius:22px;overflow:hidden}.widget{min-height:220px;position:relative}.widget .mini{height:220px;border:0}.graph,.pulse{padding:12px;min-height:220px;display:flex;flex-direction:column}.graph canvas,.pulse canvas{width:100%;flex:1;height:160px;display:block}.graph-keys{display:flex;flex-wrap:wrap;gap:6px}.graph-keys button,.chip-btn{background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:4px 8px;cursor:pointer;font-size:11px}.graph-keys .on{color:#fff;background:#111;border-color:#111}.pulse p{margin:8px 0 0;color:var(--muted);font-size:13px}.custom{display:flex;gap:16px;flex-wrap:wrap;align-items:end;margin:8px 0 24px}.custom label{color:var(--muted);font-size:12px;display:grid;gap:6px}.custom input[type=color]{width:52px;height:36px;border:0;background:transparent;padding:0;cursor:pointer}.sheet{padding:22px;display:grid;gap:4px}.sheet label,.panel label{display:block;margin:10px 0;font-size:13px;color:var(--muted)}.sheet input,.panel input{width:100%;margin-top:6px;background:#f7f7f5;border:1px solid var(--line);color:var(--ink);padding:10px 12px;font-size:16px;border-radius:12px}.templates{margin:28px 0 40px}.templates-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}.templates-head h2{margin:0;font-size:28px;letter-spacing:-.04em}.templates-head .filters{margin:0}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.template{display:block;width:100%;padding:0 0 14px;text-align:left;background:#fff;border:1px solid #ececec;border-radius:18px;overflow:hidden;cursor:pointer;color:inherit;box-shadow:0 8px 24px #00000008}.template.on{box-shadow:inset 0 0 0 2px #111}.template .mini{height:240px;border:0;border-radius:0}.mini.shot img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.mini.live .mini-form{display:grid;gap:8px;padding:12px}.mini.live .mini-form b{font-size:13px}.mini.live .mini-form i{display:block;height:22px;background:color-mix(in srgb,var(--pad-ink) 10%,transparent);border-radius:var(--pad-radius)}.mini.live .mini-form i.wide{height:40px}.template-meta{padding:12px 14px 0}.template-meta strong{display:block;font-size:14px}.template-meta span{color:var(--muted);font-size:12px}.cards{display:grid;gap:10px;margin:16px 0}.cards.three{grid-template-columns:1fr 1fr 1fr}.card{text-align:left;background:#fff;border:1px solid var(--line);color:var(--ink);padding:14px;cursor:pointer;border-radius:14px}.card strong{display:block}.card span{color:var(--muted);font-size:12px}.card.on{border-color:var(--accent)}.drop{position:relative;display:grid;gap:8px;margin:12px 0;cursor:pointer}.drop input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer}.drop-label{font-size:13px;color:var(--muted)}.drop-note,.drop-hint{display:block;border:1px dashed var(--line);border-radius:12px;padding:12px 14px;color:var(--muted);font-size:13px;background:#fff}.drop-hint{border:0;padding:0;background:transparent;font-size:12px}.drop img{width:72px;height:72px;object-fit:cover;border-radius:12px}.drop.over .drop-note{border-color:var(--accent)}.pct span{display:flex;align-items:center;gap:8px}.pct span input{flex:1}.pct em{color:var(--muted);font-style:normal;font-weight:600}.note{color:var(--muted);font-size:13px}.err{color:var(--err)}.built{display:grid;grid-template-columns:168px 1fr;gap:16px;align-items:center;width:min(720px,100%);margin:22px auto 0;padding:12px;background:#fff;border:1px solid #ececec;border-radius:22px;text-align:left;box-shadow:0 12px 32px #0000000a}.built .mini{height:120px;border-radius:16px;overflow:hidden}.built strong{display:block;font-size:18px;letter-spacing:-.03em}.built span,.built p{color:var(--muted);font-size:13px;margin:4px 0 0}.built a{margin-right:14px}.success{border:1px solid var(--accent);padding:14px;margin-top:12px;display:grid;gap:8px;border-radius:14px}.success.stamp{animation:stamp .48s cubic-bezier(.2,.8,.2,1)}@keyframes stamp{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:none}}.docs{max-width:720px;line-height:1.7}.docs-lead{color:var(--ink);font-size:17px;margin:0 0 28px}.docs section{margin:0 0 36px}.docs h2{margin:0 0 12px;font-size:20px;letter-spacing:-.03em}.docs p,.docs li{color:var(--ink)}.docs ol,.docs ul{padding-left:1.2rem;margin:0 0 12px}.docs li{margin:0 0 8px}.docs a{text-decoration:underline;text-underline-offset:2px}.docs a:hover{color:var(--muted)}.docs code{font-family:var(--mono);font-size:12px;color:#111;word-break:break-all}.docs table{width:100%;border-collapse:collapse;margin:12px 0 0;font-size:13px}.docs caption{caption-side:top;text-align:left;color:var(--muted);font-size:12px;padding-bottom:8px}.docs th{text-align:left;font-weight:500;color:var(--muted);padding:8px 12px 8px 0;border-bottom:1px solid var(--line);width:38%;vertical-align:top}.docs td{padding:8px 0;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:12px;word-break:break-all}.docs td a{text-decoration:none}.docs td a:hover{text-decoration:underline}.docs-kits{list-style:none;padding:0}.docs-kits li{margin:0;padding:10px 0;border-bottom:1px solid var(--line)}.enter{animation:in .42s ease both}@keyframes in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.board-card{color:var(--ink);padding:0 0 14px}.board-card .mini{height:160px;border:0;border-radius:0}.board-card strong,.board-card span{display:block;padding:0 14px}.board-card strong{padding-top:12px}.board-card span{color:var(--muted);font-size:12px;font-family:var(--mono)}.stage{position:relative;width:100%;height:min(42vh,360px);border:1px solid var(--line);overflow:hidden;border-radius:22px}.stage .mini{position:relative;z-index:1;height:100%;background:color-mix(in srgb,var(--pad-paper) 88%,transparent)}.mini{height:100%;background:var(--pad-paper);color:var(--pad-ink);font-family:var(--pad-font);border:1px solid var(--pad-stroke);display:flex;flex-direction:column;overflow:hidden}.mini-bar{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--pad-stroke)}.mini-bar strong{letter-spacing:.08em;font-size:11px}.mini-search{flex:1;height:22px;background:color-mix(in srgb,var(--pad-ink) 8%,transparent);border-radius:var(--pad-radius)}.mini-cta{font-size:10px;padding:5px 10px;background:var(--pad-accent);color:var(--pad-paper);border-radius:var(--pad-radius)}.mini[data-kit=app] .mini-cta{color:#fff}.mini-pairs{display:flex;gap:6px;padding:8px 12px}.mini-pairs i{font-style:normal;font-size:10px;border:1px solid var(--pad-stroke);padding:3px 7px;color:var(--pad-accent)}.mini-banner{margin:10px 12px;padding:8px 10px;background:var(--pad-accent);color:#111;font-size:11px;font-weight:600}.mini-compose{margin:10px 12px;padding:12px;border:1px solid var(--pad-stroke);border-radius:var(--pad-radius);color:var(--pad-muted);font-size:12px}.mini-plot{width:100%;height:72px;display:block}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px;flex:1}.mini-grid i{display:block;background:color-mix(in srgb,var(--pad-ink) 10%,transparent);border-radius:10px}.mini[data-kit=pons] .mini-grid i{border-radius:14px}.mini[data-kit=pumpfun] .mini-grid{grid-template-columns:repeat(4,1fr)}.mini[data-kit=app] .mini-grid{display:none}.pad{min-height:100vh;background:var(--pad-paper);color:var(--pad-ink);font-family:var(--pad-font);padding:20px 20px 80px}.pad-wait{display:grid;place-items:center;min-height:40vh}.bags-shell{display:grid;grid-template-columns:72px 1fr;grid-template-rows:3px 1fr;padding:0;min-height:100vh;background:#000;color:#fff}.bags-lime{grid-column:1 / -1;background:#02ff40;height:3px}.bags-rail{display:flex;flex-direction:column;align-items:center;gap:18px;padding:16px 0 28px;border-right:1px solid #141414}.bags-mark{color:#fff;font-weight:700;letter-spacing:-.05em;font-size:15px;line-height:1;padding:6px 0 4px}.bags-mark-inline{margin-right:auto;color:#fff;font-weight:700;letter-spacing:-.05em;font-size:18px}.bags-ico{width:36px;height:36px;display:grid;place-items:center;color:#6b6b6b;border-radius:10px}.bags-ico.on{color:#fff;background:#111}.bags-docs{margin-top:auto;color:#6b6b6b;font-size:11px}.bags-main{min-width:0;padding:18px 36px 64px}.bags-top{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-bottom:8px}.bags-login{background:#fff;color:#111;border:0;border-radius:999px;padding:8px 16px;font-size:14px}.bags-form{max-width:none;margin-top:8px;grid-template-columns:minmax(420px,1fr) 320px;gap:48px}.bags-form h2{font-size:28px;font-weight:600;letter-spacing:-.03em;margin-bottom:6px}.bags-sub{color:#8a8a8a;margin:0 0 22px;font-size:14px}.bags-form label{font-size:13px;color:#cfcfcf;margin:14px 0 0}.bags-form input{background:#111;border:0;color:#fff;height:44px;padding:0 18px;border-radius:999px;margin-top:8px}.bags-form input::placeholder{color:#5a5a5a}.bags-form .pf-lab{display:block;font-size:13px;color:#cfcfcf;margin:16px 0 8px}.bags-form .drop.compact{margin:0}.bags-form .drop-note{background:#111;border:0;border-radius:999px;height:44px;display:flex;align-items:center;padding:0 18px;color:#8a8a8a}.bags-form .drop.has .drop-note{color:#fff}.bags-form .drop img{width:28px;height:28px;border-radius:999px;position:absolute;left:12px;top:8px}.bags-form .pf-url{color:#5a5a5a;margin-top:8px}.bags-form .pf-progress{background:#1a1a1a;height:4px;margin:8px 0 28px}.bags-form .pf-progress:after{width:36%;background:#02ff40}.bags-preview{background:#0c0c0c;border:0;border-radius:28px;padding:22px 22px 28px;margin-top:72px}.bags-preview .pf-thumb{max-width:none;aspect-ratio:1;border-radius:22px;background:#141414;border:0;color:#3a3a3a}.bags-preview .pf-thumb.empty{border:0}.bags-preview strong{font-size:16px;font-weight:500;margin-top:14px;color:#fff}.bags-preview span,.bags-preview p{color:#6b6b6b;font-size:13px}.bags-fine{color:#4a4a4a;font-size:11px;max-width:28rem;margin:14px 0 0}.bags-form .pf-actions{margin-top:28px;gap:12px}.bags-back{background:#1a1a1a;color:#fff;border:0;border-radius:999px;padding:12px 28px}.bags-form .pad-btn.solid{background:#02ff40;color:#111;border:0;border-radius:999px;padding:12px 32px;opacity:1}.bags-form .pad-btn.solid:disabled{background:#02ff40;color:#111;opacity:.35}.bags-form .pad-hint{color:#6b6b6b}.pons-preview{border-radius:22px;padding:22px}.pons-ico{width:36px;height:36px;border-radius:10px;background:#1a1a1a;overflow:hidden;margin-bottom:12px}.pons-ico img,.pons-ico i{display:block;width:100%;height:100%}.pons-preview h3{margin:0;font-size:18px}.pons-preview dl{margin:16px 0 0;display:grid;gap:8px}.pons-preview dt{color:var(--pad-muted);font-size:12px}.pons-preview dd{margin:0}.pump-preview{width:220px;height:220px;border-radius:16px;background:#111318;display:grid;place-items:center;text-align:center;color:#6b6b6b;font-size:13px;padding:16px;overflow:hidden}.pump-preview img{width:100%;height:100%;object-fit:cover}.pad[data-kit=app]{background:#f5f5f5}.pad[data-kit=app] .pf.app{max-width:560px;text-align:center}.pad[data-kit=app] .pf.app h2{font-size:36px}.pad[data-kit=app] .app-drop .drop-note{min-height:160px;display:grid;place-items:center;border-radius:24px;background:#ececec;border:0}.flap-grid{display:grid;grid-template-columns:180px 1fr;gap:20px;align-items:start}.four-form h2{color:#4ade80;text-align:center}.four-card{background:#141414;border-radius:20px;padding:22px}.long-form h2{letter-spacing:.08em}.pad-nav,.pad-hero,.pad-panel,.pad>section,.pad>p{max-width:1120px;margin-left:auto;margin-right:auto}.pad-nav{display:flex;align-items:center;gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--pad-stroke);padding-bottom:14px;margin-bottom:24px}.pad-mark{color:var(--pad-ink);font-weight:600;letter-spacing:-.03em}.pad-toggle{display:none;background:transparent;color:var(--pad-ink);border:1px solid var(--pad-stroke);padding:8px 10px;cursor:pointer}.pad-nav nav{display:flex;gap:14px;flex:1;color:var(--pad-muted);font-size:13px}.pad-nav nav a{color:inherit}.pad-nav nav a:hover{color:var(--pad-ink)}.pad-right{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pad-chip{font-size:11px;border:1px solid var(--pad-stroke);padding:4px 8px;border-radius:999px;color:var(--pad-muted)}.pad-btn{background:transparent;color:var(--pad-ink);border:1px solid var(--pad-stroke);padding:10px 16px;cursor:pointer;border-radius:var(--pad-radius)}.pad-btn.solid{background:var(--pad-accent);color:var(--pad-paper);border-color:var(--pad-accent);font-weight:600}.pad-btn:disabled{opacity:.45;cursor:not-allowed}.pad[data-kit=app] .pad-btn.solid{color:#fff}.pad-hero{display:grid;grid-template-columns:1fr minmax(220px,40%);gap:20px;align-items:center}.pad-hero h1{font-size:clamp(40px,7vw,76px);margin:8px 0 12px;letter-spacing:-.05em}.pad-note,.pad-hint{color:var(--pad-muted);max-width:38rem}.pad-hint{margin:8px 0 0;font-size:13px}.pf{max-width:1120px;margin:16px auto}.pf.split{display:grid;grid-template-columns:1.2fr minmax(240px,.7fr);gap:28px;align-items:start}.pf h2{margin:0 0 16px;font-size:clamp(28px,4vw,42px);letter-spacing:-.04em}.pf-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pf label{display:block;margin:12px 0;font-size:13px;color:var(--pad-muted)}.pf input{width:100%;margin-top:6px;background:color-mix(in srgb,var(--pad-ink) 6%,var(--pad-paper));border:1px solid var(--pad-stroke);color:var(--pad-ink);padding:10px 12px;font-size:16px;border-radius:var(--pad-radius)}.pf input[readonly]{opacity:.85;cursor:default}.pf-image{margin:12px 0}.pf-url{background:none;border:0;color:var(--pad-muted);padding:0;cursor:pointer;font-size:12px;text-decoration:underline}.pad .drop-note{background:color-mix(in srgb,var(--pad-ink) 6%,var(--pad-paper));border-color:var(--pad-stroke);color:var(--pad-muted);border-radius:16px}.pad .drop-label,.pad .drop-hint{color:var(--pad-muted)}.pad .drop img{border:1px solid var(--pad-stroke)}.pf-card{border:1px solid var(--pad-stroke);border-radius:24px;padding:18px;background:color-mix(in srgb,var(--pad-ink) 4%,var(--pad-paper))}.pf-thumb{width:100%;max-width:280px;aspect-ratio:1;border-radius:20px;background:color-mix(in srgb,var(--pad-ink) 8%,var(--pad-paper));margin-bottom:12px;overflow:hidden}.pf-thumb.empty{display:grid;place-items:center;color:var(--pad-muted);font-size:13px;border:1px dashed var(--pad-stroke)}.pf-thumb img{width:100%;height:100%;object-fit:cover}.pf-card strong{display:block;font-size:20px;letter-spacing:-.03em}.pf-card span,.pf-card p,.pf-card small{color:var(--pad-muted);font-size:13px}.pf-card small{display:block;margin-top:8px}.pf-progress{height:4px;background:#1a1a1a;border-radius:99px;margin-bottom:18px}.pf-progress:after{content:"";display:block;width:38%;height:100%;background:#02ff40;border-radius:99px}.pf-actions{margin-top:16px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.pf.app{max-width:640px}.pad[data-kit=four] .pf h2{color:#4ade80}.pad[data-kit=flap] .pf h2{letter-spacing:.04em;text-transform:uppercase}.pad-panel{border:1px solid var(--pad-stroke);padding:22px;margin:16px 0;border-radius:24px}.pad-panel h2{margin-top:0}.pad-panel label{display:block;margin:12px 0;font-size:13px;color:var(--pad-muted)}.pad-panel input{width:100%;margin-top:6px;background:color-mix(in srgb,var(--pad-ink) 6%,var(--pad-paper));border:1px solid var(--pad-stroke);color:var(--pad-ink);padding:10px 12px;font-size:16px;border-radius:var(--pad-radius)}.pad-ok{border:1px solid var(--pad-accent);padding:14px;margin:16px auto 0;max-width:1120px;display:grid;gap:8px;border-radius:16px}.pad-ok a{color:var(--pad-accent)}.pad-err{color:#ff5c4d}.pad-table{list-style:none;padding:0}.pad-table li{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--pad-stroke);padding:14px 0}.pad-table strong{display:block}.pad-table span{color:var(--pad-muted);font-size:12px;font-family:var(--mono);word-break:break-all}.pad-links{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.pad-links a{color:var(--pad-accent);font-size:13px}@media (prefers-reduced-motion: reduce){.enter,.success.stamp,.headline span,.headline.out span,.composer-hint span,.composer-hint.out span{animation:none}}@media (max-width: 900px){.widgets,.board,.cards.three,.pad-hero,.gallery,.pf.split,.pf-row,.built,.bags-form,.flap-grid{grid-template-columns:1fr}.nav-toggle{display:block}.nav nav{display:none;width:100%;flex-direction:column}.nav nav.open{display:flex}.home{min-height:auto;padding-top:36px}.pad-toggle{display:block}.pad-nav nav{display:none;width:100%;flex-direction:column}.pad-nav nav.open{display:flex}.bags-shell{grid-template-columns:1fr;grid-template-rows:3px auto 1fr}.bags-rail{flex-direction:row;border-right:0;border-bottom:1px solid #141414;padding:12px 16px}.bags-docs{margin-top:0;margin-left:auto}.bags-main{padding:12px 16px 48px}.bags-preview{margin-top:8px}}.steps{width:min(720px,100%);margin:22px auto 0;padding:18px 20px;background:#fff;border:1px solid #ececec;border-radius:22px;text-align:left;box-shadow:0 12px 32px #0000000a}.steps ol{list-style:none;margin:0;padding:0;display:grid;gap:4px}.step{display:grid;grid-template-columns:18px 1fr;gap:12px;align-items:start;padding:8px 0;color:var(--ink);transition:opacity .24s ease}.step.todo{color:#9a9a9a}.step.faded{opacity:.35}.step>div{display:grid;gap:6px;min-width:0}.step-label{font-size:14px;font-weight:500;line-height:18px}.step.active .step-label{font-weight:600}.step.failed .step-label{color:var(--err)}.step.pending .step-label{color:#8a6d00}.step-mark{display:inline-grid;place-items:center;width:16px;height:16px;margin-top:1px;border-radius:999px;border:1.5px solid #dcdcdc;color:#fff;background:transparent;position:relative}.step-mark.done{background:#111;border-color:#111}.step-mark.done svg{display:block}.step-mark.active{border-color:#111}.step-mark.active:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:999px;background:#111;animation:step-pulse 1.1s ease-in-out infinite}.step-mark.pending{border-color:#c9a227;background:#f6e7a0}.step-mark.failed{border-color:var(--err);background:var(--err)}.step-mark.failed:after{content:"";position:absolute;right:3px;bottom:6px;left:3px;border-radius:1px;background:#fff;transform:rotate(45deg);height:1.5px;top:50%;margin-top:-1px}@keyframes step-pulse{0%,to{transform:scale(.6);opacity:.55}50%{transform:scale(1);opacity:1}}.step-detail{display:block;color:var(--muted);font-size:13px;line-height:18px;animation:in .36s ease both}.step-detail strong{color:var(--ink);font-weight:600}.step-kit{display:flex;align-items:center;gap:10px}.step-kit .mini{width:84px;height:54px;border-radius:10px;overflow:hidden;flex:none;border:1px solid #ececec}.step-err{margin:0;color:var(--err);font-size:13px;line-height:18px}.step-warn{margin:0;color:#8a6d00;font-size:13px;line-height:18px}.step-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.live-pad{width:min(720px,100%);margin:22px auto 0;background:#fff;border:1px solid #ececec;border-radius:22px;text-align:left;box-shadow:0 12px 32px #0000000a;overflow:hidden}.live-hero{height:260px;border-bottom:1px solid #ececec}.live-hero .mini{height:100%;border:0;border-radius:0}.live-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:18px 20px 0;flex-wrap:wrap}.live-head h2{margin:0;font-size:22px;letter-spacing:-.03em}.live-meta{display:flex;align-items:center;gap:8px;margin:8px 0 0;color:var(--muted);font-size:13px;flex-wrap:wrap}.live-actions{display:flex;gap:8px;flex-wrap:wrap}.live-actions .btn{display:inline-flex;align-items:center}.pill{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;border:1px solid #ececec;background:#fff;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.02em}.pill.ok{border-color:#d8f3dc;background:#f1fbf3;color:#1f7a3a}.pill.chain.robinhood{border-color:#e5f2a3;background:#f6ffd6;color:#4a5a00}.pill.chain.arc{border-color:#cfdcef;background:#eef3fb;color:var(--arc)}.live-url{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px 20px 0;padding:8px 8px 8px 14px;border:1px solid #ececec;border-radius:14px;background:#fafafa;font-family:var(--mono);font-size:13px;min-width:0}.live-url a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn.small{padding:7px 12px;font-size:13px}a.btn.small{display:inline-flex;align-items:center}.settings{padding:18px 20px 20px}.settings-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px}.settings-tabs .type{padding:6px 12px;font-size:12px}.settings-panel{border:1px solid #ececec;border-radius:16px;padding:14px 16px}.setting-body{display:grid;gap:12px;justify-items:start}.setting-body .note,.setting-body .err{margin:0}.setting-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;width:100%}.setting-row code{font-family:var(--mono);font-size:13px}.domain-form{display:flex;gap:8px;width:100%;flex-wrap:wrap}.domain-form input{flex:1;min-width:200px;border:1px solid #ececec;border-radius:999px;padding:8px 14px;background:#fff;color:var(--ink);font-family:var(--mono);font-size:13px}.domain-form input:focus-visible{border-color:#111}.dns{width:100%;display:grid;gap:8px}.dns table{width:100%;border-collapse:collapse;font-size:13px}.dns th{text-align:left;color:#9a9a9a;font-weight:500;font-size:12px;padding:4px 8px 6px 0;border-bottom:1px solid #ececec}.dns td{padding:8px 8px 8px 0;border-bottom:1px solid #f2f2f2;vertical-align:top;word-break:break-all}.dns code{font-family:var(--mono);font-size:12px}.facts{display:flex;gap:28px;margin:0}.facts div{display:grid;gap:4px}.facts dt{color:#9a9a9a;font-size:12px}.facts dd{margin:0;font-size:20px;font-weight:600;letter-spacing:-.03em}.setting-template{grid-template-columns:120px 1fr;align-items:center;gap:14px}.setting-template .mini{width:120px;height:76px;border-radius:10px;overflow:hidden;border:1px solid #ececec}.setting-template strong{display:block;font-size:15px}@media (prefers-reduced-motion: reduce){.step-mark.active:after{animation:none;transform:none;opacity:1}.step-detail,.steps.enter,.live-pad.enter{animation:none}.step{transition:none}}@media (max-width: 900px){.live-hero{height:200px}.setting-template{grid-template-columns:1fr}.facts{flex-wrap:wrap}}