@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/46a9e2f250689b4a-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:100 900;font-display:swap;src:url(../media/76b70a1dbe058eb5-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:100 900;font-display:swap;src:url(../media/2fb76073e23fd9e4-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6131cbbf5549afa2-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:100 900;font-display:swap;src:url(../media/45462fd7b7c12654-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:100 900;font-display:swap;src:url(../media/ba63f6a0e436df8e-s.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:100 900;font-display:swap;src:url(../media/07c7676b89ed2778-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%}._2GhXXq_className{font-family:Inter,Inter Fallback;font-style:normal}._2GhXXq_variable{--font-body:"Inter", "Inter Fallback"}
@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/12d4e8c1f08b4a66-s.0e__wj8580tc5.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:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/cabb10e1d7cbc7c1-s.10u7vx61f1ie7.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:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/9f5a2b9f13a4ecbb-s.35a5cae5tspm2.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:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/d8aeca813a9ab546-s.p.18rizl4rsrl42.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:Plus Jakarta Sans Fallback;src:local(Arial);ascent-override:98.88%;descent-override:21.15%;line-gap-override:0.0%;size-adjust:104.98%}._u4n9a_className{font-family:Plus Jakarta Sans,Plus Jakarta Sans Fallback;font-style:normal}._u4n9a_variable{--font-display:"Plus Jakarta Sans", "Plus Jakarta Sans Fallback"}
:root,[data-theme=dark],[data-theme=light] .sidebar,[data-theme=light] .auth-right,[data-theme=light] .wizard-side{--bg:#0b0e12;--sidebar:#0f1317;--card:#12161b;--card-2:#171c22;--hover:#1a2027;--border:#242a31;--border-strong:#323a43;--text:#f1f4f6;--text-2:#b7bfc7;--muted:#7f8993;--accent:#5cc66b;--accent-ink:#08130a;--accent-soft:#15281a;--accent-border:#2c5a35;--blue:#4f83f1;--violet:#9a8cf0;--amber:#e7b13f;--amber-soft:#2a2312;--red:#e5645d;--bubble-in:#1b2026;--bubble-ai:#17291c;--shadow:0 16px 44px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--bg:#fff;--sidebar:#fff;--card:#fff;--card-2:#f2f4f6;--hover:#eef1f3;--border:#e2e6ea;--border-strong:#cdd3d9;--text:#12171c;--text-2:#3f4851;--muted:#6c7680;--accent:#34a447;--accent-ink:#fff;--accent-soft:#e8f6ea;--accent-border:#b5e0bc;--blue:#2f6be6;--violet:#6c5bd8;--amber:#b47c0c;--amber-soft:#fbf3df;--red:#cf4239;--bubble-in:#eef1f3;--bubble-ai:#e8f6ea;--shadow:0 16px 44px #141e2824;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.sidebar,.auth-right,.wizard-side{color:var(--text)}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body), system-ui, sans-serif;-webkit-font-smoothing:antialiased;font-size:13px;line-height:1.4}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{grid-template-columns:232px minmax(0,1fr);height:100vh;display:grid}.sidebar{background:var(--sidebar);border-right:1px solid var(--border);flex-direction:column;min-height:0;padding:14px 12px 12px;display:flex}.brand{font-family:var(--font-display);align-items:center;gap:8px;padding:2px 6px 14px;font-size:16px;font-weight:600;display:flex}.brand img{object-fit:contain;width:24px;height:23px}.account-btn{background:var(--card);border:1px solid var(--border);text-align:left;border-radius:9px;align-items:center;gap:10px;width:100%;margin-bottom:14px;padding:8px 10px;display:flex}.nav{flex:1;min-height:0;overflow-y:auto}.nav-label{color:var(--muted);padding:12px 8px 6px;font-size:11.5px}.nav-link{color:var(--text-2);border-radius:7px;align-items:center;gap:10px;margin-bottom:1px;padding:7px 8px;display:flex}.nav-link:hover,.nav-link.active{background:var(--hover);color:var(--text)}.nav-link.active svg{color:var(--accent)}.nav-link .count{color:var(--muted);margin-left:auto;font-size:11.5px}.ai-status{background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:9px;align-items:center;gap:9px;margin:10px 0 8px;padding:8px 10px;display:flex}.ai-status svg{color:var(--accent);flex:none}.user-btn{text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:6px;display:flex}.user-btn:hover{background:var(--hover)}.popover{z-index:30;background:var(--card);border:1px solid var(--border-strong);box-shadow:var(--shadow);border-radius:10px;padding:8px;position:absolute}.menu-item{text-align:left;width:100%;color:var(--text-2);background:0 0;border:0;border-radius:6px;align-items:center;gap:9px;padding:7px 8px;display:flex}.menu-item:hover{background:var(--hover);color:var(--text)}.main{flex-direction:column;min-width:0;min-height:0;display:flex}.topbar{border-bottom:1px solid var(--border);flex:none;justify-content:space-between;align-items:center;gap:12px;height:52px;padding:0 28px;display:flex}.crumbs{color:var(--text-2);align-items:center;gap:6px;font-size:12.5px;display:flex}.crumbs a:hover{color:var(--text)}.top-actions{align-items:center;gap:8px;display:flex}.icon-btn{width:30px;height:30px;color:var(--text-2);background:0 0;border:0;border-radius:7px;place-items:center;display:inline-grid;position:relative}.icon-btn:hover:not(:disabled){background:var(--hover);color:var(--text)}.notify-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;position:absolute;top:5px;right:6px}.search{width:240px;position:relative}.search input,.field-search input{background:var(--card);border:1px solid var(--border);outline-offset:0;border-radius:8px;width:100%;height:32px;padding:0 44px 0 30px}.search>svg,.field-search>svg{color:var(--muted);position:absolute;top:9px;left:9px}.kbd{color:var(--muted);border:1px solid var(--border);background:var(--card-2);border-radius:4px;padding:0 4px;font-size:10.5px;position:absolute;top:7px;right:7px}.search-results{max-height:340px;top:38px;left:0;right:0;overflow:auto}.content{flex:1;min-height:0;padding:22px 28px 32px;overflow-y:auto}.content.flush{flex-direction:column;padding:0;display:flex;overflow:hidden}.content.flush>.banner{flex:none;margin:12px 16px!important}.mobile-menu{display:none}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.page-title{font-family:var(--font-display);letter-spacing:-.01em;font-size:24px;font-weight:600}.sub{color:var(--muted);font-size:12.5px}.small{font-size:12px}.tiny{font-size:11.5px}.muted{color:var(--muted)}.text-2{color:var(--text-2)}.strong{font-weight:600}.row{align-items:center;gap:8px;display:flex}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.stack{flex-direction:column;gap:14px;display:flex}.grow{flex:1;min-width:0}.right{text-align:right}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden}.card-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;min-height:46px;padding:12px 14px;font-weight:600;display:flex}.card-head .title{align-items:center;gap:8px;display:flex}.card-body{padding:14px}.list-row{border-top:1px solid var(--border);align-items:center;gap:12px;padding:10px 14px;display:flex}.list-row:first-child{border-top:0}.grid-main{grid-template-columns:minmax(0,1.75fr) minmax(280px,1fr);align-items:start;gap:14px;display:grid}.grid-agenda{grid-template-columns:minmax(0,2.4fr) minmax(250px,1fr)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px;display:grid}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.funnel{grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.funnel>div{border-left:1px solid var(--border);padding:14px}.funnel>div:first-child{border-left:0}.big-number{font-family:var(--font-display);margin:3px 0 1px;font-size:24px;font-weight:600}.bar{background:var(--border);border-radius:4px;height:4px;overflow:hidden}.bar>i{background:var(--accent);border-radius:4px;height:100%;display:block}.btn{border:1px solid var(--border);background:var(--card-2);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:6px;height:32px;padding:0 12px;font-weight:500;display:inline-flex}.btn:hover:not(:disabled){background:var(--hover);border-color:var(--border-strong)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn-primary:hover:not(:disabled){background:var(--accent);filter:brightness(1.08);border-color:var(--accent)}.btn-soft{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.btn-ghost{color:var(--text-2);background:0 0;border-color:#0000}.btn-sm{height:27px;padding:0 9px;font-size:12px}.btn-block{width:100%}.field{flex-direction:column;gap:5px;display:flex}.field label,.label{color:var(--muted);font-size:12px}.input,.select,.textarea{background:var(--card-2);border:1px solid var(--border);border-radius:8px;width:100%;min-height:34px;padding:6px 10px}.textarea{resize:vertical}.select-sm{background:var(--card-2);border:1px solid var(--border);border-radius:7px;height:28px;padding:0 8px;font-size:12px}.field-search{flex:1;min-width:200px;max-width:280px;position:relative}.toggle{background:var(--border-strong);border:0;border-radius:18px;flex:none;width:32px;height:18px;padding:0;transition:background .12s;position:relative}.toggle:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:left .12s;position:absolute;top:2px;left:2px}.toggle.on{background:var(--accent)}.toggle.on:after{left:16px}.check{width:16px;height:16px;accent-color:var(--accent);flex:none;margin:0}.segmented{background:var(--card);border:1px solid var(--border);border-radius:8px;gap:2px;padding:2px;display:inline-flex}.segmented button{white-space:nowrap;height:26px;color:var(--muted);background:0 0;border:0;border-radius:6px;padding:0 10px;font-size:12px}.segmented button.on{background:var(--hover);color:var(--text)}.tabs{border-bottom:1px solid var(--border);gap:18px;margin-bottom:14px;display:flex;overflow-x:auto}.tabs button{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:7px 0 9px}.tabs button.on{color:var(--text);border-bottom-color:var(--accent)}.chat-list .tabs{flex-wrap:wrap;gap:0 14px;overflow:visible}.tabs .n{color:var(--muted);margin-left:3px;font-size:11px}.dot{background:var(--muted);border-radius:50%;flex:none;width:6px;height:6px;display:inline-block}.tone-green{background:var(--accent)}.tone-blue{background:var(--blue)}.tone-violet{background:var(--violet)}.tone-amber{background:var(--amber)}.tone-red{background:var(--red)}.tone-muted{background:var(--muted)}.status{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.avatar{background:var(--card-2);border:1px solid var(--border);width:28px;height:28px;color:var(--text-2);border-radius:50%;flex:none;place-items:center;font-size:10.5px;font-weight:600;display:inline-grid}.avatar.square{border-radius:7px}.avatar.sm{width:22px;height:22px;font-size:9px}.banner{border-radius:9px;align-items:flex-start;gap:10px;padding:10px 12px;font-size:12.5px;display:flex}.banner.amber{background:var(--amber-soft);color:var(--text-2)}.banner.amber svg{color:var(--amber)}.banner.green{background:var(--accent-soft);color:var(--text-2)}.banner.green svg{color:var(--accent)}.banner.plain{border:1px solid var(--border);color:var(--muted)}.banner svg{flex:none;margin-top:1px}.hint{color:var(--muted);align-items:flex-start;gap:6px;font-size:11.5px;display:flex}.hint svg{flex:none;margin-top:1px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);white-space:nowrap;padding:9px 14px;font-size:11.5px;font-weight:400}td{border-top:1px solid var(--border);vertical-align:middle;padding:9px 14px}thead+tbody tr:first-child td{border-top:0}tbody tr.link{cursor:pointer}tbody tr.link:hover{background:var(--hover)}th.num,td.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}tfoot td{background:var(--card-2);font-weight:600}.score{font-variant-numeric:tabular-nums;color:var(--text-2);align-items:center;gap:7px;display:inline-flex}.score .bar{width:28px}.chat-layout{flex:1;grid-template-columns:330px minmax(0,1fr) 280px;width:100%;min-height:0;display:grid}.chat-list{border-right:1px solid var(--border);flex-direction:column;min-height:0;display:flex}.chat-items{flex:1;overflow-y:auto}.chat-item{border:0;border-bottom:1px solid var(--border);text-align:left;background:0 0;align-items:flex-start;gap:10px;width:100%;padding:11px 16px;display:flex}.chat-item:hover,.chat-item.on{background:var(--hover)}.chat-main{flex-direction:column;min-width:0;min-height:0;display:flex}.chat-header{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:11px 16px;display:flex}.chat-scroll{flex-direction:column;flex:1;gap:10px;min-height:0;padding:16px;display:flex;overflow-y:auto}.bubble{white-space:pre-line;overflow-wrap:anywhere;border-radius:10px;max-width:70%;padding:9px 12px;font-size:13px}.bubble.in{background:var(--bubble-in);align-self:flex-start}.bubble.out{background:var(--bubble-ai);align-self:flex-end}.bubble.human{background:var(--card-2);border:1px solid var(--accent-border);align-self:flex-end}.bubble .meta{color:var(--muted);align-items:center;gap:5px;margin-top:3px;font-size:10.5px;display:flex}.bubble.out .meta{color:var(--accent);justify-content:flex-end}.bubble.human .meta{justify-content:flex-end}.sys-msg{color:var(--muted);background:var(--card-2);border:1px solid var(--border);border-radius:12px;align-self:center;padding:3px 10px;font-size:11.5px}.composer{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding:12px 16px;display:flex}.chat-side{border-left:1px solid var(--border);min-height:0;overflow-y:auto}.side-section{border-bottom:1px solid var(--border);padding:14px 16px}.crit{gap:8px;padding:5px 0;display:flex}.crit svg{flex:none;margin-top:1px}.kv{grid-template-columns:80px minmax(0,1fr);gap:7px 10px;font-size:12.5px;display:grid}.kv dt{color:var(--muted)}.kv dd{overflow-wrap:anywhere;margin:0}.dl{margin:0}.kanban{flex:1;grid-template-columns:repeat(5,minmax(200px,1fr));gap:10px;min-height:480px;display:grid;overflow-x:auto}.kanban-col{background:var(--card);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:8px;padding:10px;display:flex}.kanban-col.over{border-color:var(--accent)}.kanban-card{background:var(--card-2);border:1px solid var(--border);cursor:grab;border-radius:9px;padding:9px 10px;display:block}.kanban-card:hover{border-color:var(--border-strong)}.calendar{grid-template-columns:48px repeat(5,minmax(90px,1fr));display:grid;position:relative}.cal-head{text-align:center;border-bottom:1px solid var(--border);border-left:1px solid var(--border);color:var(--text-2);padding:9px 8px;font-size:12px}.cal-today{background:var(--accent);color:var(--accent-ink);border-radius:9px;padding:0 6px;font-weight:600;display:inline-block}.cal-hour{height:56px;color:var(--muted);text-align:right;border-top:1px solid var(--border);padding:2px 8px 0 0;font-size:10.5px}.cal-col{border-left:1px solid var(--border);position:relative}.cal-line{border-top:1px solid var(--border);height:56px}.cal-slot{background:var(--accent-soft);border-left:3px solid var(--accent);border-radius:5px;padding:3px 6px;font-size:11.5px;line-height:1.25;position:absolute;left:4px;right:4px;overflow:hidden}.today-row{border-top:1px solid var(--border);align-items:center;gap:12px;padding:10px 14px;display:flex}.today-row:first-child{border-top:0}.today-row .tick{background:var(--accent);border-radius:2px;align-self:stretch;width:3px}.q-row{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px;padding:11px 14px;display:flex}.tag{background:var(--card-2);border:1px solid var(--border);color:var(--text-2);border-radius:5px;padding:1px 7px;font-size:11px;display:inline-block}.switch-label{color:var(--text-2);align-items:center;gap:6px;font-size:12px;display:inline-flex}.stepper{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.step{color:var(--muted);background:0 0;border:0;border-radius:8px;align-items:center;gap:7px;padding:5px 11px;font-size:12.5px;display:inline-flex}.step.on{background:var(--hover);color:var(--text)}.step.done{color:var(--text-2)}.step-num{border:1px solid var(--border-strong);border-radius:50%;place-items:center;width:17px;height:17px;font-size:10px;display:inline-grid}.step.done .step-num,.step.on .step-num{border-color:var(--accent);color:var(--accent)}.campaign-layout{grid-template-columns:240px minmax(0,1fr) 260px;align-items:start;gap:14px;display:grid}.ad-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.ad{border:1px solid var(--border-strong);color:#15191d;background:#fff;border-radius:10px;flex-direction:column;font-size:11.5px;display:flex;overflow:hidden}.ad.selected{outline:2px solid var(--accent);outline-offset:1px}.ad-top{align-items:center;gap:7px;padding:8px;display:flex}.ad-logo{background:#b5532c;border-radius:50%;width:22px;height:22px}.ad-copy{color:#333;flex:1;padding:0 9px 8px}.ad-visual{min-height:110px;font-family:var(--font-display);flex-direction:column;justify-content:flex-end;padding:14px 10px;font-size:15px;font-weight:600;line-height:1.2;display:flex}.ad-visual small{font-family:var(--font-body);margin-top:4px;font-size:10.5px;font-weight:500}.ad-cta{background:#eef0f2;justify-content:flex-end;padding:7px 9px;display:flex}.ad-cta span{background:#d9dde1;border-radius:4px;padding:3px 8px;font-size:10.5px;font-weight:600}.action-bar{border-top:1px solid var(--border);background:var(--sidebar);flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:10px;padding:12px 28px;display:flex}.modal-backdrop{z-index:40;background:#0000008c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--card);border:1px solid var(--border-strong);width:100%;max-width:440px;box-shadow:var(--shadow);border-radius:14px;flex-direction:column;gap:12px;max-height:90vh;padding:18px;display:flex;overflow:auto}.modal h2{font-family:var(--font-display);font-size:17px;font-weight:600}.auth{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.auth-left{background:var(--bg);flex-direction:column;justify-content:center;padding:48px;display:flex}.auth-form{flex-direction:column;gap:12px;width:100%;max-width:340px;margin:0 auto;display:flex}.auth-right{background:var(--sidebar);border-left:1px solid var(--border);flex-direction:column;justify-content:center;gap:12px;padding:48px 72px;display:flex}.auth-right h2{font-family:var(--font-display);letter-spacing:-.01em;font-size:30px;font-weight:600;line-height:1.2}.auth-right em{color:var(--accent);font-style:normal;display:block}.divider{color:var(--muted);align-items:center;gap:10px;font-size:11.5px;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.wizard{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.wizard-side{background:var(--sidebar);border-right:1px solid var(--border);flex-direction:column;gap:4px;padding:22px 18px;display:flex}.wizard-step{color:var(--muted);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.wizard-step.on{background:var(--hover);color:var(--text)}.wizard-step.done{color:var(--text-2)}.wizard-main{max-height:100vh;padding:48px clamp(20px,6vw,80px);overflow-y:auto}.wizard-content{flex-direction:column;gap:16px;max-width:620px;display:flex}@media (max-width:1180px){.grid-main,.grid-agenda,.grid-2,.campaign-layout{grid-template-columns:minmax(0,1fr)}.chat-layout{grid-template-columns:260px minmax(0,1fr)}.chat-side{display:none}.funnel{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:820px){.app{grid-template-columns:minmax(0,1fr)}.sidebar{z-index:35;width:260px;transition:transform .15s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar.open{box-shadow:var(--shadow);transform:none}.mobile-menu{display:inline-grid}.topbar{padding:0 16px}.search{flex:1;width:auto;min-width:0}.search .kbd,.crumbs{display:none}.content{padding:16px}.chat-layout{grid-template-columns:minmax(0,1fr)}.chat-layout.has-open .chat-list,.chat-layout:not(.has-open) .chat-main{display:none}.funnel{grid-template-columns:repeat(2,minmax(0,1fr))}.funnel>div{border-top:1px solid var(--border)}.grid-4,.ad-grid,.auth,.wizard{grid-template-columns:minmax(0,1fr)}.auth-right{display:none}.auth-left{padding:32px 16px}.wizard-side{display:none}.wizard-main{max-height:none;padding:24px 16px}.action-bar{padding:12px 16px}.bubble{max-width:85%}.task-row{flex-wrap:wrap}.task-row>.grow{flex-basis:100%;order:3}.task-row>div:nth-child(2){flex:1;width:auto!important}}.modal.wide{max-width:760px}.funnel.four{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:900px){.funnel.four{grid-template-columns:repeat(2,minmax(0,1fr))}.funnel.four>div{border-top:1px solid var(--border)}}.beeld-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:14px;display:grid}@media (max-width:1180px){.beeld-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.beeld-grid.narrow{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:760px){.beeld-grid,.beeld-grid.narrow{grid-template-columns:minmax(0,1fr)}}.beeld-layout{grid-template-columns:minmax(0,380px) minmax(0,1fr);align-items:start;gap:14px;display:grid}.beeld-layout>.card:first-child{position:sticky;top:14px}.beeld-layout.preview-right{grid-template-columns:minmax(0,1fr) minmax(0,380px)}.beeld-layout.preview-right>.card:first-child{order:2}@media (max-width:980px){.beeld-layout.preview-right>.card:first-child{order:0}.beeld-layout,.beeld-layout.preview-right{grid-template-columns:minmax(0,1fr)}.beeld-layout>.card:first-child{position:static}}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.photo-tile{aspect-ratio:1;background:var(--card-2);border:1px solid var(--border);border-radius:10px;margin:0;position:relative;overflow:hidden}.photo-tile img{object-fit:cover;width:100%;height:100%;display:block}.photo-tile .btn{padding:4px 6px;position:absolute;top:6px;right:6px}.photo-pick{flex-wrap:wrap;gap:6px;display:flex}.photo-pick button{background:var(--card-2);cursor:pointer;border:2px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:52px;height:52px;padding:0;display:flex;overflow:hidden}.photo-pick button[aria-pressed=true]{border-color:var(--accent)}.photo-pick img{object-fit:cover;width:100%;height:100%;display:block}.setup-welcome{border-color:var(--accent);background:var(--accent-soft,var(--card))}.setup-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.setup-step{border:1px solid var(--border);background:var(--card);color:var(--text-2,inherit);cursor:pointer;font:inherit;text-align:left;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.setup-step[aria-current=step]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset;color:var(--text,inherit)}.setup-num{background:var(--card-2);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:inline-flex}.setup-step[data-done] .setup-num,.setup-step[aria-current=step] .setup-num{background:var(--accent);color:#fff}.setup-label{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}@media (max-width:760px){.setup-steps{grid-template-columns:repeat(5,minmax(0,1fr))}.setup-label{display:none}.setup-step{justify-content:center}}.setup-rows{border:1px solid var(--border);border-radius:12px;display:grid;overflow:hidden}.setup-row{border-top:1px solid var(--border);grid-template-columns:160px 1fr;gap:12px;padding:12px 14px;display:grid}.setup-row:first-child{border-top:0}@media (max-width:600px){.setup-row{grid-template-columns:1fr;gap:2px}}.setup-list{margin:0 0 4px;padding-left:18px}.setup-timeline{gap:14px;margin:0;padding:0;list-style:none;display:grid}.setup-timeline li{align-items:flex-start;gap:12px;display:flex}.setup-dot{background:var(--card-2);width:32px;height:32px;color:var(--accent);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.setup-details{border:1px solid var(--border);background:var(--card);border-radius:12px;padding:10px 14px}.setup-details>summary{cursor:pointer;font-size:14px;font-weight:600}.setup-details[open]>summary{margin-bottom:10px}button.link,a.link{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.live-layout{grid-template-columns:minmax(0,420px) minmax(0,1fr);align-items:start;gap:28px;display:grid}@media (max-width:980px){.live-layout{grid-template-columns:minmax(0,1fr)}}.mock-wrap{gap:10px;display:grid}.mock-phone{border:1px solid var(--border);background:#f0f2f5;border-radius:18px;padding:12px}.mock{color:#050505;background:#fff;border-radius:10px;font-family:-apple-system,Segoe UI,Helvetica,Arial,sans-serif;overflow:hidden;box-shadow:0 1px 2px #0000001f}.mock-head{align-items:center;gap:8px;padding:12px 12px 8px;display:flex}.mock-avatar{background:#0b0f0d;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.mock-name{font-size:14px;font-weight:600;line-height:1.2}.mock-meta{color:#65676b;align-items:center;gap:3px;font-size:12px;display:flex}.mock-icon{color:#65676b;flex-shrink:0}.mock-text{white-space:pre-wrap;margin:0;padding:0 12px 10px;font-size:14px;line-height:1.4}.mock-more{font:inherit;color:#65676b;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.mock-image{aspect-ratio:1;object-fit:cover;background:#e4e6eb;width:100%;display:block}.mock-cta-bar{background:#f0f2f5;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.mock-domain{color:#65676b;letter-spacing:.3px;font-size:11px}.mock-headline{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.mock-cta{color:#050505;background:#e4e6eb;border-radius:6px;flex-shrink:0;padding:8px 12px;font-size:13px;font-weight:600}.mock-counts{color:#65676b;border-bottom:1px solid #e4e6eb;justify-content:space-between;padding:8px 12px;font-size:13px;display:flex}.mock-actions{color:#65676b;justify-content:space-around;padding:6px 4px;font-size:13px;font-weight:600;display:flex}.mock-actions span{align-items:center;gap:6px;padding:6px 8px;display:inline-flex}.mock-note{color:#65676b;padding:0 12px 10px;font-size:12px}.mock-ig .mock-name{font-size:13px}.mock-ig-cta{color:#0095f6;border-bottom:1px solid #efefef;justify-content:space-between;align-items:center;padding:10px 12px;font-size:14px;font-weight:600;display:flex}.mock-ig-icons{justify-content:space-between;align-items:center;padding:10px 12px 8px;display:flex}.mock-dots{justify-content:center;gap:6px;display:flex}.mock-dots span{background:var(--border);border-radius:999px;width:7px;height:7px}.mock-dots span[data-on]{background:var(--accent)}.wa-wrap{gap:10px;display:grid}.wa-controls{gap:8px;min-height:34px}.wa-frame{border:1px solid var(--border);background:#f0f2f5;border-radius:18px;padding:12px}.wa-phone{height:var(--phone-h,600px);color:#111b21;background:#efeae2;border-radius:10px;flex-direction:column;font-family:-apple-system,Segoe UI,Helvetica,Arial,sans-serif;display:flex;overflow:hidden;box-shadow:0 1px 2px #0000001f}.wa-top{color:#fff;background:#008069;align-items:center;gap:10px;padding:12px;display:flex}.wa-avatar{background:#0b0f0d;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.wa-name{font-size:15px;font-weight:600;line-height:1.2}.wa-sub{opacity:.85;font-size:12px}.wa-chat{flex-direction:column;flex:1;gap:4px;padding:10px 12px;display:flex;overflow-y:auto}.wa-day{color:#54656f;background:#fff;border-radius:8px;align-self:center;margin:4px 0;padding:4px 10px;font-size:12px;box-shadow:0 1px .5px #00000021}.wa-notice{color:#54656f;text-align:center;background:#ffeecd;border-radius:8px;align-self:center;align-items:center;gap:6px;max-width:90%;margin:4px 0;padding:6px 10px;font-size:12px;display:flex}.wa-empty{text-align:center;background:#fff;border-radius:10px;margin:auto 8px;padding:14px;font-size:14px;box-shadow:0 1px .5px #00000021}.wa-empty p{margin:0 0 10px}.wa-start{color:#fff;cursor:pointer;background:#008069;border:0;border-radius:999px;padding:10px 18px;font-size:14px;font-weight:600}.wa-bubble{word-wrap:break-word;border-radius:8px;max-width:82%;padding:6px 9px 4px;font-size:14px;line-height:1.35;position:relative;box-shadow:0 1px .5px #00000021}.wa-me{background:#d9fdd3;border-top-right-radius:0;align-self:flex-end}.wa-them{background:#fff;border-top-left-radius:0;align-self:flex-start}.wa-time{text-align:right;color:#667781;margin-top:2px;font-size:11px;display:block}.wa-typing{gap:4px;padding:10px 12px;display:flex}.wa-typing span{background:#8696a0;border-radius:999px;width:7px;height:7px;animation:1.2s ease-in-out infinite wa-dot}.wa-typing span:nth-child(2){animation-delay:.2s}.wa-typing span:nth-child(3){animation-delay:.4s}@keyframes wa-dot{0%,80%,to{opacity:.3}40%{opacity:1}}.wa-bar{background:#f0f2f5;gap:8px;padding:8px;display:flex}.wa-input{color:#111b21;background:#fff;border:0;border-radius:999px;outline:none;flex:1;padding:10px 14px;font-size:15px}.wa-send{color:#fff;cursor:pointer;background:#008069;border:0;border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.wa-send:disabled{opacity:.5;cursor:default}.wa-clip{color:#54656f;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.end-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}@media (max-width:860px){.end-actions{grid-template-columns:minmax(0,1fr)}}.end-action{text-align:left;border:1px solid var(--border);background:var(--card);color:inherit;font:inherit;cursor:pointer;border-radius:12px;flex-direction:column;align-items:flex-start;gap:6px;padding:14px;display:flex}.end-action[aria-checked=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset;background:var(--accent-soft)}.end-action:disabled{cursor:default}.end-action-icon{color:var(--accent)}.live-3{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:22px;display:grid}.live-3>*{min-width:0}@media (max-width:1380px){.live-3{grid-template-columns:repeat(2,minmax(0,1fr))}.live-3>:last-child{grid-column:1/-1}}@media (max-width:900px){.live-3{grid-template-columns:minmax(0,1fr)}}.live-3 .mock-cta{padding:7px 10px;font-size:12px}.live-3 .mock-actions{font-size:12px}.live-3 .mock-actions span{gap:4px;padding:6px 4px}.mock-cta-bar>div{flex:1}.live-3 .mock-wrap,.live-3 .wa-wrap{min-width:0;container-type:inline-size}.live-3 .mock-wrap>*,.live-3 .wa-wrap>*{min-width:0}.live-3 .mock-phone,.live-3 .wa-frame{overflow:hidden}.live-3 .mock-phone .mock,.live-3 .wa-phone{height:calc(100cqw + 266px)}.live-3 .mock-phone .mock{scrollbar-width:none;overflow-y:auto}.live-3 .mock-phone .mock::-webkit-scrollbar{display:none}.live-3 .mock-wrap>.row,.live-3 .wa-controls{min-height:34px}.preview-json{background:var(--card-2);white-space:pre-wrap;word-break:break-word;border-radius:8px;max-height:360px;margin:8px 0 0;padding:10px;font-size:12px;line-height:1.45;overflow-x:auto}.progress-line{background:var(--card-2);border-radius:3px;width:100%;max-width:320px;height:3px;position:relative;overflow:hidden}.progress-line:after{content:"";background:var(--accent);border-radius:3px;width:40%;animation:1.4s ease-in-out infinite progress-slide;position:absolute;inset:0}@keyframes progress-slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}@media (prefers-reduced-motion:reduce){.progress-line:after{opacity:.5;width:100%;animation:none}}.segmented a{height:26px;color:var(--muted);white-space:nowrap;border-radius:6px;align-items:center;padding:0 10px;font-size:12px;text-decoration:none;display:inline-flex}.segmented a.on{background:var(--hover);color:var(--text)}.kpis{background:var(--border);border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1px;display:grid;overflow:hidden}.kpis>div{background:var(--card);min-width:0;padding:14px 16px}.kpis .big-number{margin:2px 0}.admin-section{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;margin:26px 0 10px;display:flex}.admin-section h2{margin:0;font-size:15px;font-weight:600}.todo-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;display:grid}.todo-item{border-top:1px solid var(--border);color:inherit;gap:10px;padding:10px 14px;text-decoration:none;display:flex}.todo-item:hover{background:var(--hover)}.todo-item:first-of-type{border-top:0}.dl{grid-template-columns:140px minmax(0,1fr);gap:6px 12px;font-size:13px;display:grid}.dl dt{color:var(--muted)}.dl dd{overflow-wrap:anywhere;white-space:pre-wrap;margin:0}td a.cell-link{color:inherit;font-weight:600;text-decoration:none}td a.cell-link:hover{text-decoration:underline}.tabs a{color:var(--muted);white-space:nowrap;border-bottom:2px solid #0000;padding:7px 0 9px;text-decoration:none}.tabs a.on{color:var(--text);border-bottom-color:var(--accent)}.dash-notes{gap:8px;margin-bottom:14px;display:grid}.dash-todo-link{color:var(--text-2);justify-content:space-between;align-items:center;text-decoration:none}.dash-todo-link:hover{background:var(--hover)}.dash-hero{border:1px solid color-mix(in srgb, var(--accent) 35%, var(--border));background:radial-gradient(120% 140% at 100% 0%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 60%), var(--card);border-radius:16px;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:center;gap:28px;margin-bottom:16px;padding:22px 24px;display:grid}.dash-hero-main{border-left:1px solid var(--border);padding-left:28px}.dash-hero-label{color:var(--accent);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.dash-hero-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:6px 0 4px;font-size:40px;font-weight:700;line-height:1.1}.dash-hero-sub{color:var(--muted);font-size:12px}.dash-hero-side{gap:12px;display:grid}.dash-hero-pair{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.dash-hero-num{font-variant-numeric:tabular-nums;margin-top:2px;font-size:20px;font-weight:600}.dash-split{background:var(--card-2);border-radius:999px;gap:2px;height:8px;display:flex;overflow:hidden}.dash-split>span{border-radius:999px;height:100%;display:block}:root,[data-theme=dark]{--split-spend:#3987e5;--split-margin:#45a956}[data-theme=light]{--split-spend:#2a78d6;--split-margin:#34a447}.dash-split-spend{background:var(--split-spend)}.dash-split-margin{background:var(--split-margin)}.dash-legend{color:var(--text-2);gap:16px;font-size:12px;display:flex}.dash-legend span{align-items:center;gap:6px;display:inline-flex}.dash-legend i{border-radius:3px;width:10px;height:10px;display:inline-block}.dash-rows{gap:12px;display:grid}.dash-row{background:var(--card);border:1px solid var(--border);box-shadow:inset 4px 0 0 var(--accent);border-radius:14px;grid-template-columns:210px minmax(0,1fr);align-items:stretch;display:grid;overflow:hidden}.dash-row-head{border-right:1px solid var(--border);background:color-mix(in srgb, var(--accent) 5%, var(--card));align-items:flex-start;gap:12px;padding:18px 16px 18px 22px;display:flex}.dash-row-head h2{margin:0;font-size:15px;font-weight:600}.dash-row-head p{color:var(--muted);margin:2px 0 0;font-size:12px}.dash-row-icon{width:32px;height:32px;color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent);border-radius:9px;flex:none;place-items:center;display:grid}.dash-kpis{grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.dash-kpi{border-left:1px solid var(--border);min-width:0;padding:16px 18px}.dash-kpi:first-child{border-left:0}.dash-kpi-label{color:var(--text-2);font-size:12px}.dash-kpi-value{letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap;margin:4px 0 2px;font-size:24px;font-weight:600}.dash-kpi-detail{color:var(--muted);font-size:11.5px}@media (max-width:1180px){.dash-row{grid-template-columns:minmax(0,1fr)}.dash-row-head{border-right:0;border-bottom:1px solid var(--border);padding:14px 16px 14px 22px}}@media (max-width:900px){.dash-hero{grid-template-columns:minmax(0,1fr);gap:18px}.dash-hero-main{border-left:0;order:-1;padding-left:0}.dash-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-kpi{border-left:0;border-top:1px solid var(--border);padding-left:22px}.dash-kpi-value{font-size:20px}}.review-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:16px;display:grid}.review-side{gap:12px;display:grid;position:sticky;top:14px}.review-images{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.review-images figure{gap:6px;margin:0;display:grid}.review-images img{aspect-ratio:1;object-fit:cover;background:var(--card-2);border:1px solid var(--border);border-radius:10px;width:100%}.review-text{border-top:1px solid var(--border);gap:12px;padding:12px 14px;display:flex}.review-text p{white-space:pre-wrap;margin:0}.review-n{width:22px;height:22px;color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent);border-radius:6px;flex:none;place-items:center;font-size:11px;font-weight:600;display:grid}@media (max-width:1100px){.review-layout{grid-template-columns:minmax(0,1fr)}.review-side{position:static}}@media (max-width:700px){.review-images{grid-template-columns:minmax(0,1fr)}}@media (max-width:760px){.input,.select,.textarea,.wa-input,input[type=text],input[type=email],input[type=tel],input[type=number],input[type=url],input[type=search],textarea,select{font-size:16px}}.golive{max-width:1080px}.golive-hero{padding:8px 0 22px}.golive-badge{color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent);border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:12.5px;font-weight:600;display:inline-flex}.golive-hero h1{font-family:var(--font-display);letter-spacing:-.025em;margin:12px 0 8px;font-size:clamp(26px,3.4vw,36px);line-height:1.15}.golive-hero p{color:var(--text-2);max-width:680px}.golive-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.golive-steps{gap:0;margin:0;padding:6px 18px 18px;list-style:none;display:grid}.golive-step{grid-template-columns:30px minmax(0,1fr);gap:12px;padding:12px 0;display:grid;position:relative}.golive-step:not(:last-child):after{content:"";background:var(--border);width:2px;position:absolute;top:42px;bottom:-10px;left:14px}.golive-step.klaar:not(:last-child):after{background:color-mix(in srgb, var(--accent) 55%, var(--border))}.golive-dot{background:var(--card-2);width:30px;height:30px;color:var(--muted);border:1px solid var(--border);z-index:1;border-radius:50%;place-items:center;display:grid;position:relative}.golive-step.klaar .golive-dot{background:var(--accent);color:var(--accent-ink,#08130a);border-color:#0000}.golive-step.bezig .golive-dot{color:var(--accent);border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 16%, transparent)}.golive-step b,.golive-todo b{font-size:14.5px}.golive-step p,.golive-todo p{color:var(--text-2);margin:3px 0 0;font-size:13.5px}.golive-tag{background:var(--card-2);color:var(--muted);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.golive-step.klaar .golive-tag{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent)}.golive-step.bezig .golive-tag{color:var(--amber);background:var(--amber-soft)}.golive-todos{margin:0;padding:4px 0;list-style:none}.golive-todo{border-top:1px solid var(--border);align-items:flex-start;gap:12px;padding:14px 18px;display:flex}.golive-todo:first-child{border-top:0}.golive-check{border:2px solid var(--border);border-radius:7px;flex:none;place-items:center;width:22px;height:22px;margin-top:1px;display:grid}.golive-todo.done .golive-check{background:var(--accent);color:var(--accent-ink,#08130a);border-color:#0000}.golive-todo.done b{color:var(--text-2)}@media (max-width:900px){.golive-grid{grid-template-columns:minmax(0,1fr)}}.color-hex{border:1px solid var(--border);background:var(--card);height:36px;color:var(--muted);border-radius:8px;align-items:center;gap:2px;padding:0 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-flex}.color-hex:focus-within{border-color:var(--accent)}.color-hex input{width:72px;color:var(--text);font:inherit;text-transform:lowercase;background:0 0;border:0;outline:0}.color-pop{border:1px solid var(--border);background:var(--card);border-radius:12px;width:max-content;margin-top:8px;padding:10px;box-shadow:0 12px 32px #0000002e}.color-pop .react-colorful{width:200px;height:180px}@media (max-width:640px){.color-hex input{font-size:16px}}