:root{--ink:#17151f;--ink-soft:#4b4658;--muted:#8c8799;--bg:#fbfaf6;--surface:#fff;--surface-2:#f4f2ec;--line:#17151f17;--line-2:#17151f24;--primary:#5b3df5;--primary-2:#8b5cf6;--primary-soft:#5b3df514;--accent:#e0a43b;--good:#1f9d63;--good-soft:#1f9d631a;--warn:#e0a43b;--danger:#d6453c;--r-sm:10px;--r:16px;--r-lg:24px;--r-xl:32px;--sh-sm:0 1px 2px #17151f0f,0 1px 1px #17151f0a;--sh:0 14px 40px -18px #17151f38,0 2px 8px #17151f0d;--sh-lg:0 40px 80px -30px #281e5a73,0 10px 30px -15px #17151f33;--sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--disp:"Fraunces",Georgia,"Times New Roman",serif;--brand:#7c1d3f;--brand-2:#b9536f;--brand-font:"Cormorant Garamond",serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}::selection{background:var(--primary);color:#fff}.wrap{max-width:1180px;margin:0 auto;padding:0 28px}.disp{font-family:var(--disp);letter-spacing:-.02em;font-weight:500;line-height:1.05}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--primary);font-size:12.5px;font-weight:600}.muted{color:var(--muted)}.btn{font-family:var(--sans);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:13px 22px;font-size:15px;font-weight:600;transition:all .18s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--ink);color:#fff}.btn-primary:hover{background:#000;box-shadow:0 10px 24px -10px #17151f80}.btn-accent{background:linear-gradient(120deg,var(--primary),var(--primary-2));color:#fff;box-shadow:0 12px 28px -12px #5b3df5b3}.btn-accent:hover{filter:brightness(1.06);box-shadow:0 16px 34px -12px #5b3df5bf}.btn-ghost{background:var(--surface);border-color:var(--line-2);color:var(--ink)}.btn-ghost:hover{border-color:var(--ink);box-shadow:var(--sh-sm)}.btn-danger{color:var(--danger);background:#fff;border-color:#d6453c4d}.btn-danger:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-sm{padding:9px 16px;font-size:14px}.btn-lg{padding:16px 28px;font-size:16px}.btn-block{justify-content:center;width:100%}.field{margin-bottom:18px}.field label{margin-bottom:7px;font-size:13.5px;font-weight:600;display:block}.field label .opt{color:var(--muted);font-weight:400}.field input,.field select,.field textarea{width:100%;font-family:var(--sans);border:1px solid var(--line-2);border-radius:var(--r-sm);color:var(--ink);background:#fff;padding:13px 14px;font-size:15px;transition:all .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.field .hint{color:var(--muted);margin-top:6px;font-size:12.5px}.row2{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (max-width:520px){.row2{grid-template-columns:1fr}}.swatch-row{flex-wrap:wrap;gap:10px;display:flex}.swatch{cursor:pointer;width:40px;height:40px;box-shadow:var(--sh-sm);border:2px solid #0000;border-radius:11px;transition:all .15s;position:relative}.swatch.sel{border-color:var(--ink);transform:scale(1.08)}.swatch.sel:after{content:"✓";color:#fff;place-items:center;font-size:15px;font-weight:700;display:grid;position:absolute;inset:0}.color-input{align-items:center;gap:12px;margin-top:12px;display:flex}.color-input input[type=color]{border:1px solid var(--line-2);cursor:pointer;background:#fff;border-radius:10px;width:48px;height:42px;padding:3px}.color-input .hexbox{font-variant-numeric:tabular-nums;border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--surface-2);min-width:96px;padding:9px 12px;font-size:14px;font-weight:600}header.nav{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fbfaf6d1;border-bottom:1px solid #0000;transition:all .25s;position:sticky;top:0}header.nav.scrolled{border-color:var(--line);background:#fbfaf6eb}.nav-in{justify-content:space-between;align-items:center;height:72px;display:flex}.logo{letter-spacing:-.02em;align-items:center;gap:11px;font-size:18px;font-weight:700;display:flex}.logo .mark{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;width:34px;height:34px;font-family:var(--disp);border-radius:10px;place-items:center;font-size:19px;display:grid;box-shadow:0 6px 16px -6px #5b3df5b3}.nav-links{align-items:center;gap:30px;display:flex}.nav-links a.lk{color:var(--ink-soft);font-size:14.5px;font-weight:500;transition:all .15s}.nav-links a.lk:hover{color:var(--ink)}.nav-cta{align-items:center;gap:12px;display:flex}@media (max-width:860px){.nav-links .lk{display:none}}.hero{padding:74px 0 40px;position:relative;overflow:hidden}.hero .mesh{filter:blur(20px);z-index:0;pointer-events:none;background:radial-gradient(40% 50% at 22% 30%,#8b5cf64d,#0000 70%),radial-gradient(38% 46% at 80% 20%,#5b3df538,#0000 70%),radial-gradient(40% 50% at 60% 70%,#e0a43b29,#0000 70%);height:620px;position:absolute;inset:-20% -10% auto}.hero-in{z-index:1;grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;display:grid;position:relative}@media (max-width:920px){.hero-in{grid-template-columns:1fr;gap:36px}}.pill{background:var(--surface);border:1px solid var(--line);color:var(--ink-soft);box-shadow:var(--sh-sm);border-radius:999px;align-items:center;gap:9px;padding:7px 14px 7px 9px;font-size:13px;font-weight:500;display:inline-flex}.pill b{color:var(--primary)}.pill .dot{background:var(--good);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #1f9d6329}h1.hero-h{margin:22px 0 0;font-size:clamp(42px,5.6vw,68px)}h1.hero-h .grad{background:linear-gradient(115deg,var(--primary),var(--primary-2)60%,var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-sub{color:var(--ink-soft);max-width:520px;margin:24px 0 0;font-size:19px}.hero-cta{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.hero-trust{color:var(--muted);flex-wrap:wrap;gap:22px;margin-top:30px;font-size:13.5px;display:flex}.hero-trust span{align-items:center;gap:7px;display:flex}.preview{position:relative}.browser{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-lg);overflow:hidden;transform:rotate(.6deg)}.browser-bar{border-bottom:1px solid var(--line);background:var(--surface-2);align-items:center;gap:8px;padding:13px 16px;display:flex}.browser-bar i{background:#dcd8cf;border-radius:50%;width:11px;height:11px;display:inline-block}.browser-url{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:8px;flex:1;margin-left:10px;padding:6px 12px;font-size:12.5px}.portal-demo{background:linear-gradient(#fff,#fbfaf6);padding:20px}.pd-top{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.pd-brand{align-items:center;gap:9px;font-size:14px;font-weight:700;display:flex}.pd-brand .lg{color:#fff;width:26px;height:26px;font-size:13px;font-family:var(--disp);background:linear-gradient(135deg,#7c1d3f,#b9536f);border-radius:7px;place-items:center;display:grid}.pd-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pd-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:14px}.pd-card .k{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:600}.pd-card .v{font-size:22px;font-weight:700;font-family:var(--disp);margin-top:5px}.pd-card .v small{color:var(--muted);font-size:13px;font-weight:500}.pd-row{border-top:1px solid var(--line);align-items:center;gap:10px;padding:10px 0;display:flex}.pd-av{background:var(--surface-2);width:30px;height:30px;color:var(--ink-soft);border-radius:8px;place-items:center;font-size:12px;font-weight:700;display:grid}.pd-row .nm{font-size:13px;font-weight:600}.pd-row .sub{color:var(--muted);font-size:11.5px}.pd-pill{color:var(--good);background:#1f9d631f;border-radius:999px;margin-left:auto;padding:4px 9px;font-size:11px;font-weight:600}.float-tag{border:1px solid var(--line);box-shadow:var(--sh);background:#fff;border-radius:12px;align-items:center;gap:8px;padding:10px 13px;font-size:12.5px;font-weight:600;display:flex;position:absolute}.float-tag .ic{color:#fff;border-radius:7px;place-items:center;width:24px;height:24px;display:grid}.ft-1{animation:6s ease-in-out infinite float;top:-18px;right:24px}.ft-2{animation:6s ease-in-out .8s infinite float;bottom:30px;left:-26px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@media (max-width:920px){.float-tag{display:none}.browser{transform:none}}.logos{padding:30px 0 8px}.logos p{text-align:center;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:20px;font-size:12.5px;font-weight:600}.logo-row{opacity:.62;flex-wrap:wrap;justify-content:center;align-items:center;gap:46px;display:flex}.logo-row span{font-family:var(--disp);color:var(--ink-soft);white-space:nowrap;font-size:21px;font-weight:600}section.sec{padding:84px 0}.sec-head{text-align:center;max-width:680px;margin:0 auto 52px}.sec-head h2{margin:14px 0 0;font-size:clamp(30px,4vw,46px)}.sec-head p{color:var(--ink-soft);margin-top:16px;font-size:18px}.feat-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (max-width:920px){.feat-grid{grid-template-columns:1fr 1fr}}@media (max-width:620px){.feat-grid{grid-template-columns:1fr}}.feat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:26px;transition:all .2s}.feat:hover{box-shadow:var(--sh);border-color:var(--line-2);transform:translateY(-3px)}.feat.hl{color:#fff;background:linear-gradient(160deg,#1c1830,#2a2150);border-color:#0000}.feat.hl .muted,.feat.hl p{color:#ffffffb8}.feat .ic{background:var(--primary-soft);width:46px;height:46px;color:var(--primary);border-radius:13px;place-items:center;margin-bottom:18px;display:grid}.feat.hl .ic{color:#fff;background:#ffffff24}.feat h3{letter-spacing:-.01em;font-size:18.5px;font-weight:600}.feat p{color:var(--ink-soft);margin-top:9px;font-size:14.5px}.feat .tag{color:var(--accent);letter-spacing:.03em;margin-top:14px;font-size:12px;font-weight:600;display:inline-block}.steps{counter-reset:s;grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (max-width:760px){.steps{grid-template-columns:1fr}}.step{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:30px 24px;position:relative}.step .n{counter-increment:s;font-family:var(--disp);background:var(--ink);color:#fff;border-radius:12px;place-items:center;width:40px;height:40px;margin-bottom:18px;font-size:15px;font-weight:700;display:grid}.step .n:before{content:counter(s)}.step h3{font-size:19px;font-weight:600}.step p{color:var(--ink-soft);margin-top:9px;font-size:14.5px}.demo-band{border-radius:var(--r-xl);color:#fff;background:linear-gradient(150deg,#1b1730,#241c44);grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;padding:54px;display:grid;position:relative;overflow:hidden}@media (max-width:860px){.demo-band{grid-template-columns:1fr;padding:36px}}.demo-band h2{font-size:clamp(28px,3.6vw,40px)}.demo-band p{color:#ffffffbd;max-width:440px;margin-top:14px;font-size:17px}.demo-shot{border-radius:var(--r);background:#ffffff0f;border:1px solid #ffffff24;padding:18px}.demo-shot .ds-row{background:#ffffff0d;border-radius:10px;align-items:center;gap:10px;margin-bottom:8px;padding:11px;display:flex}.demo-shot .ds-row .di{background:linear-gradient(135deg,var(--primary),var(--primary-2));border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.demo-shot .ds-row .dt{font-size:13px;font-weight:600}.demo-shot .ds-row .dt small{color:#fff9;font-size:11.5px;font-weight:400;display:block}.price-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:22px;display:grid}@media (max-width:860px){.price-grid{grid-template-columns:1fr;max-width:440px;margin:0 auto}}.plan{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);flex-direction:column;padding:30px;display:flex;position:relative}.plan.pop{border-color:var(--primary);transform:scale(1.02);box-shadow:0 24px 60px -28px #5b3df580}.plan .pop-tag{background:linear-gradient(120deg,var(--primary),var(--primary-2));color:#fff;box-shadow:var(--sh-sm);border-radius:999px;padding:6px 14px;font-size:12px;font-weight:600;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.plan h3{letter-spacing:.02em;text-transform:uppercase;color:var(--ink-soft);font-size:15px;font-weight:700}.plan .amt{font-family:var(--disp);letter-spacing:-.02em;margin:14px 0 2px;font-size:46px;font-weight:600}.plan .amt small{color:var(--muted);font-size:16px;font-family:var(--sans);font-weight:500}.plan .desc{color:var(--ink-soft);min-height:42px;font-size:14px}.plan ul{flex-direction:column;flex:1;gap:12px;margin:22px 0;list-style:none;display:flex}.plan li{color:var(--ink-soft);gap:10px;font-size:14.5px;display:flex}.plan li svg{color:var(--good);flex-shrink:0;margin-top:2px}.plan li b{color:var(--ink);font-weight:600}.final{text-align:center;padding:90px 0}.final h2{max-width:760px;margin:18px auto 0;font-size:clamp(32px,4.4vw,52px)}.final p{color:var(--ink-soft);max-width:520px;margin:18px auto 0;font-size:19px}footer{border-top:1px solid var(--line);color:var(--ink-soft);padding:50px 0 40px}.foot-in{flex-wrap:wrap;justify-content:space-between;gap:30px;display:flex}.foot-links{flex-wrap:wrap;gap:40px;display:flex}.foot-col h5{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;font-size:12.5px}.foot-col a{color:var(--ink-soft);margin-bottom:9px;font-size:14px;display:block}.foot-col a:hover{color:var(--ink)}.foot-bottom{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:36px;padding-top:22px;font-size:13px;display:flex}.wiz{z-index:1;grid-template-columns:380px 1fr;display:grid;position:fixed;inset:0}@media (max-width:880px){.wiz{grid-template-columns:1fr}.wiz-aside{display:none!important}}.wiz-aside{color:#fff;background:linear-gradient(170deg,#1b1730,#241c44);flex-direction:column;padding:40px 36px;display:flex}.wiz-aside .logo{color:#fff;margin-bottom:42px}.wiz-steps{flex-direction:column;flex:1;gap:4px;display:flex}.ws{border-radius:12px;align-items:flex-start;gap:14px;padding:13px 12px;transition:all .2s;display:flex}.ws.active{background:#ffffff14}.ws .wsn{border:1.5px solid #ffffff4d;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:13px;font-weight:600;transition:all .2s;display:grid}.ws.active .wsn{color:var(--primary);background:#fff;border-color:#fff}.ws.done .wsn{background:var(--good);border-color:var(--good);color:#fff}.ws .wst{font-size:14.5px;font-weight:600}.ws .wsd{color:#fff9;margin-top:2px;font-size:12.5px}.ws.active .wsd,.ws.done .wsd{color:#ffffffc7}.wiz-summary{background:#ffffff12;border:1px solid #ffffff1f;border-radius:14px;margin-top:24px;padding:18px}.wiz-summary .sl{color:#ffffffc7;justify-content:space-between;padding:5px 0;font-size:13px;display:flex}.wiz-summary .sl b{color:#fff;font-weight:600}.wiz-summary .tot{border-top:1px solid #ffffff29;margin-top:8px;padding-top:12px;font-size:15px}.wiz-summary .tot b{font-size:19px;font-family:var(--disp)}.wiz-main{background:var(--bg);flex-direction:column;display:flex;overflow-y:auto}.wiz-top{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2;background:#fbfaf6e6;justify-content:space-between;align-items:center;padding:22px 40px;display:flex;position:sticky;top:0}.wiz-prog{background:var(--surface-2);border-radius:999px;flex:1;max-width:280px;height:4px;overflow:hidden}.wiz-prog i{background:linear-gradient(90deg,var(--primary),var(--primary-2));border-radius:999px;width:16%;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1);display:block}.x-close{border:1px solid var(--line);cursor:pointer;width:38px;height:38px;color:var(--ink-soft);background:#fff;border-radius:50%;place-items:center;display:grid}.x-close:hover{border-color:var(--ink);color:var(--ink)}.wiz-body{flex:1;justify-content:center;padding:24px 40px 60px;display:flex}.panel{width:100%;max-width:560px;animation:.35s slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.panel h2{font-family:var(--disp);letter-spacing:-.02em;font-size:32px;font-weight:600}.panel .ph-sub{color:var(--ink-soft);margin-top:8px;margin-bottom:28px;font-size:15.5px}.brand-prev{border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-sm);margin-top:22px;overflow:hidden}.bp-head{color:#fff;align-items:center;gap:11px;padding:16px 18px;transition:all .3s;display:flex}.bp-head .bl{width:30px;height:30px;font-family:var(--disp);background:#ffffff38;border-radius:8px;place-items:center;font-size:15px;font-weight:600;display:grid}.bp-head .bn{font-size:15px;font-weight:700}.bp-body{background:#fff;gap:10px;padding:18px;display:flex}.bp-body .bbtn{color:#fff;border-radius:8px;padding:8px 14px;font-size:12.5px;font-weight:600;transition:all .3s}.bp-body .bbtn.ghost{color:var(--ink-soft);background:var(--surface-2)!important}.plan-pick{flex-direction:column;gap:12px;display:flex}.pp{border:1.5px solid var(--line-2);border-radius:var(--r);cursor:pointer;background:#fff;align-items:center;gap:14px;padding:18px;transition:all .15s;display:flex}.pp:hover{border-color:var(--primary)}.pp.sel{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);background:var(--primary-soft)}.pp .radio{border:2px solid var(--line-2);border-radius:50%;flex-shrink:0;width:20px;height:20px;transition:all .15s;position:relative}.pp.sel .radio{border-color:var(--primary)}.pp.sel .radio:after{content:"";background:var(--primary);border-radius:50%;position:absolute;inset:4px}.pp .pi{flex:1}.pp .pi .pn{font-size:16px;font-weight:700}.pp .pi .pd{color:var(--ink-soft);font-size:13px}.pp .pr{text-align:right}.pp .pr .pa{font-family:var(--disp);font-size:24px;font-weight:600}.pp .pr .pm{color:var(--muted);font-size:12px}.card-mock{border-radius:var(--r);color:#fff;box-shadow:var(--sh);background:linear-gradient(135deg,#2a2150,#4733a0);margin-bottom:22px;padding:22px;position:relative;overflow:hidden}.card-mock:after{content:"";background:#ffffff14;border-radius:50%;width:160px;height:160px;position:absolute;top:-40px;right:-30px}.card-mock .cl{letter-spacing:.1em;text-transform:uppercase;opacity:.7;font-size:12px}.card-mock .cnum{letter-spacing:.12em;font-variant-numeric:tabular-nums;margin:16px 0;font-size:20px}.card-mock .crow{justify-content:space-between;font-size:13px;display:flex}.secure-note{color:var(--muted);align-items:center;gap:9px;margin-top:8px;font-size:13px;display:flex}.wiz-foot{border-top:1px solid var(--line);background:#fff;justify-content:space-between;gap:12px;padding:20px 40px;display:flex;position:sticky;bottom:0}.prov{text-align:center;max-width:520px;margin:40px auto}.prov .ring{border:4px solid var(--surface-2);border-top-color:var(--primary);border-radius:50%;width:84px;height:84px;margin:0 auto 26px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.prov h2{font-family:var(--disp);margin-bottom:10px;font-size:30px}.prov-log{text-align:left;flex-direction:column;gap:11px;max-width:400px;margin:28px auto 0;display:flex}.pl-item{color:var(--muted);opacity:.4;align-items:center;gap:12px;font-size:14.5px;transition:all .4s;display:flex}.pl-item.active{opacity:1;color:var(--ink)}.pl-item .chk{background:var(--surface-2);border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;transition:all .3s;display:grid}.pl-item.active .chk{background:var(--good);color:#fff}.pl-item.running .chk{background:var(--primary-soft)}.pl-item.running .chk svg{color:var(--primary);animation:1s linear infinite spin}.success{text-align:center;max-width:560px;margin:30px auto}.success .burst{background:linear-gradient(135deg,var(--good),#34d399);color:#fff;border-radius:50%;place-items:center;width:88px;height:88px;margin:0 auto 24px;animation:.5s cubic-bezier(.34,1.56,.64,1) pop;display:grid;box-shadow:0 18px 40px -16px #1f9d6399}@keyframes pop{0%{transform:scale(0)}to{transform:scale(1)}}.success h2{font-family:var(--disp);margin-bottom:12px;font-size:34px}.url-box{border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-sm);background:#fff;align-items:center;gap:14px;margin:26px 0;padding:18px;display:flex}.url-box .ub-ic{background:var(--primary-soft);width:42px;height:42px;color:var(--primary);border-radius:11px;flex-shrink:0;place-items:center;display:grid}.url-box .ub-t{text-align:left;flex:1;min-width:0}.url-box .ub-t .ubk{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:600}.url-box .ub-t .ubv{color:var(--primary);text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:600;overflow:hidden}.next-cards{grid-template-columns:1fr 1fr;gap:12px;margin-top:8px;display:grid}@media (max-width:520px){.next-cards{grid-template-columns:1fr}}.nc{border:1px solid var(--line);border-radius:var(--r);text-align:left;background:#fff;padding:16px}.nc .nci{color:var(--primary);margin-bottom:9px}.nc h4{font-size:14.5px;font-weight:600}.nc p{color:var(--ink-soft);margin-top:4px;font-size:12.5px}.app{grid-template-columns:248px 1fr;min-height:100vh;display:grid}@media (max-width:980px){.app{grid-template-columns:1fr}.app aside{display:none}.grid2,.brand-layout{grid-template-columns:1fr}}.app aside{color:#fff;background:#1b1730;flex-direction:column;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.app aside .logo{padding:6px 8px 22px;font-size:16px}.app aside .logo .mark{width:30px;height:30px;font-size:16px}.acct{background:#ffffff0f;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:11px;margin-bottom:18px;padding:11px;display:flex}.acct .ava{background:var(--brand);width:34px;height:34px;font-family:var(--disp);border-radius:9px;place-items:center;font-size:15px;font-weight:600;transition:all .3s;display:grid}.acct .at{font-size:13.5px;font-weight:600;line-height:1.2}.acct .as{color:#ffffff8c;font-size:11.5px}nav.side{flex-direction:column;flex:1;gap:2px;display:flex}nav.side .ni{color:#ffffffa8;cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:500;transition:all .15s;display:flex}nav.side .ni:hover{color:#fff;background:#ffffff0f}nav.side .ni.active{color:#fff;background:#ffffff1a}nav.side .ni .ic{flex-shrink:0;justify-content:center;align-items:center;width:18px;display:inline-flex}nav.side .sec-l{letter-spacing:.1em;text-transform:uppercase;color:#ffffff61;padding:16px 12px 6px;font-size:11px;font-weight:600}.side-foot{background:linear-gradient(150deg,#5b3df54d,#8b5cf626);border:1px solid #ffffff1a;border-radius:12px;margin-top:10px;padding:12px}.side-foot .sf-t{font-size:12.5px;font-weight:600}.side-foot .sf-s{color:#fff9;margin:4px 0 10px;font-size:11.5px}.app main{height:100vh;overflow-y:auto}.topbar{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#f6f5f1d9;justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:sticky;top:0}.topbar h1{letter-spacing:-.01em;font-size:20px;font-weight:600}.topbar .crumb{color:var(--muted);margin-bottom:2px;font-size:12.5px}.top-actions{align-items:center;gap:12px;display:flex}.save-ind{color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:999px;align-items:center;gap:8px;padding:7px 13px;font-size:13px;font-weight:500;transition:all .25s;display:flex}.save-ind.saving{color:var(--warn)}.save-ind.saved{color:var(--good);border-color:var(--good-soft);background:var(--good-soft)}.save-ind .sdot{background:currentColor;border-radius:50%;width:7px;height:7px}.save-ind.saving .sdot{animation:1s infinite pulse}@keyframes pulse{50%{opacity:.3}}.page{max-width:1080px;padding:28px 32px 60px;animation:.3s fade}@keyframes fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-sm);margin-bottom:20px;padding:24px}.card-h{justify-content:space-between;align-items:flex-start;margin-bottom:6px;display:flex}.card-h h2{font-size:17px;font-weight:600}.card-h .ch-sub{color:var(--ink-soft);margin-top:3px;font-size:13.5px}.card-h .badge{background:var(--good-soft);color:var(--good);border-radius:999px;padding:4px 10px;font-size:11.5px;font-weight:600}.grid2{grid-template-columns:1fr 1fr;gap:20px;display:grid}.brand-layout{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.logo-drop{border:2px dashed var(--line-2);border-radius:var(--r);text-align:center;cursor:pointer;background:var(--surface-2);padding:22px;transition:all .18s}.logo-drop:hover{border-color:var(--primary);background:var(--primary-soft)}.logo-drop .lic{font-size:26px}.logo-drop .lt{margin-top:6px;font-size:13.5px;font-weight:600}.logo-drop .ls{color:var(--muted);margin-top:3px;font-size:12px}.logo-current{border:1px solid var(--line);border-radius:var(--r);align-items:center;gap:13px;margin-bottom:12px;padding:12px;display:flex}.logo-current .lcprev{color:#fff;width:48px;height:48px;font-family:var(--disp);background:var(--brand);border-radius:11px;place-items:center;font-size:22px;font-weight:600;transition:all .3s;display:grid}.logo-current .lcn{font-size:13.5px;font-weight:600}.logo-current .lcs{color:var(--muted);font-size:12px}.font-row{flex-wrap:wrap;gap:10px;display:flex}.font-opt{border:1.5px solid var(--line-2);border-radius:var(--r);cursor:pointer;text-align:center;background:#fff;flex:1;min-width:120px;padding:12px 16px;transition:all .15s}.font-opt:hover{border-color:var(--primary)}.font-opt.sel{border-color:var(--primary);background:var(--primary-soft)}.font-opt .fbig{font-size:24px;line-height:1}.font-opt .fname{color:var(--muted);letter-spacing:.03em;margin-top:6px;font-size:11.5px;font-weight:600}.preview-wrap{position:sticky;top:96px}.preview-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;margin-bottom:12px;font-size:12px;font-weight:600;display:flex}.preview-label .live{background:var(--good);width:7px;height:7px;box-shadow:0 0 0 4px var(--good-soft);border-radius:50%;animation:1.6s infinite pulse}.phone{background:#0e0c16;border-radius:38px;width:300px;margin:0 auto;padding:11px;box-shadow:0 40px 80px -30px #1410288c}.phone-screen{background:#fff;border-radius:28px;height:560px;position:relative;overflow:hidden}.ph-notch{z-index:3;background:#0e0c16;border-radius:0 0 16px 16px;width:120px;height:24px;position:absolute;top:0;left:50%;transform:translate(-50%)}.ph-hero{color:#fff;background:linear-gradient(160deg,var(--brand),var(--brand-2));padding:46px 20px 22px;transition:all .35s}.ph-hero .phlogo{width:40px;height:40px;font-family:var(--brand-font);background:#ffffff38;border-radius:11px;place-items:center;margin-bottom:14px;font-size:20px;font-weight:700;transition:all .3s;display:grid}.ph-hero .phname{font-family:var(--brand-font);letter-spacing:-.01em;font-size:26px;font-weight:700;transition:all .3s}.ph-hero .phtag{opacity:.85;margin-top:4px;font-size:12.5px}.ph-body{padding:18px}.ph-cta{background:var(--brand);color:#fff;text-align:center;border-radius:12px;padding:12px;font-size:14px;font-weight:600;transition:all .3s}.ph-section{margin-top:16px}.ph-section .pst{font-family:var(--brand-font);margin-bottom:10px;font-size:17px;font-weight:700}.ph-class{border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;margin-bottom:8px;padding:11px;display:flex}.ph-class .pci{color:#fff;background:var(--brand);border-radius:8px;place-items:center;width:30px;height:30px;font-size:13px;font-weight:700;transition:all .3s;display:grid}.ph-class .pcn{font-size:12.5px;font-weight:600}.ph-class .pcs{color:var(--muted);font-size:11px}.ph-class .pcp{color:var(--brand);margin-left:auto;font-size:11px;font-weight:600;transition:all .3s}.stat-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}@media (max-width:860px){.stat-grid{grid-template-columns:1fr 1fr}}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-sm);padding:18px}.stat .sk{color:var(--muted);letter-spacing:.03em;text-transform:uppercase;font-size:12px;font-weight:600}.stat .sv{font-family:var(--disp);margin-top:6px;font-size:30px;font-weight:600}.stat .sd{color:var(--good);margin-top:4px;font-size:12px;font-weight:600}.plan-card{border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(140deg,#fff,var(--surface-2));align-items:center;gap:18px;padding:20px;display:flex}.plan-card .pc-ic{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;border-radius:14px;place-items:center;width:52px;height:52px;font-size:22px;display:grid}.plan-card .pc-n{font-size:18px;font-weight:700}.plan-card .pc-d{color:var(--ink-soft);font-size:13px}.plan-card .pc-price{text-align:right;margin-left:auto}.plan-card .pc-price .pa{font-family:var(--disp);font-size:26px;font-weight:600}.plan-card .pc-price .pm{color:var(--muted);font-size:12px}table.inv{border-collapse:collapse;width:100%;margin-top:6px}table.inv th{text-align:left;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);padding:10px 8px;font-size:11.5px;font-weight:600}table.inv td{border-bottom:1px solid var(--line);padding:13px 8px;font-size:13.5px}table.inv .ip{background:var(--good-soft);color:var(--good);border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:600}.pay-method{border:1px solid var(--line);border-radius:var(--r);align-items:center;gap:13px;padding:14px;display:flex}.pay-method .pmc{color:#fff;letter-spacing:.05em;background:linear-gradient(135deg,#2a2150,#4733a0);border-radius:6px;place-items:center;width:46px;height:30px;font-size:10px;font-weight:700;display:grid}.own-banner{color:#fff;border-radius:var(--r-lg);background:linear-gradient(150deg,#1b1730,#2a2150);align-items:center;gap:22px;padding:26px;display:flex}.own-banner .ob-ic{background:#ffffff1f;border-radius:16px;flex-shrink:0;place-items:center;width:58px;height:58px;font-size:28px;display:grid}.own-banner h2{font-size:20px}.own-banner p{color:#ffffffbd;max-width:520px;margin-top:6px;font-size:13.5px}.own-actions{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.domain-row{border:1px solid var(--line);border-radius:var(--r);align-items:center;gap:12px;margin-bottom:10px;padding:14px;display:flex}.domain-row .dst{border-radius:999px;margin-left:auto;padding:4px 11px;font-size:11.5px;font-weight:600}.dst.live{background:var(--good-soft);color:var(--good)}.dst.pending{color:var(--warn);background:#e0a43b24}.toast{background:var(--ink);color:#fff;box-shadow:var(--sh);opacity:0;z-index:60;border-radius:12px;align-items:center;gap:10px;padding:13px 18px;font-size:13.5px;font-weight:500;transition:all .3s;display:flex;position:fixed;bottom:24px;right:24px;transform:translateY(80px)}.toast.show{opacity:1;transform:none}.toast .tc{background:var(--good);border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.studio{background:var(--bg);flex-direction:column;min-height:420px;animation:.3s fade;display:flex}.studio-top{background:var(--surface);border-bottom:1px solid var(--line);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:18px;padding:10px 16px;display:flex}.st-group{align-items:center;gap:8px;display:flex}.st-group.st-right{gap:10px;margin-left:auto}.st-page-name{letter-spacing:-.01em;align-items:baseline;gap:8px;font-size:14.5px;font-weight:700;display:inline-flex}.st-page-path{color:var(--muted);font-family:monospace;font-size:12px;font-weight:500}.st-dirty{color:var(--warn);white-space:nowrap;background:#e0a43b24;border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:600}.st-btn{border:1px solid var(--line);background:var(--surface);width:30px;height:30px;color:var(--ink-soft);cursor:pointer;border-radius:9px;place-items:center;padding:0;transition:all .15s;display:grid}.st-btn:hover:not(:disabled){border-color:var(--ink);color:var(--ink)}.st-btn:disabled{opacity:.35;cursor:default}.st-btn.on{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}.st-sep{background:var(--line-2);width:1px;height:22px;margin:0 4px}.st-device{border:1px solid var(--line);background:var(--surface-2);border-radius:11px;gap:4px;padding:3px;display:flex}.st-device .st-btn{background:0 0;border:none;border-radius:8px;width:28px;height:26px}.st-device .st-btn.on{background:var(--surface);box-shadow:var(--sh-sm);color:var(--primary)}.studio-body{flex:1;grid-template-columns:280px minmax(0,1fr) 360px;min-height:0;display:grid}@media (max-width:1280px){.studio-body{grid-template-columns:248px minmax(0,1fr) 330px}}@media (max-width:1060px){.studio-body{grid-template-columns:224px minmax(0,1fr) 300px}}.studio-left{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;min-height:0;display:flex;position:relative}.sl-head{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);flex-shrink:0;padding:14px 14px 8px;font-size:11px;font-weight:700}.sl-head .muted{letter-spacing:.02em;text-transform:none;font-weight:500}.sl-head-tree{border-top:1px solid var(--line);margin-top:10px}.sl-pages{flex-direction:column;flex-shrink:0;gap:1px;padding:0 8px;display:flex}.sl-page{text-align:left;width:100%;font-family:var(--sans);color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;gap:8px;padding:7px 10px;font-size:13.5px;font-weight:500;transition:all .12s;display:flex}.sl-page:hover{background:var(--surface-2);color:var(--ink)}.sl-page.active{background:var(--primary-soft);color:var(--primary);font-weight:600}.sl-page-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sl-page-off{color:var(--muted);flex-shrink:0}.sl-count{font-variant-numeric:tabular-nums;background:var(--surface-2);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:1px 7px;font-size:11px;font-weight:600}.sl-page.active .sl-count{color:var(--primary);background:#fff;border-color:#5b3df540}.sl-head-custom{border-top:1px solid var(--line);margin-top:10px}.sl-pages-custom{padding-bottom:2px}.sl-page-icon{color:var(--muted);flex-shrink:0}.sl-page.active .sl-page-icon{color:var(--primary)}.sl-custom{position:relative}.sl-page-actions{flex-shrink:0;align-items:center;gap:3px;display:none}.sl-custom:hover .sl-page-actions,.sl-custom:focus-within .sl-page-actions{display:flex}.sl-custom:hover .sl-count,.sl-custom:focus-within .sl-count{display:none}.sl-page-actions .tr-btn{width:22px;height:22px}.sl-add-page{color:var(--muted);font-weight:600}.sl-add-page:hover{color:var(--primary);background:var(--primary-soft)}.sl-add-page:hover .sl-page-icon{color:var(--primary)}.studio-tree{flex:1;min-height:0;padding:2px 8px 10px;overflow-y:auto}.tree-empty{border:1px dashed var(--line-2);border-radius:var(--r-sm);color:var(--ink-soft);align-items:flex-start;gap:10px;margin:6px 2px;padding:14px;font-size:12.5px;display:flex}.tree-empty svg{color:var(--muted);flex-shrink:0;margin-top:1px}.tree-row{cursor:pointer;border:1px solid #0000;border-radius:9px;align-items:center;gap:7px;padding:8px 8px 8px 4px;transition:background .12s,border-color .12s;display:flex;position:relative}.tree-row:hover{background:var(--surface-2)}.tree-row:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.tree-row.sel{background:var(--primary-soft);border-color:#5b3df559}.tree-row.is-hidden .tr-label,.tree-row.is-hidden .tr-sub{opacity:.45;text-decoration:line-through}.tree-row.dragging{opacity:.4}.tree-row.drop-before:before,.tree-row.drop-after:after{content:"";background:var(--primary);height:3px;box-shadow:0 0 0 3px var(--primary-soft);z-index:1;border-radius:999px;position:absolute;left:6px;right:6px}.tree-row.drop-before:before{top:-2.5px}.tree-row.drop-after:after{bottom:-2.5px}.tr-grip{color:var(--muted);opacity:.55;cursor:grab;flex-shrink:0}.tree-row:active .tr-grip{cursor:grabbing}.tr-main{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.tr-label{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;line-height:1.3;overflow:hidden}.tr-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;line-height:1.35;overflow:hidden}.tr-actions{flex-shrink:0;align-items:center;gap:4px;display:none}.tree-row:hover .tr-actions,.tree-row.sel .tr-actions,.tree-row:focus-within .tr-actions,.tree-row.is-hidden .tr-actions{display:flex}.tr-btn{border:1px solid var(--line);background:var(--surface);width:24px;height:24px;color:var(--ink-soft);cursor:pointer;border-radius:7px;place-items:center;padding:0;transition:all .12s;display:grid}.tr-btn:hover{border-color:var(--ink);color:var(--ink)}.tr-btn.danger:hover{color:var(--danger);border-color:#d6453c73}.sl-add{border-top:1px solid var(--line);background:var(--surface);flex-shrink:0;padding:10px}.add-menu-backdrop{z-index:70;background:0 0;position:fixed;inset:0}.add-menu{z-index:71;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r);max-height:min(480px,70%);box-shadow:var(--sh);flex-direction:column;animation:.15s fade;display:flex;position:absolute;bottom:56px;left:8px;right:8px;overflow:hidden}.am-top{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:10px;display:flex}.am-top input{font-family:var(--sans);border:1px solid var(--line-2);color:var(--ink);background:#fff;border-radius:9px;flex:1;padding:8px 11px;font-size:13.5px}.am-top input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.am-list{padding:6px 8px 10px;overflow-y:auto}.am-cat-label{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);padding:10px 6px 4px;font-size:10.5px;font-weight:700}.am-item{text-align:left;cursor:pointer;width:100%;font-family:var(--sans);background:0 0;border:none;border-radius:8px;flex-direction:column;gap:1px;padding:7px 9px;transition:all .12s;display:flex}.am-item:hover{background:var(--primary-soft)}.am-item-label{color:var(--ink);font-size:13px;font-weight:600}.am-item-hint{color:var(--muted);font-size:11.5px;line-height:1.35}.am-none{color:var(--muted);text-align:center;padding:16px 8px;font-size:13px}.studio-canvas{background:var(--surface-2);min-width:0;min-height:0;padding:16px;display:flex;overflow:auto}.canvas-shell{border:1px solid var(--line);border-radius:var(--r);min-width:0;box-shadow:var(--sh-sm);background:#fff;flex:1;margin:0 auto;transition:max-width .25s;position:relative;overflow:hidden}.canvas-shell.mobile{border-color:var(--line-2);width:390px;max-width:100%;box-shadow:var(--sh);border-radius:26px;flex:none}.canvas-frame{background:#fff;border:0;width:100%;height:100%;position:absolute;inset:0}.canvas-notice{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2;background:#ffffffd1;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.canvas-empty{text-align:center;background:var(--surface);border:1px dashed var(--line-2);border-radius:var(--r);max-width:380px;box-shadow:var(--sh-sm);padding:26px 28px}.canvas-empty .ce-title{letter-spacing:-.01em;font-size:15.5px;font-weight:700}.canvas-empty .ce-sub{color:var(--ink-soft);margin-top:7px;font-size:13px;line-height:1.55}.studio-right{background:var(--surface);border-left:1px solid var(--line);flex-direction:column;min-height:0;display:flex}.sr-head{border-bottom:1px solid var(--line);flex-shrink:0;align-items:flex-start;gap:10px;padding:14px 16px 12px;display:flex}.sr-head-main{flex:1;min-width:0}.sr-title{letter-spacing:-.01em;font-size:15px;font-weight:700}.sr-sub{color:var(--muted);margin-top:2px;font-size:12px;line-height:1.4}.sr-head-actions{flex-shrink:0;gap:5px;display:flex}.sr-hidden-note{color:var(--ink-soft);background:#e0a43b1a;border:1px solid #e0a43b59;border-radius:9px;flex-shrink:0;align-items:center;gap:8px;margin:10px 16px 0;padding:9px 12px;font-size:12.5px;display:flex}.sr-body{flex:1;min-height:0;padding:16px;overflow-y:auto}.sr-hint{border:1px dashed var(--line-2);border-radius:var(--r-sm);color:var(--ink-soft);align-items:flex-start;gap:10px;margin-bottom:16px;padding:13px 14px;font-size:13px;display:flex}.sr-hint svg{color:var(--primary);flex-shrink:0;margin-top:1px}.sr-toggle{border:1px solid var(--line);border-radius:var(--r-sm);cursor:pointer;align-items:flex-start;gap:11px;margin-bottom:16px;padding:12px 14px;display:flex}.sr-toggle input{margin-top:3px}.sr-toggle-label{font-size:13.5px;font-weight:600;display:block}.sr-toggle-sub{color:var(--muted);margin-top:2px;font-size:12px;line-height:1.4;display:block}.sr-empty{text-align:center;border:1px dashed var(--line-2);border-radius:var(--r-sm);padding:22px 16px}.sr-empty-t{font-size:13.5px;font-weight:600}.sr-empty-s{color:var(--ink-soft);margin:6px 0 14px;font-size:12.5px;line-height:1.5}.sr-note{color:var(--ink-soft);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm);padding:11px 13px;font-size:12.5px;line-height:1.5}.sr-style{border-top:1px solid var(--line);margin-top:22px;padding-top:16px}.sr-style-head{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);align-items:center;gap:7px;margin-bottom:12px;font-size:11px;font-weight:700;display:flex}.sr-style-head svg{color:var(--primary)}.pgm-backdrop{z-index:1000;background:#120e2873;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.pgm{width:100%;max-width:480px;margin:0;box-shadow:0 24px 64px -16px #120e2873}.pgm-head{align-items:flex-start;gap:13px;margin-bottom:18px;display:flex}.pgm-head>svg{color:var(--primary);flex-shrink:0;margin-top:3px}.pgm-title{letter-spacing:-.01em;font-size:16px;font-weight:700}.pgm-sub{color:var(--ink-soft);margin-top:3px;font-size:12.5px;line-height:1.5}.pgm-slug-row{align-items:center;gap:0;display:flex}.pgm-slug-row .pgm-slug-prefix{color:var(--muted);flex-shrink:0;padding:0 8px 0 2px;font-family:monospace;font-size:13.5px;font-weight:600}.pgm-slug-row input{font-family:monospace}.pgm-err{color:var(--danger);margin-top:6px;font-size:12px;font-weight:600;display:block}.pgm-warn{color:var(--warn);align-items:flex-start;gap:6px;margin-top:6px;font-size:12px;font-weight:500;line-height:1.45;display:flex}.pgm-warn svg{flex-shrink:0;margin-top:2px}.pgm-actions{justify-content:flex-end;gap:8px;display:flex}.tp-top{border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:9px;padding:9px 12px;display:flex}.tp-title{letter-spacing:-.01em;align-items:center;gap:7px;font-size:13.5px;font-weight:700;display:inline-flex}.tp-title svg{color:var(--primary)}.tp-scroll{flex:1;min-height:0;padding-bottom:18px;overflow-y:auto}.tp-note{color:var(--ink-soft);padding:12px 14px 2px;font-size:12px;line-height:1.5}.tp-sec-head{border-top:1px solid var(--line);margin-top:14px}.tp-sec:first-of-type .tp-sec-head{border-top:none;margin-top:4px}.tp-sec-body{padding:2px 14px 4px}.ctl-field{margin-bottom:16px}.ctl-label{color:var(--ink);margin-bottom:6px;font-size:12.5px;font-weight:600;display:block}.ctl-hint{color:var(--muted);margin-top:6px;font-size:11.5px;line-height:1.45;display:block}.ctl-select{width:100%;font-family:var(--sans);border:1px solid var(--line-2);color:var(--ink);background:#fff;border-radius:9px;padding:8px 10px;font-size:13px;transition:all .15s}.ctl-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.ctl-color{margin-bottom:12px}.ctl-color-label{color:var(--ink);font-size:12.5px;font-weight:600;display:block}.ctl-color-hint{color:var(--muted);margin-top:1px;font-size:11px;line-height:1.35;display:block}.ctl-color-io{align-items:center;gap:8px;margin-top:6px;display:flex}.ctl-swatch{border:1px solid var(--line-2);cursor:pointer;border-radius:9px;flex-shrink:0;width:34px;height:30px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #fff}.ctl-swatch input[type=color]{opacity:0;cursor:pointer;border:none;width:100%;height:100%;padding:0;position:absolute;inset:0}.ctl-swatch:focus-within{outline:2px solid var(--primary);outline-offset:1px}.ctl-hex{min-width:0;font-family:var(--sans);font-variant-numeric:tabular-nums;border:1px solid var(--line-2);color:var(--ink);background:#fff;border-radius:9px;flex:1;padding:7px 9px;font-size:12.5px;font-weight:600;transition:all .15s}.ctl-hex:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.ctl-hex::placeholder{color:var(--muted);font-weight:500}.ctl-reset{border:1px solid var(--line);background:var(--surface);width:26px;height:26px;color:var(--ink-soft);cursor:pointer;border-radius:8px;flex-shrink:0;place-items:center;padding:0;transition:all .15s;display:grid}.ctl-reset:hover:not(:disabled){border-color:var(--ink);color:var(--ink)}.ctl-reset:disabled{opacity:.3;cursor:default}.ctl-pills{flex-wrap:wrap;gap:6px;display:flex}.ctl-pill{font-family:var(--sans);border:1px solid var(--line-2);background:var(--surface);color:var(--ink-soft);cursor:pointer;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:600;transition:all .15s}.ctl-pill:hover{border-color:var(--ink);color:var(--ink)}.ctl-pill.on{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}.fp{position:relative}.fp-trigger{text-align:left;border:1px solid var(--line-2);border-radius:var(--r-sm);cursor:pointer;background:#fff;align-items:center;gap:8px;width:100%;padding:9px 11px;transition:all .15s;display:flex}.fp-trigger:hover{border-color:var(--ink)}.fp-trigger[aria-expanded=true]{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.fp-cur{flex:1;min-width:0}.fp-cur-name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:15px;line-height:1.2;display:block;overflow:hidden}.fp-cur-sub{color:var(--muted);margin-top:1px;font-size:11px;display:block}.fp-trigger>svg{color:var(--muted);flex-shrink:0}.fp-menu{z-index:72;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-sm);max-height:320px;box-shadow:var(--sh);padding:5px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.fp-option{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;width:100%;padding:8px 9px;display:block}.fp-option:hover{background:var(--surface-2)}.fp-option.sel{background:var(--primary-soft)}.fp-opt-head{align-items:center;gap:6px;display:flex}.fp-opt-head svg{color:var(--primary)}.fp-opt-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);flex:1;font-size:10.5px;font-weight:700}.fp-option.sel .fp-opt-label{color:var(--primary)}.fp-opt-h{color:var(--ink);margin-top:2px;font-size:16px;line-height:1.25;display:block}.fp-opt-b{color:var(--ink-soft);margin-top:1px;font-size:12px;line-height:1.4;display:block}.soc-row{border:1px solid var(--line);border-radius:var(--r-sm);background:#fff;margin-bottom:8px;padding:9px 10px}.soc-row.invalid{border-color:#e0a43b8c}.soc-row-top{align-items:center;gap:5px;margin-bottom:7px;display:flex}.soc-row-top .ctl-select{flex:1;width:auto;min-width:0}.soc-url{width:100%;font-family:var(--sans);border:1px solid var(--line-2);color:var(--ink);background:#fff;border-radius:9px;padding:7px 9px;font-size:12.5px;transition:all .15s}.soc-url:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.soc-err{color:var(--warn);margin-top:5px;font-size:11px;font-weight:600;display:block}.soc-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}.ctl-link-btn{font-family:var(--sans);color:var(--primary);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:0;font-size:12px;font-weight:600;text-decoration:underline}.tp-tabs{border-bottom:1px solid var(--line);flex-shrink:0;gap:6px;padding:10px 12px;display:flex}.tp-tab{font-family:var(--sans);border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);cursor:pointer;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:6px;padding:7px 10px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.tp-tab:hover{border-color:var(--ink);color:var(--ink)}.tp-tab.on{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}.tp-tab:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.pg-list{flex-direction:column;gap:10px;padding:12px 14px 4px;display:flex}.pg-card{text-align:left;border:1px solid var(--line);border-radius:var(--r-sm);cursor:pointer;width:100%;font-family:var(--sans);background:#fff;padding:0;transition:border-color .15s,box-shadow .15s;display:block;position:relative;overflow:hidden}.pg-card:hover{border-color:var(--ink);box-shadow:var(--sh-sm)}.pg-card:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.pg-card.applied{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.pg-strip{border-bottom:1px solid var(--line);height:24px;display:flex}.pg-swatch{flex:1}.pg-body{align-items:center;gap:10px;padding:10px 11px 0;display:flex}.pg-aa{border:1px solid var(--line);border-radius:9px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:19px;font-weight:600;line-height:1;display:grid}.pg-meta{flex:1;min-width:0}.pg-name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;line-height:1.25;display:block;overflow:hidden}.pg-tag{color:var(--muted);margin-top:1px;font-size:11.5px;line-height:1.4;display:block}.pg-badge{letter-spacing:.05em;text-transform:uppercase;color:var(--primary);background:var(--primary-soft);border-radius:999px;flex-shrink:0;align-self:flex-start;align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-flex}.pg-chips{flex-wrap:wrap;gap:5px;padding:8px 11px 11px;display:flex}.pg-chip{color:var(--ink-soft);background:var(--surface-2);border:1px solid var(--line);white-space:nowrap;border-radius:999px;align-items:center;padding:2px 8px;font-size:10.5px;font-weight:600;display:inline-flex}.pg-card.pg-reset{background:var(--surface);border-style:dashed}.pg-card.pg-reset.applied{border-style:solid}.pg-card.pg-reset .pg-body{padding-bottom:11px}.pg-reset-icon{background:var(--surface-2);border:1px solid var(--line);width:38px;height:38px;color:var(--ink-soft);border-radius:9px;flex-shrink:0;place-items:center;display:grid}