@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1bffadaabf893a1e-s.p.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/1bffadaabf893a1e-s.p.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_df82d9f5-module__96H8QG__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_df82d9f5-module__96H8QG__variable{--font-inter:"Inter", "Inter Fallback"}
:root{--bg:#f4f5f8;--panel:#fff;--tint:#f0f1f4;--tint-2:#e5e7ee;--ink:#000;--muted:#5c5c5c;--line:#e2e2e2;--accent:#2b3e83;--accent-soft:#e6e9f4;--good:#1d7a52;--good-soft:#def2e8;--warn:#9a5b00;--warn-soft:#fbefd9;--bad:#a3321f;--bad-soft:#fbe7e2;--radius:20px;--radius-sm:12px;--font-head:var(--font-inter), Inter, ui-sans-serif, system-ui, sans-serif;--font-body:var(--font-inter), Inter, ui-sans-serif, system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5}a{color:inherit}h1,h2,h3{font-family:var(--font-head);letter-spacing:-.01em;margin:0;font-weight:500;line-height:1.15}h1{font-size:clamp(1.6rem,3vw,2.1rem)}h2{font-size:1.2rem}h3{font-size:1rem}p{margin:0}code,.mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.86em}button{font:inherit;color:inherit}input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]),textarea,select{border:1px solid var(--line);border-radius:var(--radius-sm);width:100%;min-height:44px;font:inherit;color:var(--ink);background:#fff;padding:0 .9rem}textarea{resize:vertical;min-height:96px;padding:.7rem .9rem}input:focus,textarea:focus,select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #2b3e8324}input[type=color]{border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;background:#fff;width:44px;height:44px;padding:3px}input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.field{gap:.35rem;display:grid}.field>span,.label{color:var(--muted);font-size:.82rem;font-weight:500}.field small,.hint{color:var(--muted);font-size:.82rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.stack{gap:1rem;display:grid}.stack-sm{gap:.5rem;display:grid}.row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.row-between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;display:flex}.check{cursor:pointer;align-items:center;gap:.55rem;display:flex}.btn{background:var(--tint);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;min-height:42px;padding:0 1.15rem;font-size:.88rem;font-weight:500;text-decoration:none;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex}.btn:hover{background:var(--tint-2)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--ink);color:#fff}.btn-primary:hover{background:#000}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{filter:brightness(.9);background:#2b3c85}.btn-ghost{border-color:var(--line);background:0 0}.btn-ghost:hover{background:var(--tint)}.btn-danger{background:var(--bad-soft);color:var(--bad)}.btn-danger:hover{background:#f6d5cd}.btn-sm{min-height:34px;padding:0 .85rem;font-size:.8rem}.btn-icon{width:36px;min-height:36px;padding:0}.link{color:var(--accent);font-weight:500;text-decoration:none}.link:hover{text-decoration:underline}.panel{background:var(--panel);border-radius:var(--radius);padding:1.4rem}.panel-tight{padding:0;overflow:hidden}.panel h2+*{margin-top:.9rem}.soft{background:var(--tint);border-radius:var(--radius-sm);padding:.9rem 1rem}.muted{color:var(--muted)}.small{font-size:.85rem}.badge{background:var(--tint);white-space:nowrap;border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .65rem;font-size:.76rem;font-weight:500;display:inline-flex}.badge-good{background:var(--good-soft);color:var(--good)}.badge-warn{background:var(--warn-soft);color:var(--warn)}.badge-bad{background:var(--bad-soft);color:var(--bad)}.badge-accent{background:var(--accent-soft);color:var(--accent)}.flash{border-radius:var(--radius-sm);background:var(--good-soft);color:var(--good);padding:.8rem 1rem;font-size:.9rem;font-weight:500}.flash-bad{background:var(--bad-soft);color:var(--bad)}.table-wrap{overflow-x:auto}table.data{border-collapse:collapse;width:100%;font-size:.9rem}table.data th{text-align:left;text-transform:none;color:var(--muted);white-space:nowrap;padding:.9rem 1rem .5rem;font-size:.75rem;font-weight:500}table.data td{vertical-align:middle;padding:.7rem 1rem}table.data tbody tr:nth-child(odd) td{background:#faf9f7}table.data tbody tr:hover td{background:var(--tint)}table.data td.num,table.data th.num{text-align:right;font-variant-numeric:tabular-nums}.empty{text-align:center;color:var(--muted);padding:2.5rem 1rem}.shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.side{background:var(--ink);color:#e9e9f0;flex-direction:column;gap:1.4rem;height:100vh;padding:1.4rem 1rem;display:flex;position:sticky;top:0}.side-brand{gap:.2rem;padding:0 .6rem;display:grid}.side-brand strong{font-family:var(--font-head);letter-spacing:-.01em;color:#fff;font-size:1.15rem}.side-brand span{color:#a5a7bb;font-size:.8rem}.side nav{gap:.2rem;display:grid}.side nav a{border-radius:var(--radius-sm);color:#c9cad7;align-items:center;gap:.7rem;padding:.65rem .75rem;font-weight:500;text-decoration:none;display:flex}.side nav a:hover{color:#fff;background:#ffffff12}.side nav a.on{color:#fff;background:#ffffff1f}.side-foot{color:#a5a7bb;gap:.6rem;margin-top:auto;padding:0 .4rem;font-size:.82rem;display:grid}.side-foot .btn{color:#fff;background:#ffffff14}.side-foot .btn:hover{background:#ffffff29}.side-switch{border-radius:var(--radius-sm);background:#ffffff0f;gap:.5rem;padding:.75rem;display:grid}.main{min-width:0;padding:2rem clamp(1rem,3vw,2.5rem) 4rem}.page{gap:1.25rem;width:min(1120px,100%);margin:0 auto;display:grid}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.page-head p{color:var(--muted);margin-top:.35rem}.mobile-bar{display:none}@media (max-width:860px){.shell{grid-template-columns:1fr}.side{display:none}.side.open{z-index:50;height:auto;padding:1.2rem 1.2rem 2rem;display:flex;position:fixed;inset:0}.side.open nav a{padding:.85rem .75rem;font-size:1.25rem}.mobile-bar{z-index:40;background:var(--ink);color:#fff;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex;position:sticky;top:0}.mobile-bar strong{font-family:var(--font-head)}.mobile-bar button{color:#fff;background:#ffffff1f;border:0;border-radius:999px;padding:.5rem .9rem;font-weight:500}.main{padding-top:1.2rem}}.stats{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1rem;display:grid}.stat{background:var(--panel);border-radius:var(--radius);gap:.15rem;padding:1.15rem 1.25rem;display:grid}.stat .label{font-size:.8rem}.stat .value{font-family:var(--font-head);letter-spacing:-.02em;font-size:1.9rem;font-weight:500;line-height:1.1}.stat .sub{color:var(--muted);font-size:.82rem}.meter{background:var(--tint);border-radius:999px;height:8px;margin-top:.5rem;overflow:hidden}.meter>i{background:var(--accent);border-radius:999px;height:100%;display:block}.tabs{background:var(--tint);border-radius:999px;flex-wrap:wrap;gap:.35rem;width:fit-content;max-width:100%;padding:.3rem;display:flex}.tabs a,.tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.45rem .95rem;font-size:.85rem;font-weight:500;text-decoration:none}.tabs a.on,.tabs button.on{background:var(--panel);color:var(--ink)}.login-screen{place-items:center;min-height:100vh;padding:2rem 1rem;display:grid}.login-card{border-radius:var(--radius);background:var(--panel);gap:1rem;width:min(420px,100%);padding:1.8rem 1.5rem;display:grid}.login-card h1{text-align:center;font-size:1.5rem}.login-logo{width:150px;height:auto;margin:.4rem auto .6rem;display:block}.login-card .lead{text-align:center;color:var(--muted);margin-top:-.4rem}.kneet{border-radius:var(--radius-sm);background:var(--tint);color:var(--muted);text-align:center;gap:.4rem;padding:1rem;font-size:.82rem;display:grid}.kneet img{width:auto;height:26px;margin:0 auto .2rem}.kneet a{color:var(--ink);font-weight:500}.login-card .btn{min-height:48px}.public{place-items:center;min-height:100vh;padding:2rem 1rem;display:grid}.public-card{background:var(--panel);border-radius:var(--radius);text-align:center;gap:1rem;width:min(480px,100%);padding:2rem 1.6rem;display:grid}.public-card img.logo{max-width:200px;max-height:56px;margin:0 auto}.code-box{color:#e7e8f2;border-radius:var(--radius-sm);white-space:pre;background:#12131d;padding:1rem;font-size:.82rem;line-height:1.55;position:relative;overflow-x:auto}.copy-row{align-items:center;gap:.5rem;display:flex}.copy-row input{font-family:ui-monospace,Menlo,monospace;font-size:.85rem}.tpl-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:1rem;display:grid}.tpl{border-radius:var(--radius);background:var(--panel);cursor:pointer;text-align:left;border:2px solid #0000;gap:.6rem;padding:.7rem;display:grid}.tpl:hover{background:#fbfaf8}.tpl.on{border-color:var(--accent)}.tpl-thumb{border-radius:var(--radius-sm);background:var(--tint);height:220px;position:relative;overflow:hidden}.tpl-thumb iframe{transform-origin:0 0;pointer-events:none;border:0;width:640px;height:900px;margin-left:-96px;position:absolute;left:50%;transform:scale(.3)}.tpl strong{font-family:var(--font-head)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.chart-tip{pointer-events:none;background:var(--ink);color:#fff;white-space:nowrap;border-radius:10px;gap:2px;padding:.5rem .7rem;font-size:.78rem;display:grid;position:absolute;top:0;transform:translate(-50%)}.bar-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.2rem 1rem;display:grid}.bar-row .bar{background:var(--tint);border-radius:999px;grid-column:1/-1;height:6px;overflow:hidden}.bar-row .bar i{background:#3d55c9;border-radius:999px;height:100%;display:block}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (min-width:760px){.span-2{grid-column:span 2}}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235c5c5c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-position:right .85rem center!important;background-repeat:no-repeat!important;padding-right:2.4rem!important}input::placeholder,textarea::placeholder{color:#a3a3a3}input:hover:not(:focus),textarea:hover:not(:focus),select:hover:not(:focus){border-color:#cfcfd4}input[type=checkbox]{appearance:none;cursor:pointer;background:#fff;border:1.5px solid #c9cad1;border-radius:6px;flex:none;place-content:center;width:20px;height:20px;margin:0;transition:background-color .15s,border-color .15s;display:inline-grid}input[type=checkbox]:after{content:"";opacity:0;border-top:0;border-bottom:2px solid #fff;border-left:2px solid #fff;border-right:0;width:10px;height:6px;transform:rotate(-45deg)translate(1px,-1px)}input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}input[type=checkbox]:checked:after{opacity:1}input[type=checkbox]:focus-visible{outline-offset:1px;outline:3px solid #2b3e8340}.affix{border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;align-items:stretch;display:flex;overflow:hidden}.affix:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #2b3e8324}.affix input{min-width:0;box-shadow:none!important;border:0!important;border-radius:0!important}.affix>span{background:var(--tint);color:var(--muted);white-space:nowrap;align-items:center;padding:0 .9rem;font-size:.9rem;display:flex}.affix>.affix-icon{background:0 0;padding:0 .75rem}.affix>.affix-icon img{width:18px;height:18px;display:block}.drop{text-align:center;border-radius:var(--radius);cursor:pointer;background:#fafbfc;border:1.5px dashed #cfd2dc;justify-items:center;gap:.5rem;padding:1.8rem 1.2rem;transition:border-color .15s,background-color .15s;display:grid;position:relative}.drop:hover,.drop.over{border-color:var(--accent);background:var(--accent-soft)}.drop input[type=file]{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.drop-icon{width:46px;height:46px;color:var(--accent);background:#fff;border-radius:14px;place-items:center;display:grid;box-shadow:0 1px 2px #0000000f}.drop strong{font-weight:500}.drop .hint{max-width:36ch}.file-chip{border-radius:var(--radius-sm);background:var(--tint);align-items:center;gap:.75rem;padding:.75rem .9rem;display:flex}.file-chip .grow{flex:1;min-width:0}.set-section{background:var(--panel);border-radius:var(--radius);grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:2rem;padding:1.8rem;display:grid}.set-section>header h2{font-size:1.1rem}.set-section>header p{color:var(--muted);margin-top:.4rem;font-size:.9rem}.set-fields{align-content:start;gap:1.1rem;display:grid}@media (max-width:860px){.set-section{grid-template-columns:1fr;gap:1.1rem;padding:1.3rem}}.save-bar{z-index:20;background:var(--ink);color:#fff;border-radius:999px;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem .8rem .8rem 1.2rem;display:flex;position:sticky;bottom:1rem;box-shadow:0 10px 30px #0000002e}.save-bar .btn{color:var(--ink);background:#fff}.color-field{gap:.5rem;display:grid}.color-row{align-items:center;gap:.6rem;display:flex}.color-swatch{border-radius:var(--radius-sm);cursor:pointer;flex:none;width:44px;height:44px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000001f}.color-swatch input{opacity:0;cursor:pointer;width:70px;height:70px;position:absolute;inset:-8px}.color-row input[type=text]{text-transform:uppercase;max-width:130px;font-family:ui-monospace,Menlo,monospace}.color-presets{flex-wrap:wrap;gap:6px;display:flex}.color-presets button{cursor:pointer;border:0;border-radius:999px;width:24px;height:24px;box-shadow:inset 0 0 0 1px #0000001f}.color-presets button.on{outline:2px solid var(--accent);outline-offset:2px}.logo-field{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.logo-field .logo-bg{border-radius:var(--radius-sm);place-items:center;min-height:120px;padding:1rem;display:grid}.logo-field .logo-bg img{object-fit:contain;max-width:100%;max-height:80px}.logo-field .logo-bg.light{background:#f4f5f8}.logo-field .logo-bg.dark{background:#111}.brand-preview{border-radius:var(--radius);background:#f4f5f8;padding:1.2rem;overflow:hidden}.brand-preview .bp-mail{background:#fff;border-radius:12px;overflow:hidden}.brand-preview .bp-head{place-items:center;padding:1.1rem;display:grid}.brand-preview .bp-head img{max-width:160px;max-height:40px}.brand-preview .bp-body{justify-items:start;gap:.6rem;padding:0 1.2rem 1.3rem;display:grid}.brand-preview .bp-line{background:#eceef2;border-radius:6px;height:9px}.brand-preview .bp-btn{border-radius:999px;margin-top:.4rem;padding:.55rem 1.1rem;font-size:.8rem;font-weight:500}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dd{gap:.35rem;display:grid;position:relative}.dd-button{border:1px solid var(--line);border-radius:var(--radius-sm);text-align:left;cursor:pointer;background:#fff;align-items:center;gap:.6rem;width:100%;min-height:44px;padding:0 .85rem;display:flex}.dd-button:hover{border-color:#cfcfd4}.dd-button[aria-expanded=true]{border-color:var(--accent);box-shadow:0 0 0 3px #2b3e8324}.dd-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;display:grid;overflow:hidden}.dd-label small{color:var(--muted);white-space:normal;font-size:.75rem}.dd-chev{color:var(--muted);flex:none}.dd-menu{z-index:70;border-radius:var(--radius-sm);background:#fff;max-height:320px;margin:0;padding:.35rem;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 14px 40px #00000029,0 0 0 1px #0000000a}.dd-menu button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:.6rem;width:100%;padding:.55rem .65rem;font-size:.9rem;display:flex}.dd-menu button:hover{background:var(--tint)}.dd-menu button.on{background:var(--accent-soft);color:var(--accent)}.dd-fonts{min-width:250px;max-height:none;padding:0;display:grid;overflow:hidden}.dd-search{border-bottom:1px solid var(--tint);color:var(--muted);align-items:center;gap:.5rem;padding:0 .7rem;display:flex}.dd-search input{min-height:44px;box-shadow:none!important;border:0!important;padding:0!important}.dd-scroll{max-height:340px;padding:.35rem;overflow-y:auto}.dd-group{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;padding:.6rem .65rem .3rem;font-size:.72rem;font-weight:500}.shape-icon{background:var(--ink);flex:none;width:34px;height:16px}.cp{gap:.35rem;display:grid;position:relative}.cp-trigger{border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;text-align:left;background:#fff;align-items:center;gap:.65rem;width:100%;min-height:44px;padding:0 .75rem 0 .45rem;display:flex}.cp-trigger:hover{border-color:#cfcfd4}.cp-trigger[aria-expanded=true]{border-color:var(--accent);box-shadow:0 0 0 3px #2b3e8324}.cp-trigger code{color:var(--muted);margin-left:auto;font-size:.82rem}.cp-compact .cp-trigger{min-height:40px}.cp-name{font-size:.86rem}.cp-chip{border-radius:8px;flex:none;width:30px;height:30px;box-shadow:inset 0 0 0 1px #0000001f}.cp-pop{z-index:80;border-radius:var(--radius);background:#fff;gap:.75rem;width:252px;padding:.8rem;display:grid;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 14px 40px #0000002e,0 0 0 1px #0000000a}.cp-area{cursor:crosshair;touch-action:none;border-radius:10px;height:150px;position:relative}.cp-hue{cursor:pointer;touch-action:none;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:999px;height:14px;position:relative}.cp-thumb{pointer-events:none;border:3px solid #fff;border-radius:999px;width:18px;height:18px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000040,0 2px 6px #00000040}.cp-hex{align-items:center;gap:.5rem;display:flex}.cp-hex input{text-transform:uppercase;font-family:ui-monospace,Menlo,monospace;min-height:38px!important}.cp-presets{grid-template-columns:repeat(8,1fr);gap:6px;display:grid}.cp-presets button{aspect-ratio:1;cursor:pointer;border:0;border-radius:7px;box-shadow:inset 0 0 0 1px #0000001f}.cp-presets button.on{outline:2px solid var(--accent);outline-offset:2px}.ed-right .cp-pop{left:auto;right:0}.dns-list{gap:.75rem;display:grid}.dns-record{border-radius:var(--radius-sm);background:var(--tint);gap:.5rem;padding:1rem;display:grid}.dns-grid{grid-template-columns:110px minmax(0,1fr);align-items:center;gap:.4rem .8rem;display:grid}.copy-text{background:#fff;border-radius:10px;align-items:center;gap:.5rem;min-width:0;padding:.35rem .35rem .35rem .7rem;display:flex}.copy-text code{overflow-wrap:anywhere;flex:1;min-width:0;font-size:.8rem}@media (max-width:560px){.dns-grid{grid-template-columns:1fr}}.checks{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.checks li{align-items:flex-start;gap:.6rem;font-size:.9rem;display:flex}.checks li>svg{flex:none;margin-top:1px}.checks li.ok>svg{color:var(--good)}.checks li.warn>svg{color:var(--warn)}.checks li.bad>svg{color:var(--bad)}.checks small{color:var(--muted);font-size:.8rem;display:block}.banner{border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;padding:1rem 1.2rem;display:flex}.banner-bad{background:var(--bad-soft);color:var(--bad)}.banner-info{background:var(--accent-soft);color:var(--accent)}.pw-wrap{width:100%;display:block;position:relative}.pw-wrap input{width:100%;padding-right:48px}.pw-eye{width:46px;height:100%;color:var(--muted,#5c5c5c);cursor:pointer;border-radius:var(--radius-sm,8px);background:0 0;border:0;place-items:center;display:grid;position:absolute;top:0;right:0}.pw-eye:hover{color:var(--accent,#2b3e83)}.pw-eye:focus-visible{outline:2px solid var(--accent,#2b3e83);outline-offset:-2px}.rule-row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.rule-row>select,.rule-row>input,.rule-row>div:not(.affix){flex:180px;width:auto;min-width:0}.rule-row>.affix{flex:180px}.rule-row>button{flex:none}.bell{position:relative}.bell-btn{border-radius:var(--radius-sm);color:#c9cad7;width:100%;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:.7rem;padding:.65rem .75rem;font-weight:500;display:flex;position:relative}.bell-btn:hover,.bell-btn[aria-expanded=true]{color:#fff;background:#ffffff12}.bell-text{flex:1}.bell-count{color:#fff;text-align:center;background:#d4483b;border-radius:999px;min-width:1.35rem;padding:.1rem .4rem;font-size:.72rem;font-weight:600;line-height:1.2}.bell-side{border-top:1px solid #ffffff1a;padding-top:.8rem}.bell-bar .bell-btn{color:#fff;background:#ffffff1f;border-radius:999px;width:auto;padding:.5rem}.bell-bar .bell-count{min-width:1.1rem;padding:.05rem .3rem;font-size:.65rem;position:absolute;top:-4px;right:-4px}.bell-tray{z-index:60;background:var(--panel);width:min(360px,100vw - 32px);max-height:min(70vh,520px);color:var(--ink);border-radius:var(--radius-sm);position:absolute;overflow:auto;box-shadow:0 18px 48px #00000038}.bell-side .bell-tray{bottom:0;left:calc(100% + 1.2rem)}.bell-bar .bell-tray{width:auto;position:fixed;top:3.6rem;left:16px;right:16px}.bell-head{background:var(--panel);border-bottom:1px solid var(--line);padding:.8rem 1rem;font-weight:600;position:sticky;top:0}.bell-tray ul{margin:0;padding:.3rem;list-style:none}.bell-tray li>a,.bell-tray li>div{color:inherit;border-radius:8px;grid-template-columns:.6rem 1fr auto;align-items:start;gap:.65rem;padding:.65rem .7rem;text-decoration:none;display:grid}.bell-tray li>a:hover{background:var(--tint)}.bell-body{gap:.15rem;min-width:0;font-size:.88rem;display:grid}.bell-body span{color:var(--muted);-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.bell-tray time{color:var(--muted);white-space:nowrap;font-size:.75rem}.bell-dot{background:0 0;border-radius:50%;width:.5rem;height:.5rem;margin-top:.4rem}.bell-dot.new{background:var(--accent)}.bell-dot.urgent{background:#d4483b}.bell-empty{color:var(--muted);padding:1rem;font-size:.88rem}.add-dialog{border-radius:var(--radius);background:var(--panel);width:min(720px,100vw - 32px);max-height:calc(100vh - 32px);color:var(--ink);border:0;padding:0;box-shadow:0 24px 64px #00000040}.add-dialog::backdrop{background:#14141e73}.add-inner{gap:1rem;padding:1.4rem;display:grid}.add-ways{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.add-way{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:inherit;text-align:left;font:inherit;cursor:pointer;align-content:start;gap:.35rem;padding:1rem;text-decoration:none;display:grid}.add-way:hover,.add-way:focus-visible{border-color:var(--accent);background:var(--tint)}.add-icon{background:var(--tint);width:2.6rem;height:2.6rem;color:var(--accent);border-radius:10px;place-items:center;margin-bottom:.3rem;display:inline-grid}@media (max-width:560px){.add-ways{grid-template-columns:1fr}}