.hs-native-clone{margin:0}:root{--accent:#2563eb;--bg:#07111f;--panel:rgba(7,17,31,.88);--line:rgba(148,163,184,.14);--text:#e7eefb;--muted:#95a4bd;color-scheme:dark;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body.hs-native-clone,html{background:radial-gradient(circle at top left,rgba(37,99,235,.16),transparent 25%),linear-gradient(180deg,#07111f,#040b15);color:var(--text);margin:0;min-height:100%}body.hs-native-clone--atm{background:radial-gradient(circle at top left,rgba(15,118,110,.16),transparent 25%),linear-gradient(180deg,#081017,#050c12)}button,input,select,textarea{font:inherit}.hs-native-clone__app,.shell{min-height:100vh}.shell{display:grid;grid-template-columns:330px minmax(0,1fr)}.sidebar{background:var(--panel);border-right:1px solid var(--line);height:100vh;overflow:auto;position:sticky;top:0}.main,.sidebar{padding:24px}.card{background:hsla(0,0%,100%,.04);border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 64px rgba(2,8,23,.34)}.badge,.chip,.pill{align-items:center;border-radius:999px;display:inline-flex;justify-content:center}.pill{background:hsla(0,0%,100%,.06);color:#d8e4f7;font-size:11px;letter-spacing:.08em;padding:7px 10px;text-transform:uppercase}.title{font-family:Plus Jakarta Sans,sans-serif;font-size:28px;line-height:1.05;margin:14px 0 8px}.copy{color:var(--muted);font-size:14px;line-height:1.6;margin:0}.summary{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.panel,.summary>div{padding:14px}.tiny{color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.big{display:block;font-size:20px;font-weight:800;margin-top:8px}.panel{margin-top:16px}.page-list{display:grid;gap:10px;margin-top:12px}.page-btn{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:16px;color:inherit;cursor:pointer;padding:12px;text-align:left;width:100%}.page-btn.active{background:color-mix(in srgb,var(--accent) 16%,hsla(0,0%,100%,.04));border-color:color-mix(in srgb,var(--accent) 60%,#fff 20%)}.stack{display:grid;gap:12px}.toggle{align-items:center;color:#dce7f8;display:flex;gap:10px}.download{background:var(--accent);border:0;border-radius:14px;color:#fff;cursor:pointer;font-weight:700;margin-top:12px;padding:12px 14px;width:100%}.toolbar{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;padding:18px 20px}.toolbar p{color:var(--muted);font-size:14px;line-height:1.6;margin:6px 0 0}.layout{display:grid;gap:18px;grid-template-columns:minmax(0,1fr) 360px;margin-top:18px}.canvas,.registry{padding:18px}.stage{border:1px solid hsla(0,0%,100%,.08);border-radius:24px;min-height:900px;overflow:hidden}.stage.ata{background:radial-gradient(circle at top center,rgba(37,99,235,.14),transparent 35%),linear-gradient(180deg,#031022,#06101f)}.stage.atm{background:radial-gradient(circle at top left,rgba(15,118,110,.14),transparent 35%),linear-gradient(180deg,#eef5f4,#e4ecea);color:#102033}.surface{align-content:start;display:grid;gap:16px;min-height:900px;padding:22px}.box,.chips,.cols,.grid2,.grid3,.hero,.nav{display:grid;gap:12px}.nav{align-items:center;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08);border-radius:18px;grid-template-columns:auto 1fr auto;padding:14px 16px}.stage.atm .nav{background:hsla(0,0%,100%,.92);border-color:rgba(15,23,42,.08)}.links{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.chip{background:hsla(0,0%,100%,.07);font-size:12px;padding:8px 10px}.stage.atm .chip{background:rgba(15,23,42,.08)}.cta{background:var(--accent);border:0;border-radius:999px;color:#fff;font-weight:700;padding:10px 14px}.hero{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08);border-radius:24px;padding:24px}.stage.atm .hero{background:hsla(0,0%,100%,.92);border-color:rgba(15,23,42,.08)}.hero h3{font-family:Plus Jakarta Sans,sans-serif;font-size:36px;letter-spacing:-.04em;line-height:1.02;margin:10px 0 0}.hero p{color:var(--muted);line-height:1.65;margin:8px 0 0}.stage.atm .hero p{color:#48627a}.stats{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.field,.pane,.slot,.stat,.thread{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08);border-radius:18px;padding:16px}.stage.atm .field,.stage.atm .pane,.stage.atm .slot,.stage.atm .stat,.stage.atm .thread{background:hsla(0,0%,100%,.92);border-color:rgba(15,23,42,.08)}.stat strong{display:block;font-size:26px;margin-top:8px}.grid2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols{grid-template-columns:minmax(0,1fr) 280px}.map{background:linear-gradient(135deg,rgba(15,23,42,.18),rgba(15,23,42,.04)),radial-gradient(circle at 20% 30%,rgba(20,184,166,.22),transparent 22%),radial-gradient(circle at 68% 50%,rgba(37,99,235,.22),transparent 22%),linear-gradient(180deg,rgba(2,8,23,.92),rgba(15,23,42,.82));border:1px solid hsla(0,0%,100%,.08);border-radius:20px;min-height:360px;overflow:hidden;position:relative}.dot{box-shadow:0 0 0 10px hsla(0,0%,100%,.05);height:18px;position:absolute;width:18px}.dot,.ring{border-radius:50%}.ring{background:radial-gradient(circle at center,rgba(7,17,31,.94) 48%,transparent 49%),conic-gradient(var(--accent) 0 72%,hsla(0,0%,100%,.12) 72% 100%);display:grid;height:160px;margin:0 auto;place-items:center;width:160px}.ring strong{font-size:46px}.bubble{border-radius:18px;line-height:1.55;max-width:72%;padding:14px 16px}.bubble.user{background:color-mix(in srgb,var(--accent) 24%,hsla(0,0%,100%,.08));margin-left:auto}.bubble.ai{background:hsla(0,0%,100%,.06)}.stage.atm .bubble.ai{background:rgba(15,23,42,.06)}.stage.atm .bubble.user{color:#fff}.input-like{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:16px;color:var(--muted);padding:14px 16px}.stage.atm .input-like{background:rgba(15,23,42,.05);border-color:rgba(15,23,42,.08);color:#5f768a}.media{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 44%,#0f172a 56%),#0f172a);border-radius:18px;min-height:170px}.thumbs{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.thumb{background:hsla(0,0%,100%,.1);border-radius:14px;min-height:68px}.idtag{align-items:center;background:rgba(15,23,42,.84);border:1px solid rgba(148,163,184,.16);border-radius:999px;color:#dbe6f7;display:inline-flex;font-size:10px;gap:6px;letter-spacing:.08em;padding:6px 9px;text-transform:uppercase}.field{display:grid;gap:6px}.field label{display:grid;gap:4px}.field input,.field select,.field textarea{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;color:inherit;padding:10px 12px;width:100%}.field input[type=color]{min-height:42px;padding:5px}.group+.group{margin-top:16px}.row+.row{border-top:1px solid hsla(0,0%,100%,.08);margin-top:12px;padding-top:12px}.meta{line-height:1.55}.meta,.note{color:var(--muted);font-size:12px}.note{line-height:1.6;margin-top:12px}@media (max-width:1200px){.layout{grid-template-columns:1fr}}@media (max-width:1024px){.shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid var(--line);border-right:0;height:auto;position:static}}@media (max-width:840px){.cols,.grid2,.grid3,.stats{grid-template-columns:1fr}}