*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0}img{max-width:100%}[hidden]{display:none!important}:root{--bg:#F4F6F8;--surface:#FFFFFF;--surface-2:#EEF1F4;--ink:#111827;--muted:#667085;--line:rgba(17,24,39,.09);--ok:#16A34A;--warn:#D97706;--bad:#DC2626;--info:#2563EB;--r-l:20px;--r-m:16px;--r-s:12px;--shadow-s:0 1px 2px rgba(17,24,39,.05),0 2px 8px rgba(17,24,39,.05);--shadow-m:0 12px 30px -10px rgba(17,24,39,.25);--display:"Bricolage Grotesque",system-ui,sans-serif;--body:"Plus Jakarta Sans",system-ui,sans-serif;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg:#0D1117;--surface:#161B22;--surface-2:#1F2630;--ink:#E8EDF3;--muted:#98A2B3;--line:rgba(255,255,255,.08);--shadow-s:0 1px 2px rgba(0,0,0,.4);--shadow-m:0 12px 30px rgba(0,0,0,.5)}}:root[data-theme=dark]{color-scheme:dark;--bg:#0D1117;--surface:#161B22;--surface-2:#1F2630;--ink:#E8EDF3;--muted:#98A2B3;--line:rgba(255,255,255,.08);--shadow-s:0 1px 2px rgba(0,0,0,.4);--shadow-m:0 12px 30px rgba(0,0,0,.5)}html,body{background:var(--bg);color:var(--ink)}body{font:500 15px/1.5 var(--body)}h1,h2,h3{font-family:var(--display);letter-spacing:-.02em;margin:0;font-weight:750;text-wrap:balance}h1{font-size:30px;line-height:1.08}h2{font-size:21px;line-height:1.2}h3{font-size:16.5px}p{margin:0}a{color:var(--brand)}.muted{color:var(--muted)}.small{font-size:13px}.grow{flex:1;min-width:0}.num{font-variant-numeric:tabular-nums}.eyebrow{font:700 11.5px/1.2 var(--body);text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}.row{display:flex;gap:10px;align-items:center}.row.wrap{flex-wrap:wrap}.between{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:14px}.grid{display:grid;gap:16px;align-items:start}.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:repeat(3,1fr)}@media(max-width:860px){.g2,.g3{grid-template-columns:1fr}}.app{min-height:100vh;padding-bottom:96px}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:16px;padding:12px max(16px,calc((100vw - 1180px)/2));background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-name{font:800 19px var(--display);letter-spacing:-.02em}.org-name{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40vw}.toptabs{margin-left:auto;display:flex;gap:4px}.pill{border:0;background:none;color:var(--muted);font:700 14px var(--body);padding:8px 14px;border-radius:99px;cursor:pointer}.pill[aria-current]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-s)}main{max-width:1180px;margin:0 auto;padding:20px 16px}.dock{display:none}@media(max-width:760px){.toptabs{display:none}.dock{display:flex;position:fixed;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));z-index:30;background:var(--surface);border-radius:22px;box-shadow:var(--shadow-m);padding:6px;justify-content:space-around;border:1px solid var(--line)}.tab{border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:2px;font:700 11px var(--body);color:var(--muted);padding:6px 4px;border-radius:14px;flex:1;cursor:pointer}.tab[aria-current]{color:var(--brand)}h1{font-size:26px}}.hello{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:16px;flex-wrap:wrap}.card{background:var(--surface);border-radius:var(--r-l);padding:18px;box-shadow:var(--shadow-s);border:1px solid var(--line)}.list{display:flex;flex-direction:column}.li{display:flex;align-items:center;gap:12px;width:100%;border:0;background:none;text-align:left;padding:11px 6px;border-bottom:1px solid var(--line);cursor:pointer;color:var(--ink);font:inherit}.li:last-child{border-bottom:0}.li.static{cursor:default}.li .n{font-weight:700}.li .d{font-size:12.5px;color:var(--muted)}button.li:hover{background:var(--surface-2);border-radius:12px}.empty{padding:24px;text-align:center;color:var(--muted)}.note{background:var(--surface-2);border-radius:14px;padding:11px 13px;font-size:14px}.badge{display:inline-block;border-radius:99px;padding:3px 10px;font:700 12px var(--body);background:var(--surface-2);color:var(--muted);white-space:nowrap}.badge.ok{background:color-mix(in srgb,var(--ok) 15%,transparent);color:var(--ok)}.badge.warn{background:color-mix(in srgb,var(--warn) 17%,transparent);color:var(--warn)}.badge.bad{background:color-mix(in srgb,var(--bad) 14%,transparent);color:var(--bad)}.badge.info{background:color-mix(in srgb,var(--info) 14%,transparent);color:var(--info)}.badge.pro{background:color-mix(in srgb,var(--brand) 16%,transparent);color:var(--brand)}.lock{font-size:.85em}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font:800 15px var(--display);color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand-2));flex:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:12px;padding:11px 16px;font:700 14.5px var(--body);cursor:pointer;background:var(--surface-2);color:var(--ink);text-decoration:none;white-space:nowrap}.btn.primary{background:var(--brand);color:var(--brand-ink,#fff)}.btn.danger{background:var(--bad);color:#fff}.btn.ghost{background:none;border:1px solid var(--line)}.btn.ghost.danger{color:var(--bad);background:none}.btn.sm{padding:7px 11px;font-size:13px;border-radius:10px}.btn:disabled{opacity:.5;cursor:default}.chip-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:99px;padding:8px 14px;background:var(--surface);font:700 13.5px var(--body);cursor:pointer;color:var(--ink)}.icon-btn{border:0;background:var(--surface-2);width:38px;height:38px;border-radius:12px;display:grid;place-items:center;cursor:pointer;color:var(--ink)}.linkish{border:0;background:none;padding:0;color:var(--brand);font-weight:700;cursor:pointer;font-size:inherit}.f{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:700;color:var(--muted)}input,select,textarea{font:500 15px var(--body);color:var(--ink);background:var(--surface-2);border:1.5px solid transparent;border-radius:12px;padding:10px 12px;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand);background:var(--surface)}input[type=checkbox],input[type=radio]{width:auto}textarea{resize:vertical}.seg{display:inline-flex;background:var(--surface-2);border-radius:12px;padding:4px;gap:4px;margin-bottom:14px;flex-wrap:wrap}.seg button{border:0;background:none;border-radius:9px;padding:7px 13px;font:700 13.5px var(--body);color:var(--muted);cursor:pointer}.seg button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-s)}.settings{padding:6px}.set-h{font:800 11.5px var(--body);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:10px 12px 4px}.set{display:flex;align-items:center;gap:12px;width:100%;border:0;background:none;padding:10px 12px;border-radius:12px;cursor:pointer;text-align:left;color:var(--ink);font:inherit;text-decoration:none}.set:hover{background:var(--surface-2)}.s-ico{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--surface-2);font-size:18px;flex:none}.s-t{flex:1;display:flex;flex-direction:column;font-weight:700}.s-t small{font-weight:500;color:var(--muted);font-size:12.5px}.set.f select{flex:1}.pro-banner{border-radius:var(--r-l);padding:20px;color:#fff;background:linear-gradient(135deg,var(--brand-2),var(--brand));box-shadow:var(--shadow-m);display:flex;flex-direction:column;gap:12px}.pro-banner h2{color:#fff}.pro-banner p{opacity:.92;font-size:14px}.pb-badge{align-self:flex-start;background:#fff3;border-radius:99px;padding:4px 12px;font-size:12.5px;font-weight:800}.pb-price{display:flex;gap:10px}.pb-price div{flex:1;background:#ffffff24;border-radius:14px;padding:10px 12px;display:flex;flex-direction:column}.pb-price b{font:800 22px var(--display)}.pb-price span{font-size:12.5px;opacity:.9}.pb-cta{background:#fff;color:var(--brand);font-size:15.5px;padding:13px}.pro-hero .perks li span{font-size:20px}.perks{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px}.perks li{display:flex;gap:10px;align-items:center}.plan-card{display:flex;flex-direction:column;gap:8px}.plan-card.hl{box-shadow:0 0 0 2px var(--brand),var(--shadow-s)}.price b{font:800 36px var(--display)}.code-box{background:var(--surface-2);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.code-box b{font:800 28px var(--display);letter-spacing:.12em}.faq summary{cursor:pointer;font-weight:700;padding:9px 0}.faq p{color:var(--muted);padding-bottom:10px}.legal h3{margin:16px 0 4px}.legal p{color:var(--muted)}.auth{min-height:100vh;display:grid;place-items:center;padding:24px 16px}.auth-card{width:100%;max-width:420px;display:flex;flex-direction:column;gap:18px}.auth-card.wide{max-width:860px}.auth-brand{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.auth-brand p{color:var(--muted)}.modal-back{position:fixed;inset:0;z-index:100;background:#0a0e1480;display:flex;align-items:flex-end;justify-content:center}.modal{background:var(--surface);width:100%;max-width:560px;max-height:92vh;overflow:auto;border-radius:22px 22px 0 0;box-shadow:var(--shadow-m);display:flex;flex-direction:column}.modal.wide{max-width:820px}@media(min-width:700px){.modal-back{align-items:center;padding:20px}.modal{border-radius:22px}}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 18px 8px;position:sticky;top:0;background:var(--surface);z-index:2}.modal-body{padding:8px 18px 14px;display:flex;flex-direction:column;gap:12px}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px 18px;position:sticky;bottom:0;background:var(--surface);border-top:1px solid var(--line);flex-wrap:wrap}.toast{position:fixed;left:50%;bottom:110px;transform:translate(-50%,20px);background:var(--ink);color:var(--bg);padding:11px 18px;border-radius:14px;font-weight:700;font-size:14px;opacity:0;pointer-events:none;transition:.25s;z-index:200;max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%)}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--surface-2);border-top-color:var(--brand);animation:spin .8s linear infinite;margin:10px auto}@keyframes spin{to{transform:rotate(360deg)}}@media print{.topbar,.dock,.no-print,#overlay,.toast{display:none!important}body,html{background:#fff;color:#000}main{padding:0;max-width:none}.card{box-shadow:none;border:1px solid #ccc}}:root{--brand:#4C5BF0;--brand-2:#8B5CF6;--brand-ink:#fff}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--brand:#8C97FF;--brand-2:#B49BFF;--brand-ink:#0B0F2E}}:root[data-theme=dark]{--brand:#8C97FF;--brand-2:#B49BFF;--brand-ink:#0B0F2E}.sg-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:40px 24px;margin-top:14px}.sg-hero-ic svg{border-radius:16px;box-shadow:0 14px 30px -12px var(--brand)}.sg-steps{text-align:left;display:grid;gap:8px;max-width:520px;padding-left:20px;margin:4px 0 6px;color:var(--muted)}.sg-steps b{color:var(--ink)}.btn.big{padding:14px 22px;font-size:16px}.sg-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin-top:14px}.sg-site{display:flex;gap:14px;align-items:center;text-align:left;cursor:pointer;font:inherit;color:var(--ink);border:1px solid var(--line)}.sg-site:hover{border-color:var(--brand)}.sg-site .grow{display:flex;flex-direction:column;gap:2px}.sg-swatch{width:64px;height:64px;border-radius:16px;display:grid;place-items:center;position:relative;flex:none;font:800 24px var(--display)}.sg-swatch i{position:absolute;right:8px;bottom:8px;width:12px;height:12px;border-radius:50%}#main[data-view=sajt]{max-width:none;padding:0}.ed{display:grid;grid-template-columns:400px minmax(0,1fr);height:calc(100dvh - 64px);min-height:520px}.panel{display:flex;flex-direction:column;border-right:1px solid var(--line);background:var(--surface);min-height:0}.p-top{display:flex;justify-content:space-between;align-items:center;padding:12px 16px 0}.p-name{margin:8px 16px 0;width:calc(100% - 32px);font:750 20px var(--display);background:transparent;border:1.5px solid transparent;padding:6px 8px;border-radius:10px}.p-name:hover{border-color:var(--line)}.p-tabs{margin:10px 16px 0}.p-body{flex:1;overflow:auto;padding:16px}.p-foot{display:flex;gap:8px;padding:12px 16px 4px;border-top:1px solid var(--line)}.p-left{padding:0 16px 12px;min-height:18px}.pv{display:flex;flex-direction:column;min-width:0;background:var(--bg)}.pv-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 16px}.pv-wrap{flex:1;min-height:0;padding:0 16px 16px;display:flex;justify-content:center}.pv-wrap iframe{width:100%;height:100%;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow-s);transition:width .3s}.pv-wrap.mob iframe{width:390px;max-width:100%;border-radius:28px;border:8px solid #111}.pv-empty{align-self:center;text-align:center;max-width:420px;display:flex;flex-direction:column;gap:10px;align-items:center}.pv-empty svg{border-radius:14px;opacity:.9}.mode-sw{display:none}@media(max-width:900px){.ed{grid-template-columns:1fr;height:auto;min-height:0}.ed[data-mode=view] .panel,.ed[data-mode=edit] .pv{display:none}.ed[data-mode=view] .pv-wrap{height:calc(100dvh - 200px)}.mode-sw{display:flex;position:fixed;left:50%;transform:translate(-50%);bottom:88px;z-index:30;box-shadow:var(--shadow-m)}.p-body{overflow:visible}.panel{border-right:0}}.seg.mini button{padding:4px 10px;font-size:12.5px}.chk{display:flex;gap:8px;align-items:center;font-weight:600;font-size:14px}.drop{display:flex;flex-direction:column;align-items:center;gap:6px;padding:22px;border:2px dashed var(--line);border-radius:var(--r-m);cursor:pointer;text-align:center;color:var(--brand)}.drop:hover{border-color:var(--brand)}.drop b{color:var(--ink)}.imgs{display:grid;gap:10px}.img-card{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:10px;align-items:center;background:var(--surface-2);border-radius:14px;padding:8px}.img-th img{width:72px;height:72px;object-fit:cover;border-radius:10px;background:var(--line);display:block}.img-meta{display:flex;flex-direction:column;gap:6px;min-width:0}.img-meta input{padding:7px 10px;font-size:13.5px}.themes{display:grid;grid-template-columns:1fr 1fr;gap:10px}.theme-card{display:flex;flex-direction:column;gap:4px;text-align:left;padding:8px;border-radius:14px;border:1.5px solid var(--line);background:var(--surface);cursor:pointer;font:inherit;color:var(--ink)}.theme-card[aria-pressed=true]{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 20%,transparent)}.th-prev{height:58px;border-radius:10px;display:flex;align-items:flex-end;justify-content:space-between;padding:8px 10px;font-size:22px}.th-prev i{width:22px;height:8px;border-radius:9px}.swatch{width:32px;height:32px;border-radius:50%;border:2px solid var(--surface);box-shadow:0 0 0 1.5px var(--line);cursor:pointer;padding:0;position:relative;overflow:hidden}.swatch[aria-pressed=true]{box-shadow:0 0 0 2.5px var(--ink)}.swatch.pick{background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.swatch.pick input{opacity:0;position:absolute;inset:0;width:100%;height:100%;cursor:pointer}.secs{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.sec{border:1px solid var(--line);border-radius:14px;background:var(--surface)}.sec.off{opacity:.55}.sec.open{border-color:var(--brand)}.sec-h{display:flex;align-items:center;gap:2px;padding:6px 6px 6px 4px}.sec-t{flex:1;min-width:0;text-align:left;background:none;border:0;cursor:pointer;font:inherit;color:var(--ink);padding:4px 8px;display:flex;flex-direction:column}.sec-t b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sec-h .icon-btn{width:32px;height:32px}.sec-b{padding:12px 12px 14px;border-top:1px solid var(--line)}.items{display:flex;flex-direction:column;gap:8px}.item{background:var(--surface-2);border-radius:12px;padding:8px 10px 10px;display:flex;flex-direction:column;gap:8px}.item-h{display:flex;align-items:center;gap:2px}.item-h .icon-btn{width:28px;height:28px;font-size:13px}.gal-pick{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.gp{padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;cursor:pointer;background:none;opacity:.45}.gp.on{border-color:var(--brand);opacity:1}.gp img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.btn.sm{padding:7px 12px;font-size:13.5px}.danger-t{color:var(--bad)}.empty-small{text-align:center;display:flex;flex-direction:column;gap:8px;align-items:center;padding:24px 8px}.add-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.add-card{display:flex;flex-direction:column;gap:8px;background:var(--surface-2);border-radius:14px;padding:12px}.ai-busy{display:flex;gap:12px;align-items:center;padding:12px;border-radius:12px;background:color-mix(in srgb,var(--brand) 10%,var(--surface))}.ai-busy .spinner{width:22px;height:22px;flex:none}html.big body{zoom:1.15}.topbar .tools{display:flex;gap:6px;margin-left:8px}.tool{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);border-radius:12px;padding:8px 12px;font:700 14px var(--body);cursor:pointer}.tool:hover{border-color:var(--brand)}.tool[aria-pressed=true]{border-color:var(--brand);color:var(--brand)}@media(max-width:900px){.topbar .tools{margin-left:auto}.tool span{display:none}.tool{padding:9px}}.help-q h3{margin-bottom:4px}.help-q p{color:var(--muted)}.btn.ok{background:#16a34a;color:#fff;box-shadow:0 10px 22px -12px #16a34a}.btn.ok:hover{filter:brightness(1.05)}.btn.big{min-height:54px;font-size:17px;border-radius:16px}.btn.block{width:100%}.ok-t{color:#16a34a;font-weight:700}.warn-t{color:#b45309;font-weight:700}.icon-btn.lab{width:auto;padding:0 10px;gap:6px;font:700 13px var(--body);display:inline-flex;align-items:center}.icon-btn.lab:disabled{opacity:.35;cursor:default}.save-st{margin:6px 16px 0}.p-pub{display:flex;flex-direction:column;align-items:center;gap:6px;padding:0 16px 4px}.p-pub a{text-decoration:none}.p-pub a:hover{text-decoration:underline}@media(max-width:420px){.icon-btn.lab span{display:none}}.st-hello h1{font-size:clamp(26px,3.4vw,36px)}.st-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:22px;align-items:start}@media(max-width:960px){.st-grid{grid-template-columns:1fr}}.st-tiles{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:620px){.st-tiles{grid-template-columns:1fr}}.st-tile{display:flex;gap:18px;align-items:center;text-align:left;padding:22px;border:2px solid var(--line);cursor:pointer;font:inherit;color:var(--ink);min-height:112px}.st-tile:hover{border-color:var(--brand);transform:translateY(-1px)}.st-tile b{display:block;font:750 20px var(--display);letter-spacing:-.01em}.st-tile .muted{display:block;margin-top:2px}.st-ic{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;flex:none}.st-ic.c1{background:color-mix(in srgb,#4C5BF0 14%,var(--surface));color:#4c5bf0}.st-ic.c2{background:color-mix(in srgb,#16A34A 14%,var(--surface));color:#16a34a}.st-ic.c3{background:color-mix(in srgb,#D97706 14%,var(--surface));color:#d97706}.st-ic.c4{background:color-mix(in srgb,#8B5CF6 14%,var(--surface));color:#8b5cf6}.new-n{color:#16a34a}.st-tip{display:flex;gap:14px;align-items:center;flex-wrap:wrap;background:var(--surface-2);border-radius:var(--r-m);padding:16px 18px}.st-tip p{flex:1;min-width:200px;font-weight:600}.st-steps h2{margin-bottom:2px}.st-step{display:flex;gap:12px;align-items:center;width:100%;text-align:left;background:none;border:0;border-top:1px solid var(--line);padding:12px 2px;cursor:pointer;font:inherit;color:var(--ink)}.st-step:first-of-type{margin-top:8px}.st-step:hover b{color:var(--brand)}.st-step small{display:block;color:var(--muted);font-size:13.5px}.chk-c{width:28px;height:28px;border-radius:50%;border:2.5px solid #C7CCD6;display:grid;place-items:center;flex:none}.chk-c.done{background:#16a34a;border-color:#16a34a;color:#fff}.st-steps .btn.big{margin-top:12px}.st-done{display:flex;gap:8px;align-items:center;color:#16a34a;font-weight:700;margin-top:10px}.msgs{display:grid;gap:14px}.msg{display:flex;flex-direction:column;gap:12px}.msg.done{opacity:.6}.msg-h{display:flex;gap:12px;align-items:center}.msg-h .avatar{width:44px;height:44px;flex:none}.msg-t{white-space:pre-wrap;font-size:16px;line-height:1.55}.msg .btn{min-height:44px}.empty-big{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:48px 20px;color:var(--muted)}.empty-big h2{color:var(--ink)}.empty-big p{max-width:440px}.stat-grid{align-items:start}.stat-big{font-size:18px}.stat-big b{font:800 46px var(--display);letter-spacing:-.03em;color:var(--ink)}.stat-big .up{color:#16a34a;font-weight:800}.stat-big .down{color:#dc2626;font-weight:800}.bars{display:flex;align-items:flex-end;gap:8px;height:190px;margin:18px 0 26px}.bars.thin{gap:3px}.bar{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;position:relative}.bar i{display:block;border-radius:8px 8px 3px 3px;background:linear-gradient(var(--brand-2),var(--brand))}.bars.thin .bar i{border-radius:4px 4px 2px 2px}.bar span{position:absolute;bottom:-22px;left:-6px;right:-6px;text-align:center;font-size:12px;color:var(--muted);font-weight:700}.stat-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:620px){.stat-tiles{grid-template-columns:1fr}}.stat-t{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;color:var(--brand);border:1px solid var(--line);font:inherit;cursor:default}button.stat-t{cursor:pointer}.stat-t b{font:800 30px var(--display);color:var(--ink)}.stat-t .muted{font-size:13.5px}.slug-box{display:flex;align-items:center;border:2px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface);font-size:18px}.slug-box.good{border-color:#16a34a}.slug-box.bad{border-color:#dc2626}.slug-box input{border:0;outline:0;background:transparent;font:800 18px var(--body);padding:13px 4px 13px 14px;min-width:0;flex:1;color:var(--ink)}.slug-box span{padding:13px 14px 13px 0;color:var(--muted);white-space:nowrap}.slug-st{min-height:22px;font-weight:700;font-size:14.5px;display:flex;gap:6px;align-items:center}.slug-st.good{color:#16a34a}.slug-st.bad{color:#dc2626}.soft-box{background:var(--surface-2);border-radius:var(--r-m);padding:14px 16px}.soft-box p b{display:inline-flex;gap:6px;align-items:center}.pub-live{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.pub-url{font:800 19px var(--display);text-decoration:none;word-break:break-all}.pub-url:hover{text-decoration:underline}.qr{width:128px;height:128px;background:#fff;border-radius:12px;padding:4px;flex:none}.qr svg{width:100%;height:100%;display:block}.dns-steps{margin:0;padding-left:20px;display:grid;gap:6px;font-size:14.5px}.dns-steps code{background:var(--surface);padding:2px 6px;border-radius:6px;font-weight:700}details.more summary{cursor:pointer;font-weight:700;color:var(--brand);padding:4px 0}details.more>div{margin-top:10px}.center{text-align:center}.st-tile .new-n{display:inline;font:inherit;font-weight:800;color:#16a34a}.p-top{gap:4px}.p-top .chip-btn,.icon-btn.lab{white-space:nowrap}.p-top [data-redo] span{display:none}.soft-box input{background:var(--surface)}.nb{font-style:normal;display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:99px;background:#16a34a;color:#fff;font:800 12px var(--body);margin-left:6px;vertical-align:1px}.dock .tab{position:relative}.dock .tab .nb{position:absolute;top:2px;right:calc(50% - 22px);margin:0;min-width:18px;height:18px;font-size:11px}.reply-sent{border-left:3px solid var(--brand);padding:4px 0 4px 14px;display:grid;gap:4px}.composer{background:var(--surface-2);border-radius:var(--r-m);padding:16px}.composer textarea{background:var(--surface);font-size:16px;line-height:1.55}.badge.ok{background:color-mix(in srgb,#16A34A 16%,var(--surface));color:#16a34a}