.content:has(.form-builder){max-width:none}.form-builder{grid-template-columns:minmax(0,3fr) minmax(320px,2fr);align-items:start;gap:1rem;margin-bottom:1rem;display:grid}.form-builder>form>label{max-width:480px;margin-bottom:1rem}.form-builder .preview{position:sticky;top:1rem}.form-builder .preview h3{margin:0}.builder-tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:.25rem;margin-bottom:1rem;display:flex}.builder-tabs button{color:var(--muted);background:0 0;border:0;border-bottom:3px solid #0000;border-radius:0;padding:.6rem .8rem}.builder-tabs button:hover{color:var(--text)}.builder-tabs button[aria-selected=true]{color:var(--text);border-bottom-color:var(--accent);font-weight:600}.builder-panel{min-height:260px;margin-bottom:1rem}.builder-panel h3{margin:1.25rem 0 .5rem}.builder-panel details{margin:.75rem 0}.builder-panel summary{cursor:pointer;font-weight:600}.field-list{gap:.5rem;margin:0 0 1rem;padding:0;list-style:none;display:grid}.field-list li{border:1px solid var(--border);background:var(--surface);border-radius:8px;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr) auto auto;align-items:end;gap:.75rem;padding:.6rem .75rem;display:grid}.field-list li.dragging{opacity:.55;border-style:dashed}.field-list .handle{cursor:grab;align-self:center}.field-list .check{padding-bottom:.6rem}.field-actions{gap:.25rem;padding-bottom:.2rem;display:inline-flex}.color-field{flex-direction:column;gap:.35rem;font-size:.9rem;display:flex}.color-field .row{align-items:center;gap:.5rem}.color-field input[type=color]{flex:none;width:44px;height:38px;padding:2px}.contrast{gap:.35rem;margin:0;padding:0;font-size:.9rem;list-style:none;display:grid}.contrast li{align-items:center;gap:.35rem;display:flex}.contrast li.warn{color:var(--error)}.copy-block{justify-items:start;gap:.35rem;margin-bottom:.75rem;display:grid}.copy-block textarea.code{margin-bottom:0}.preview-frame{background:repeating-conic-gradient(#efeee9 0 25%, #f8f7f3 0 50%) 0 0 / 16px 16px;border:1px solid var(--border);border-radius:8px;margin:.75rem 0;padding:1rem}.preview-frame.mobile{width:375px;max-width:100%;margin-left:auto;margin-right:auto;padding:.5rem}@media (width<=1100px){.form-builder{grid-template-columns:1fr}.form-builder .preview{position:static}.field-list li{grid-template-columns:auto minmax(0,1fr) auto}.field-list li>label:nth-of-type(2){grid-column:2}}.mb-designer{flex-direction:column;gap:.75rem;display:flex;container-type:inline-size}.mb-toolbar{align-items:center;gap:.5rem}.mb-count{font-size:.9rem}.mb-layout{grid-template-columns:200px minmax(0,1fr) 320px;align-items:start;gap:1rem;display:grid}.palette.mb-palette{position:sticky;top:1rem;overflow:visible}.mb-inspector{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:.75rem;max-height:calc(100vh - 2rem);padding:.75rem;display:flex;position:sticky;top:1rem;overflow-y:auto}.mb-fields{gap:.75rem;display:grid}.mb-fields label{flex-direction:column;gap:.35rem;font-size:.9rem;display:flex}.mb-actions{align-items:center;gap:.25rem}.mb-actions .grow{flex:1}.mb-canvas{border:1px solid var(--border);border-radius:10px;min-height:420px;padding:24px 12px}.mb-mail{border-radius:4px;margin:0 auto;padding:8px 0;font-size:16px;line-height:1.5}.mb-list{min-height:8px}.mb-block{outline-offset:-1px;cursor:pointer;outline:1px dashed #0000;padding:8px 24px;position:relative}.mb-block:hover{outline-color:#9aa4b1}.mb-block.selected{outline-offset:-2px;outline:2px solid #2563eb}.mb-block.invalid{outline:2px solid var(--error);outline-offset:-2px}.mb-block.dragging{opacity:.4}.mb-handle{background:var(--surface);color:var(--muted);border:1px solid var(--border);cursor:grab;opacity:0;border-radius:4px;padding:2px;position:absolute;top:6px;left:0}.mb-block:hover>.mb-handle,.mb-block.selected>.mb-handle,.mb-handle:focus-visible,.mb-handle.grabbed{opacity:1}.mb-handle.grabbed{color:#fff;background:#2563eb;border-color:#2563eb}.mb-tag{color:#fff;background:#2563eb;border-radius:4px;padding:0 6px;font-family:system-ui,sans-serif;font-size:.72rem;display:none;position:absolute;top:-10px;right:4px}.mb-block.selected>.mb-tag{display:block}.mb-error{margin:.35rem 0 0;font-family:system-ui,sans-serif;font-size:.85rem}.mb-drop-line{background:#2563eb;border-radius:2px;height:3px;margin:-1px 12px}.mb-empty{text-align:center;color:var(--muted);border:1px dashed #9aa4b1;border-radius:6px;padding:1rem;font-family:system-ui,sans-serif;font-size:.85rem}.mb-empty.active{background:#eff4ff;border-color:#2563eb}.mb-heading{margin:0;font-weight:700;line-height:1.25}.mb-image{max-width:100%;height:auto;display:inline-block}.mb-image-empty{color:#555;background:#f0f1f3;border-radius:4px;justify-content:center;align-items:center;gap:.5rem;width:100%;min-height:120px;font-size:.9rem;display:inline-flex}.mb-button{border-radius:6px;padding:12px 24px;font-size:16px;font-weight:600;display:inline-block}.mb-divider{border:0;margin:8px 0}.mb-footer{text-align:center;color:#555;margin:0;font-size:12px}.mb-columns{gap:0;margin:0 -24px;display:flex}.mb-col{flex:1;min-width:0}.mb-block .ph,.token-input .ph,.rich-area .ph{color:#1f2328;white-space:nowrap;background:#eef2f7;border:1px solid #c9d3df;border-radius:4px;padding:0 3px;font-size:.85em}.rich-area{outline:none;min-height:1.5em}.rich-area p{margin:0 0 .75em}.rich-area p:last-child{margin-bottom:0}.rich-area ul{margin:0 0 .75em;padding-left:1.5em}.rich-area a{color:var(--mb-link)}.rich-tools{z-index:3;background:var(--surface);border:1px solid var(--border);border-radius:8px;align-items:center;gap:.15rem;padding:.2rem;font-family:system-ui,sans-serif;display:flex;position:absolute;top:-40px;left:24px;box-shadow:0 2px 6px #0000001f}.rich-link{z-index:4;background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;align-items:flex-end;gap:.5rem;padding:.5rem;font-family:system-ui,sans-serif;font-size:.9rem;position:absolute;top:-40px;left:24px;right:24px}.rich-link label{flex-direction:column;gap:.25rem;display:flex}.rich-link .grow{flex:1}.ph-menu{position:relative}.ph-list{z-index:5;background:var(--surface);border:1px solid var(--border);border-radius:8px;width:300px;max-height:320px;margin:.25rem 0 0;padding:.25rem;list-style:none;position:absolute;top:100%;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000024}.ph-list button{width:100%;color:var(--text);text-align:left;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:.1rem;padding:.4rem .5rem;font-size:.88rem;font-weight:400;display:flex}.ph-list button:hover,.ph-list button:focus-visible{background:var(--bg)}.ph-list code{color:var(--muted);font-size:.75rem}.token-input{align-items:flex-end;gap:.4rem;display:flex}.token-input label{flex:1;min-width:0}.token-input input{width:100%;min-width:0}.token-input .ph-menu{flex-shrink:0}.mb-mode{flex-wrap:wrap;align-items:center;gap:.75rem}.mb-palette-sub{margin-top:1rem}.mb-palette ul.mb-section-grid{grid-template-columns:1fr 1fr;gap:.3rem;display:grid}.mb-section-item{text-align:left;flex-direction:column;align-items:stretch;gap:.35rem;padding:.45rem;font-size:.75rem;line-height:1.25}.mb-sketch{flex-direction:column;flex-shrink:0;gap:2px;width:100%;display:flex}.mb-sketch-row{gap:2px;display:flex}.mb-sketch-row>span{opacity:.35;background:currentColor;border-radius:1px;flex:1}.mb-sketch-t{height:3px}.mb-sketch-i{height:9px;opacity:.6!important}.mb-sketch-l{max-width:12px;height:6px;margin:0 auto;opacity:.6!important}.mb-sketch-b{max-width:12px;height:4px;margin:0 auto;opacity:.8!important}.mb-sketch-f{height:2px;opacity:.25!important}.mb-templates h3{margin:.5rem 0 0;font-size:.95rem}.mb-tpl-list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.mb-tpl-list li{border:1px solid var(--border);border-radius:8px;align-items:center;gap:.6rem;padding:.45rem .5rem;display:flex}.mb-tpl-name{flex-direction:column;flex:1;gap:.1rem;min-width:0;font-size:.9rem;font-weight:600;display:flex}.mb-tpl-name .muted{font-size:.8rem;font-weight:400}.mb-tpl-swatch{border:1px solid var(--border);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:30px;display:flex}.mb-tpl-swatch>span{border-radius:2px;justify-content:center;align-items:flex-end;width:26px;height:22px;padding-bottom:3px;display:flex}.mb-tpl-swatch>span>span{border-radius:1px;width:12px;height:4px}@container (width<=1000px){.mb-layout{grid-template-columns:1fr}.mb-palette,.mb-inspector{max-height:none;position:static}.mb-palette ul{flex-flow:wrap}.mb-palette .palette-item{width:auto}}.content:has(.mb-designer){max-width:none}.modal.wide:has(.mb-designer){width:min(1400px,100%)}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-vietnamese-400-normal-Dpl4UHAZ.woff2)format("woff2"),url(/assets/barlow-vietnamese-400-normal-BFeobeCK.woff)format("woff");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:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-latin-ext-400-normal-HxX4XjxC.woff2)format("woff2"),url(/assets/barlow-latin-ext-400-normal-CvBsJvxq.woff)format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-latin-400-normal-qiz4-Cze.woff2)format("woff2"),url(/assets/barlow-latin-400-normal-fsAxiSwU.woff)format("woff");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:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-vietnamese-500-normal-zTViEIzf.woff2)format("woff2"),url(/assets/barlow-vietnamese-500-normal-GNfB7rCE.woff)format("woff");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:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-latin-ext-500-normal-DOaysfXq.woff2)format("woff2"),url(/assets/barlow-latin-ext-500-normal-CJPcKP2Q.woff)format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-latin-500-normal-BPAOfeC8.woff2)format("woff2"),url(/assets/barlow-latin-500-normal-C1h8hMer.woff)format("woff");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:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-vietnamese-600-normal-DcjprdFV.woff2)format("woff2"),url(/assets/barlow-vietnamese-600-normal-CA_GiK2e.woff)format("woff");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:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-latin-ext-600-normal-B8NK_A3D.woff2)format("woff2"),url(/assets/barlow-latin-ext-600-normal-DMVRjfRT.woff)format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-latin-600-normal-DILqtrty.woff2)format("woff2"),url(/assets/barlow-latin-600-normal-CNwfPWQD.woff)format("woff");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:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-vietnamese-700-normal-D6euyNzi.woff2)format("woff2"),url(/assets/barlow-vietnamese-700-normal-4Jt4k04K.woff)format("woff");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:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-latin-ext-700-normal-BLuWmldJ.woff2)format("woff2"),url(/assets/barlow-latin-ext-700-normal-CctuGmmz.woff)format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-latin-700-normal-A9pxMQ4z.woff2)format("woff2"),url(/assets/barlow-latin-700-normal-__SGTsZ1.woff)format("woff");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:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-semi-condensed-vietnamese-400-normal-Dj7eBp_3.woff2)format("woff2"),url(/assets/barlow-semi-condensed-vietnamese-400-normal-D1YxRXwC.woff)format("woff");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:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-semi-condensed-latin-ext-400-normal-BDztQS4c.woff2)format("woff2"),url(/assets/barlow-semi-condensed-latin-ext-400-normal-Bm5hzUPR.woff)format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-semi-condensed-latin-400-normal-DlzeKIMS.woff2)format("woff2"),url(/assets/barlow-semi-condensed-latin-400-normal-CwTnoNB3.woff)format("woff");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:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-semi-condensed-vietnamese-500-normal-DGADhYWF.woff2)format("woff2"),url(/assets/barlow-semi-condensed-vietnamese-500-normal-hJ2t9k9e.woff)format("woff");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:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-semi-condensed-latin-ext-500-normal-BXdp1BvY.woff2)format("woff2"),url(/assets/barlow-semi-condensed-latin-ext-500-normal-rZeYuEMb.woff)format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-semi-condensed-latin-500-normal-G0uxJNrM.woff2)format("woff2"),url(/assets/barlow-semi-condensed-latin-500-normal-CFOoVYFH.woff)format("woff");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:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-semi-condensed-vietnamese-600-normal-b1FQiZcx.woff2)format("woff2"),url(/assets/barlow-semi-condensed-vietnamese-600-normal-DzVrjA0Q.woff)format("woff");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:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-semi-condensed-latin-ext-600-normal-BkQ9hN72.woff2)format("woff2"),url(/assets/barlow-semi-condensed-latin-ext-600-normal-BuP8AaxH.woff)format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-semi-condensed-latin-600-normal-BkLiAYu4.woff2)format("woff2"),url(/assets/barlow-semi-condensed-latin-600-normal-DyOfdMBA.woff)format("woff");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}:root{--h:172;--spark-h:66;--bg:hsl(var(--h) 48% 5%);--bg-glow:hsl(var(--h) 32% 19%);--surface:hsl(var(--h) 20% 10% / .88);--surface-2:hsl(var(--h) 17% 15%);--sidebar:hsl(var(--h) 45% 3.5% / .92);--text:hsl(var(--h) 14% 92%);--muted:hsl(var(--h) 10% 68%);--border:hsl(var(--h) 18% 22%);--accent:hsl(var(--h) 72% 58%);--accent-deep:hsl(var(--h) 76% 45%);--accent-text:hsl(var(--h) 60% 6%);--glow:hsl(var(--h) 85% 55% / .38);--spark:hsl(var(--spark-h) 72% 64%);--gold:#d5b26d;--error:#ff8f85;--success:#7ed6a1;--warn:#e0a43a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-narrow:"Barlow Semi Condensed", "Barlow", system-ui, sans-serif;color:var(--text);background:var(--bg);font-family:Barlow,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}:root[data-theme=rot]{--h:352;--spark-h:38;--error:#ffb38a}:root[data-theme=blau]{--h:212;--spark-h:186}*{box-sizing:border-box}body{background:radial-gradient(ellipse 65% 55% at 58% 14%, var(--bg-glow), transparent 72%), var(--bg);background-attachment:fixed;min-height:100vh;margin:0}h1{margin:0 0 1rem;font-size:1.5rem}.brand{align-items:center;gap:.5rem;font-weight:600;display:flex}.login{place-items:center;min-height:100vh;padding:16px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:1rem;width:100%;max-width:380px;padding:2rem;display:flex}.card .brand{margin-bottom:.5rem}label{color:var(--muted);flex-direction:column;gap:.35rem;font-size:.9rem;display:flex}input{font:inherit;color:var(--text);border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:.6rem .75rem}input:focus{outline:2px solid var(--accent);outline-offset:1px}button{font:inherit;border:1px solid var(--accent);background:var(--accent);color:var(--accent-text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1rem;display:inline-flex}button:disabled{opacity:.6;cursor:default}button.ghost{color:var(--text);border-color:var(--border);background:0 0}.error{color:var(--error);margin:0;font-size:.9rem}.shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--sidebar);border-right:1px solid var(--border);flex-direction:column;gap:1.25rem;height:100vh;padding:1.25rem .75rem;display:flex;position:sticky;top:0}.sidebar .brand{padding:0 .6rem;font-size:1.05rem}.user{border-top:1px solid var(--border);color:var(--muted);font-size:.85rem;font-family:var(--font-narrow);flex-direction:column;align-items:stretch;gap:.6rem;margin-top:auto;padding:.9rem .6rem 0;display:flex}.user-mail{overflow-wrap:anywhere}.content{max-width:1400px;padding:2rem 2.5rem}.content p{color:var(--muted)}h2{margin:0 0 .75rem;font-size:1.05rem}select,textarea{font:inherit;color:var(--text);border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:.6rem .75rem}select[multiple]{min-height:5.5rem;padding:.25rem}textarea{resize:vertical}select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:1px}a{color:var(--text)}code{background:var(--bg);border-radius:4px;padding:.1rem .35rem;font-size:.85rem}button.small{font-size:.85rem;font-family:var(--font-narrow);padding:.4rem .7rem}button.icon{padding:.4rem}button.danger{color:var(--error);border-color:var(--error)}.nav{flex-direction:column;gap:.15rem;display:flex}.nav a{color:var(--muted);border-radius:8px;align-items:center;gap:.65rem;padding:.55rem .6rem;text-decoration:none;display:flex}.nav a:hover{background:var(--surface-2);color:var(--text)}.nav a[aria-current=page]{background:linear-gradient(90deg, hsl(var(--h) 60% 40% / .28), var(--surface-2) 70%);color:var(--text);box-shadow:inset 3px 0 0 var(--accent), -6px 0 16px -6px var(--glow);font-weight:600}.nav a[aria-current=page] svg{color:var(--accent);filter:drop-shadow(0 0 5px var(--glow))}.content{width:100%;margin:0}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.page-head h1,.page-head h2{margin:0}.row{align-items:flex-end;gap:.75rem;display:flex}.row.wrap{flex-wrap:wrap}.row>.muted{align-self:center}.panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:1rem;padding:1.25rem}.content .muted,.muted{color:var(--muted);font-size:.9rem}.content .notice,.notice{color:var(--success);margin:.5rem 0;font-size:.9rem}.back{color:var(--muted);align-items:center;gap:.35rem;margin-bottom:1rem;font-size:.9rem;text-decoration:none;display:inline-flex}.back:hover{color:var(--text)}.columns{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:1rem;display:grid}.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.span-all{grid-column:1/-1}.check{color:var(--text);flex-direction:row;align-items:center;gap:.5rem}@media (width<=900px){.columns,.shell{grid-template-columns:minmax(0,1fr)}.sidebar{border-right:0;border-bottom:1px solid var(--border);flex-flow:wrap;align-items:center;gap:.75rem;height:auto;padding:.75rem 1rem;position:static}.sidebar .brand{padding:0}.user{border-top:0;flex-direction:row;align-items:center;margin:0 0 0 auto;padding:0}.nav{flex-direction:row;flex-basis:100%;order:3;min-width:0;overflow-x:auto}.nav a{white-space:nowrap}.nav a[aria-current=page]{box-shadow:inset 0 -2px 0 var(--accent)}.content{padding:1.5rem 1rem}}.search{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-direction:row;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:0 .75rem}.search input{border:0;flex:1;padding-left:0}.search input:focus{outline:none}.search:focus-within{outline:2px solid var(--accent);outline-offset:1px}.filter{flex-direction:column;gap:.5rem;margin-bottom:.75rem;display:flex}.inline{flex-direction:row;align-items:center;gap:.5rem}.rule{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem;display:flex}.rule-kind{min-width:3.5rem;font-size:.85rem;font-weight:600;font-family:var(--font-narrow);padding:.55rem .25rem}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:1rem;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.92rem}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;padding:.6rem .85rem}th{color:var(--muted);background:var(--surface-2);font-size:.82rem;font-weight:600;font-family:var(--font-narrow)}tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:var(--surface-2)}td.actions{white-space:nowrap;text-align:right}td.actions button+button{margin-left:.35rem}.pager{justify-content:center;align-items:center}.chip{background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-size:.8rem;font-family:var(--font-narrow);border-radius:999px;align-items:center;gap:.25rem;margin:.1rem .25rem .1rem 0;padding:.15rem .55rem;display:inline-flex}.chip-remove{color:var(--muted);background:0 0;border:0;border-radius:999px;padding:.1rem}.chip-remove:hover{color:var(--text);background:var(--border)}.timeline{margin:0;padding:0;list-style:none}.timeline li{border-bottom:1px solid var(--border);grid-template-columns:11rem 12rem 1fr;gap:.75rem;padding:.55rem 0;font-size:.9rem;display:grid}.timeline li:last-child{border-bottom:0}.timeline time{color:var(--muted)}@media (width<=700px){.timeline li{grid-template-columns:1fr;gap:.15rem}}.choices{border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;gap:.5rem 1.25rem;margin:0 0 1rem;padding:.75rem 1rem;display:flex}.choices legend{color:var(--muted);padding:0 .35rem;font-size:.9rem}textarea.code{width:100%;margin-bottom:.75rem;font:.82rem/1.5 ui-monospace,Cascadia Mono,Consolas,monospace}button.link{color:var(--text);text-align:left;overflow-wrap:anywhere;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.nowrap{white-space:nowrap}details summary{cursor:pointer}.mail-text{white-space:pre-wrap;background:var(--bg);border-radius:8px;margin:.5rem 0 0;padding:.75rem;font:.85rem/1.5 ui-monospace,Cascadia Mono,Consolas,monospace}.proof{border-bottom:1px solid var(--border);grid-template-columns:9rem 1fr;gap:.35rem .75rem;margin:0 0 1rem;padding-bottom:1rem;font-size:.9rem;display:grid}.proof dt{color:var(--muted)}.proof dd{overflow-wrap:anywhere;margin:0}.mail-frame{border:1px solid var(--border);background:#fff;border-radius:8px;width:100%;height:520px;margin:.5rem 0}.mail-frame.mobile{width:375px;max-width:100%;height:667px;margin:.5rem auto;display:block}.contents{display:contents}fieldset.plain{border:0;flex-direction:column;gap:.75rem;min-width:0;margin:0;padding:0;display:flex}.help{margin:.25rem 0 .75rem;font-size:.9rem}.help .proof{grid-template-columns:minmax(12rem,auto) 1fr;margin-top:.5rem}.panel.warn{border-color:var(--warn);background:#e0a43a1a;justify-content:space-between;align-items:center;gap:1rem;display:flex}.panel.warn p{color:var(--text);align-items:center;gap:.5rem;margin:0;display:flex}.stack{flex-direction:column;gap:.75rem;display:flex}textarea.code{font:.85rem/1.5 ui-monospace,Cascadia Mono,Consolas,monospace}.row.center{align-items:center}.content:has(.builder){max-width:none}.grow{flex:auto;min-width:0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.editor-head{align-items:center;gap:1rem;margin:.5rem 0 .75rem;display:flex}.editor-head p{margin:0}.title-input{background:0 0;border-color:#0000;width:100%;padding:.25rem .4rem;font-size:1.4rem;font-weight:600}.title-input:hover,.title-input:focus{border-color:var(--border);background:var(--surface)}.toolbar{gap:.5rem;margin-bottom:.75rem}.toolbar label{align-items:center;gap:.4rem;margin:0;display:flex}.tabs{border:1px solid var(--border);border-radius:8px;align-self:flex-start;display:inline-flex;overflow:hidden}.tabs button{background:var(--surface);color:var(--text);border:0;border-radius:0}.tabs button+button{border-left:1px solid var(--border)}.tabs button[aria-pressed=true]{background:var(--accent);color:var(--accent-text)}.issue-list{border:1px solid var(--error);background:#ff8f8514;border-radius:8px;margin:0 0 .75rem;padding:.5rem .75rem .5rem 1.75rem}.issue-list button.link{color:var(--error);text-align:left;font-weight:500}.builder{grid-template-columns:220px 1fr;gap:.75rem;height:calc(100vh - 280px);min-height:560px;margin-bottom:.75rem;display:grid}.builder.readonly{grid-template-columns:1fr}.palette{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.75rem;overflow-y:auto}.palette h3{text-transform:none;letter-spacing:.02em;color:var(--muted);font-size:.8rem;font-family:var(--font-narrow);margin:.25rem 0 .4rem}.report-title{margin:1.5rem 0 .5rem;font-size:.95rem}[aria-label=Quentn-Import] [role=status]+button{margin-top:1rem}.palette ul{flex-direction:column;gap:.3rem;margin:0 0 .75rem;padding:0;list-style:none;display:flex}.palette-item{text-align:left;background:var(--bg);width:100%;color:var(--text);border:1px solid var(--border);cursor:grab;justify-content:flex-start;align-items:center;gap:.5rem;font-weight:500;display:flex}.palette-item:hover{border-color:var(--accent)}.palette p{font-size:.82rem;font-family:var(--font-narrow)}.canvas{background:var(--surface);border:1px solid var(--border);border-radius:10px;position:relative;overflow:hidden}.flow-node{background:var(--surface);border:1px solid var(--border);width:220px;color:var(--text);font-size:.85rem;font-family:var(--font-narrow);border-radius:10px;padding:.55rem .7rem;box-shadow:0 1px 2px #0006}.flow-node.event{border-top:3px solid #7fa3c7}.flow-node.action{border-top:3px solid var(--accent)}.flow-node.invalid{border-color:var(--error);box-shadow:0 0 0 1px var(--error)}.flow-node.selected{box-shadow:0 0 0 2px var(--accent)}.flow-head{align-items:center;gap:.4rem;display:flex}.flow-kind{color:var(--muted);font-size:.75rem;font-family:var(--font-narrow);flex:1}.flow-issues{color:var(--error);align-items:center;gap:.15rem;font-weight:600;display:inline-flex}.flow-title{overflow-wrap:anywhere;margin:.25rem 0;font-weight:600}.flow-steps{font-size:.78rem;font-family:var(--font-narrow);margin:.3rem 0 0;padding-left:1.1rem}.flow-steps li{display:list-item}.flow-steps li span+span{float:right;color:var(--muted);margin-left:.4rem}.flow-stats{border-top:1px solid var(--border);color:var(--muted);font-size:.75rem;font-family:var(--font-narrow);flex-wrap:wrap;gap:.2rem .6rem;margin-top:.4rem;padding-top:.35rem;display:flex}.flow-ports{justify-content:space-around;gap:.3rem;margin-top:.4rem;display:flex}.flow-port{color:var(--muted);text-align:center;font-size:.72rem;font-family:var(--font-narrow);padding-bottom:.6rem;position:relative}.canvas .flow-port .react-flow__handle{top:auto;bottom:-1rem;left:50%;transform:translate(-50%)}.flow-hint{border:1px solid var(--error);color:var(--error);font-size:.85rem;font-family:var(--font-narrow);background:#ff8f8514;border-radius:8px;margin:0;padding:.4rem .75rem}.flow-toolbar{background:var(--surface);border:1px solid var(--border);border-radius:8px;align-items:center;gap:.4rem;padding:.35rem;display:flex}.flow-toolbar label{margin:0}.react-flow__edge.goal .react-flow__edge-path{stroke:#7fa3c7}.canvas .react-flow__handle{background:var(--accent);border:3px solid var(--surface);width:18px;height:18px;box-shadow:0 0 0 1px var(--accent);cursor:crosshair;transition:transform .12s}.canvas .react-flow__handle:after{content:"";border-radius:50%;position:absolute;inset:-12px}.canvas .react-flow__handle:hover,.canvas .react-flow__handle.connectingto,.canvas .react-flow__handle.connectionindicator:hover{transform:translate(-50%,50%)scale(1.35)}.canvas .react-flow__handle-top:hover,.canvas .react-flow__handle-top.connectingto{transform:translate(-50%,-50%)scale(1.35)}.canvas .react-flow__handle.connectingto{background:#7fa3c7;box-shadow:0 0 0 3px #7fa3c780}.canvas .flow-port .react-flow__handle:hover{transform:translate(-50%)scale(1.35)}.builder.readonly .canvas .react-flow__handle{cursor:default}.modal-backdrop{z-index:50;background:#000000a6;justify-content:center;align-items:flex-start;padding:6vh 1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--surface);border:1px solid var(--border);border-radius:12px;outline:none;width:min(560px,100%);box-shadow:0 12px 40px #0009}.modal.wide{width:min(900px,100%)}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.9rem 1.1rem;display:flex}.modal-head h2{margin:0;font-size:1.1rem}.modal-body{flex-direction:column;gap:.75rem;padding:1rem 1.1rem;display:flex}.modal-foot{border-top:1px solid var(--border);gap:.5rem;padding:.75rem 1.1rem;display:flex}.seq-steps{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.seq-step details{border:1px solid var(--border);border-radius:8px;padding:.5rem .75rem}.seq-step summary{align-items:center;gap:.5rem;display:flex}.seq-step details[open] summary{margin-bottom:.6rem}.kpis{flex-wrap:wrap;gap:1.5rem;margin:0;display:flex}.kpis dt{color:var(--muted);font-size:.85rem;font-family:var(--font-narrow)}.kpis dd{margin:.2rem 0 0;font-size:1.4rem;font-weight:600}.kpis dd small{color:var(--muted);font-size:.85rem;font-weight:400;font-family:var(--font-narrow)}.break{word-break:break-all}.clickers{margin:.5rem 0 0;padding-left:1.1rem}.day-chart{margin:0 0 1rem}.day-chart figcaption{font-size:.85rem;font-family:var(--font-narrow);gap:1rem;margin-bottom:.5rem;display:flex}.legend:before{content:"";vertical-align:-1px;border-radius:2px;width:.75rem;height:.75rem;margin-right:.35rem;display:inline-block}.legend.confirmed:before,.bar.confirmed{background:var(--text)}.legend.unsubscribed:before,.bar.unsubscribed{background:var(--warn)}.bars{align-items:flex-end;gap:2px;height:160px;display:flex}.bar-day{flex:1;align-items:flex-end;gap:1px;height:100%;display:flex}.bar{border-radius:2px 2px 0 0;flex:1;min-height:1px}.secret{word-break:break-all}.board-help{font-size:.85rem;font-family:var(--font-narrow);margin:0}.board{align-items:flex-start;gap:.75rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.board-col{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex:220px;min-width:200px;min-height:160px;padding:.6rem;transition:border-color .15s,box-shadow .15s}.board-col.over{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent) inset}.board-drop{background:0 0;border-style:dashed;flex:0 160px;min-width:140px}.board-drop.won{border-color:var(--success)}.board-drop.lost{border-color:var(--error)}.board-head{flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.5rem;display:flex}.board-head h2{margin:0;font-size:.95rem}.board-head .muted{font-size:.8rem;font-family:var(--font-narrow);margin-left:auto}.board-cards{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.deal-card{text-align:left;background:var(--bg);width:100%;color:var(--text);border:1px solid var(--border);cursor:grab;border-radius:8px;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.55rem .65rem;font-size:.88rem;display:flex}.deal-card:hover{border-color:var(--muted)}.deal-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.deal-card.carried{border-color:var(--accent);box-shadow:0 2px 8px #00000080}.deal-card.dragging{opacity:.5}.board-empty,.board-hint{font-size:.85rem;font-family:var(--font-narrow);margin:.25rem 0}@media (width<=600px){.board{flex-direction:column;align-items:stretch;overflow-x:visible}.board-col,.board-drop{flex:auto;min-height:0}}.pick-list{border:1px solid var(--border);background:var(--surface);border-radius:8px;margin:.25rem 0 0;padding:0;list-style:none}.pick-list button{text-align:left;justify-content:flex-start;width:100%}.note-list,.history-list,.pipeline-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.note-list li{border-bottom:1px solid var(--border);padding-bottom:.4rem}.note-text{white-space:pre-wrap;margin:.2rem 0 0}.history-list li{font-size:.88rem}.stage-row input{flex:1}fieldset{border:1px solid var(--border);border-radius:8px;padding:.75rem}legend{color:var(--muted);padding:0 .3rem;font-size:.9rem}[data-hint]{position:relative}[data-hint]:after{content:attr(data-hint);content:attr(data-hint) / "";z-index:60;border:1px solid var(--border);width:max-content;max-width:260px;color:var(--text);white-space:normal;text-align:left;pointer-events:none;opacity:0;visibility:hidden;font-size:.8rem;font-weight:400;line-height:1.35;font-family:var(--font-narrow);background:#000;border-radius:6px;padding:.45rem .6rem;transition:opacity .12s .35s;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 6px 18px #00000080}[data-hint]:hover:after,[data-hint]:focus-visible:after{opacity:1;visibility:visible}[data-hint-pos=right]:after{top:50%;left:calc(100% + 10px);transform:translateY(-50%)}@media (width<=900px){[data-hint-pos=right]:after{top:calc(100% + 6px);left:0;transform:none}}@media (hover:none){[data-hint]:after{display:none}}.media-field{flex-direction:column;gap:.5rem;display:flex}.media-preview{object-fit:contain;border:1px solid var(--border);background:#fff;border-radius:6px;align-self:flex-start;max-width:100%;max-height:120px}.media-drop{border:2px dashed var(--border);text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;display:flex}.media-drop p{margin:0}.media-drop.active{border-color:var(--text);background:var(--surface-2)}.media-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.media-grid li{border:1px solid var(--border);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.35rem;padding:.4rem;display:grid}.media-thumb{cursor:pointer;background:#fff;border:0;border-radius:6px;grid-column:1/-1;justify-content:center;align-items:center;height:110px;padding:.25rem;display:flex}.media-thumb img{object-fit:contain;max-width:100%;max-height:100%}.media-meta{min-width:0;font-size:.8rem;font-family:var(--font-narrow);flex-direction:column;display:flex}.media-meta span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:where(button:not(.ghost)){background:linear-gradient(180deg, var(--accent), var(--accent-deep));border-color:hsl(var(--h) 80% 68% / .7);box-shadow:0 0 16px var(--glow), inset 0 1px 0 #ffffff47}.chip-remove,button.link,.palette-item,.media-thumb,.tabs button,.ph-list button{box-shadow:none}:where(button:not(.ghost):hover:not(:disabled)){box-shadow:0 0 24px var(--glow), inset 0 1px 0 #ffffff59}button.ghost:not(.danger):hover:not(:disabled){border-color:hsl(var(--h) 45% 45%);background:hsl(var(--h) 40% 30% / .18)}.panel,.card,.modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 hsl(var(--h) 40% 75% / .07), 0 12px 32px hsl(var(--h) 60% 2% / .45)}.sidebar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand svg{color:var(--spark);filter:drop-shadow(0 0 6px hsl(var(--spark-h) 85% 60% / .55))}.chip{border-color:hsl(var(--h) 45% 40%)}.media-grid li.selected{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold), 0 0 14px #dda73c40}.theme-switch{flex-direction:column;display:flex;position:relative}.theme-switch>button{justify-content:flex-start}.theme-menu{z-index:40;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:.25rem;padding:.4rem;display:flex;position:absolute;bottom:calc(100% + .4rem);left:0;right:0;box-shadow:0 12px 32px #00000080}.theme-menu button{border-color:#0000;justify-content:flex-start}.theme-menu button[aria-pressed=true]{border-color:var(--border);background:var(--surface)}.theme-menu button svg{margin-left:auto}.swatch{border-radius:50%;width:.85rem;height:.85rem}[data-swatch=gruen] .swatch{background:#47e1cc;box-shadow:0 0 8px #2beed4b3}[data-swatch=rot] .swatch{background:#e1475b;box-shadow:0 0 8px #ee2b45b3}[data-swatch=blau] .swatch{background:#478fe1;box-shadow:0 0 8px #2b86eeb3}@media (width<=900px){.theme-menu{width:9rem;inset:calc(100% + .4rem) 0 auto auto}}