:root{--bg:#f4f7fb;--bg-strong:#dbe5f4;--surface:rgba(255,255,255,0.78);--surface-strong:#ffffff;--surface-muted:#eef3f8;--surface-soft:rgba(148,163,184,0.08);--surface-elevated:rgba(255,255,255,0.72);--border:rgba(15,23,42,0.09);--border-strong:rgba(15,23,42,0.16);--text:#526077;--text-strong:#0f172a;--accent:#2563eb;--accent-strong:#1d4ed8;--accent-soft:rgba(31,94,255,0.1);--accent-glow:rgba(100,101,241,0.26);--gradient-accent:linear-gradient(135deg,#6465f1,#7b7cff);--color-success:#166534;--color-success-bg:rgba(22,163,74,0.1);--color-success-border:rgba(22,163,74,0.18);--color-danger:#991b1b;--color-danger-bg:rgba(220,38,38,0.08);--color-danger-border:rgba(220,38,38,0.18);--shadow-sm:0 18px 38px rgba(15,23,42,0.08);--shadow-lg:0 30px 70px rgba(15,23,42,0.12);--radius-lg:1.6rem;--radius-md:1.15rem;--radius-sm:0.75rem;--radius-pill:999px;--focus-ring:rgba(37,99,235,0.16);--selection:rgba(37,99,235,0.16);--scrollbar-track:rgba(148,163,184,0.08);--scrollbar-thumb:rgba(82,96,119,0.22);--scrollbar-thumb-hover:rgba(37,99,235,0.3);--sidebar-width:220px}html[data-theme=dark]{--bg:#060814;--bg-strong:#111c31;--surface:rgba(15,23,42,0.7);--surface-strong:#0f172a;--surface-muted:#131f36;--surface-soft:rgba(148,163,184,0.1);--surface-elevated:rgba(15,23,42,0.78);--border:rgba(148,163,184,0.16);--border-strong:rgba(148,163,184,0.24);--text:#94a3b8;--text-strong:#f8fafc;--accent:#60a5fa;--accent-strong:#93c5fd;--accent-soft:rgba(96,165,250,0.16);--accent-glow:rgba(100,101,241,0.3);--shadow-sm:0 18px 44px rgba(2,6,23,0.44);--shadow-lg:0 34px 80px rgba(2,6,23,0.58);--focus-ring:rgba(96,165,250,0.2);--selection:rgba(96,165,250,0.22);--scrollbar-track:rgba(148,163,184,0.08);--scrollbar-thumb:rgba(148,163,184,0.24);--scrollbar-thumb-hover:rgba(96,165,250,0.36);--color-success:#4ade80;--color-success-bg:rgba(22,163,74,0.12);--color-success-border:rgba(22,163,74,0.2);--color-danger:#f87171;--color-danger-bg:rgba(220,38,38,0.1);--color-danger-border:rgba(220,38,38,0.2)}*{box-sizing:border-box}html{scroll-behavior:smooth}::selection,body::selection,html::selection{background:var(--selection)}*{scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}::-webkit-scrollbar{width:.7rem;height:.7rem}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}body{margin:0;min-height:100vh;color:var(--text);font-family:var(--font-body),sans-serif;background:radial-gradient(circle at top left,rgba(31,94,255,.12),transparent 24rem),radial-gradient(circle at 85% 15%,rgba(14,165,233,.14),transparent 18rem),linear-gradient(180deg,#fbfdff 0,var(--bg) 100%)}html[data-theme=dark] body{background:radial-gradient(circle at 50% -12%,rgba(100,101,241,.34),transparent 26rem),radial-gradient(circle at 52% 4%,rgba(79,70,229,.22),transparent 42rem),radial-gradient(circle at 50% -20%,rgba(56,189,248,.08),transparent 58rem),linear-gradient(180deg,#090d1d 0,#070915 34%,var(--bg) 100%)}a{color:inherit}code{padding:.15rem .4rem;border-radius:.5rem;background:rgba(15,23,42,.06);color:var(--text-strong);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.92em}.app-shell{display:flex;min-height:100vh;position:relative;isolation:isolate}.app-shell__fx{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.app-shell__fx-orb{position:absolute;top:-18rem;left:50%;width:min(90rem,130vw);height:min(60rem,78vh);transform:translateX(-50%);background:radial-gradient(circle at center,rgba(133,92,248,.34) 0,rgba(102,80,220,.22) 24%,rgba(62,37,140,.12) 48%,transparent 74%);filter:blur(28px);opacity:.95}.app-shell__matrix{position:absolute!important;inset:0;opacity:.34;mask-image:radial-gradient(ellipse 58% 42% at 50% 9%,#000 0,rgba(0,0,0,.86) 24%,rgba(0,0,0,.5) 46%,transparent 74%);-webkit-mask-image:radial-gradient(ellipse 58% 42% at 50% 9%,#000 0,rgba(0,0,0,.86) 24%,rgba(0,0,0,.5) 46%,transparent 74%)}html[data-theme=dark] .app-shell:after,html[data-theme=dark] .app-shell:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0}html[data-theme=dark] .app-shell:before{background:radial-gradient(circle at 50% -14%,rgba(100,101,241,.26),transparent 28rem),radial-gradient(circle at 48% 8%,rgba(76,29,149,.22),transparent 36rem),radial-gradient(circle at 50% -8%,rgba(59,130,246,.09),transparent 48rem);filter:blur(6px)}html[data-theme=dark] .app-shell:after{opacity:.56;background:radial-gradient(circle at 16% 20%,rgba(255,255,255,.82) 0 1px,transparent 1.7px),radial-gradient(circle at 34% 14%,rgba(255,255,255,.7) 0 1.1px,transparent 1.8px),radial-gradient(circle at 49% 11%,rgba(255,255,255,.84) 0 1.1px,transparent 1.8px),radial-gradient(circle at 62% 12%,rgba(255,255,255,.72) 0 1.1px,transparent 1.8px),radial-gradient(circle at 81% 13%,rgba(255,255,255,.46) 0 1px,transparent 1.7px),radial-gradient(circle at 43% 41%,rgba(255,255,255,.7) 0 1px,transparent 1.8px),radial-gradient(circle at 59% 37%,rgba(255,255,255,.62) 0 1px,transparent 1.8px)}.app-shell__sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;display:flex;flex-direction:column;border-right:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:30;overflow-y:auto}.app-shell__body{flex:1 1;min-width:0;margin-left:var(--sidebar-width);position:relative;z-index:1}.app-shell__main{width:min(1100px,calc(100% - 3rem));margin:0 auto;padding:2rem 0 3rem}.app-shell__mobile-header{display:none;position:-webkit-sticky;position:sticky;top:0;z-index:20;padding:.875rem 1rem;border-bottom:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);align-items:center;justify-content:space-between;gap:1rem}.app-shell__menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-soft);color:var(--text-strong);font:inherit;font-size:1rem;cursor:pointer;transition:border-color .16s ease,background .16s ease}.app-shell__menu-toggle:hover{background:var(--surface-muted);border-color:var(--border-strong)}.app-shell__nav-overlay{position:fixed;inset:0;z-index:29;background:rgba(15,23,42,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.app-shell__brand{display:flex;align-items:center;gap:.75rem;padding:1.1rem 1rem 1rem;text-decoration:none;border-bottom:1px solid var(--border);flex-shrink:0}.app-shell__brand-mark{width:2.1rem;height:2.1rem;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:.6rem;background:linear-gradient(135deg,rgba(37,99,235,.18),rgba(14,165,233,.12));overflow:hidden;box-shadow:inset 0 0 0 1px rgba(15,23,42,.04)}.app-shell__brand-logo{width:100%;height:100%;object-fit:contain;display:block}.app-shell__brand strong{display:block;color:var(--text-strong);font-family:var(--font-display),sans-serif;font-size:.88rem;font-weight:700;letter-spacing:-.03em}.app-shell__brand small{display:block;margin-top:.1rem;color:var(--text);font-size:.74rem}.sidebar-nav{flex:1 1;padding:.65rem .65rem 0;display:flex;flex-direction:column;overflow-y:auto}.sidebar-nav__group{margin-bottom:.35rem}.sidebar-nav__group-label{margin:.65rem 0 .1rem;padding:.3rem .5rem .2rem;color:var(--text);font-size:.67rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;opacity:.6}.sidebar-nav__link{display:flex;align-items:center;padding:.5rem .6rem;border-radius:var(--radius-sm);text-decoration:none;font-size:.875rem;color:var(--text);transition:background .16s ease,color .16s ease;line-height:1.3}.sidebar-nav__link:hover:not(.sidebar-nav__link--disabled){background:var(--surface-soft);color:var(--text-strong)}.sidebar-nav__link.is-active{background:var(--accent-soft);color:var(--accent);font-weight:600}.sidebar-nav__link--disabled{opacity:.35;cursor:default;pointer-events:none}.sidebar-nav__footer{position:relative;display:grid;grid-gap:.75rem;gap:.75rem;padding:.65rem;border-top:1px solid var(--border);margin-top:auto;flex-shrink:0}.sidebar-nav__footer-theme{display:flex;justify-content:flex-start}.sidebar-nav__credit{color:var(--text);text-decoration:none;font-size:.76rem;line-height:1.5;opacity:.9;transition:color .16s ease,opacity .16s ease}.sidebar-nav__credit:focus-visible,.sidebar-nav__credit:hover{color:var(--text-strong);opacity:1}.ockie-chat{position:fixed;right:1rem;bottom:1rem;z-index:35;display:grid;justify-items:end;grid-gap:.75rem;gap:.75rem}.ockie-chat__launcher{width:4.25rem;height:4.25rem;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid rgba(139,92,246,.22);border-radius:999px;background:linear-gradient(180deg,rgba(20,27,53,.95),rgba(14,18,36,.98));box-shadow:0 20px 46px rgba(15,23,42,.3);cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.ockie-chat__launcher:focus-visible,.ockie-chat__launcher:hover{transform:translateY(-2px);border-color:rgba(139,92,246,.42);box-shadow:0 24px 54px rgba(91,33,182,.26)}.ockie-chat__launcher-bubble{width:3.35rem;height:3.35rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.28),rgba(139,92,246,.14));box-shadow:inset 0 0 0 1px rgba(196,181,253,.18)}.ockie-chat__launcher-logo,.ockie-chat__message-logo{width:auto;height:auto;display:block}.ockie-chat__panel-title strong{display:block;font-family:var(--font-display),sans-serif;font-size:.88rem;letter-spacing:-.03em}.ockie-chat__panel-title small{display:block;margin-top:.1rem;color:var(--text);font-size:.73rem}.ockie-chat__panel{width:min(22rem,calc(100vw - 2rem));display:grid;grid-gap:.85rem;gap:.85rem;padding:.95rem;border:1px solid var(--border);border-radius:1.1rem;background:linear-gradient(180deg,rgba(22,28,52,.98),rgba(17,22,40,.98));box-shadow:0 24px 52px rgba(5,10,30,.35);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.ockie-chat__panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.ockie-chat__panel-title{display:flex;align-items:center;gap:.7rem}.ockie-chat__panel-badge{width:2.3rem;height:2.3rem;display:inline-flex;align-items:center;justify-content:center;border-radius:.8rem;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.28),rgba(139,92,246,.22));color:#c4b5fd;box-shadow:inset 0 0 0 1px rgba(196,181,253,.16)}.ockie-chat__magic-icon{width:1.15rem;height:1.15rem;display:block}.ockie-chat__panel-close{min-height:2rem;display:inline-flex;align-items:center;justify-content:center;padding:.35rem .65rem;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.04);color:#f8fafc;font:inherit;font-size:.74rem;font-weight:700;cursor:pointer}.ockie-chat__message{display:grid;grid-template-columns:auto 1fr;align-items:start;grid-gap:.65rem;gap:.65rem}.ockie-chat__message-avatar{width:1.95rem;height:1.95rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:linear-gradient(135deg,#8b5cf6,#6d28d9);box-shadow:0 12px 24px rgba(109,40,217,.22)}.ockie-chat__message p{margin:0;padding:.8rem .9rem;border:1px solid rgba(196,181,253,.14);border-radius:1rem 1rem 1rem .35rem;background:rgba(139,92,246,.12);color:#f8fafc;line-height:1.5}.ockie-chat__composer{display:grid}.ockie-chat__composer input{width:100%;min-height:2.85rem;padding:.72rem .9rem;border:1px solid rgba(148,163,184,.18);border-radius:.95rem;background:rgba(148,163,184,.14);color:rgba(226,232,240,.62);font:inherit;font-size:.86rem;cursor:not-allowed}.ockie-chat__composer input::placeholder{color:rgba(226,232,240,.48)}.app-shell__theme,.button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.75rem;padding:.72rem 1rem;border:1px solid var(--border);border-radius:var(--radius-pill);text-decoration:none;font:inherit;font-weight:700;font-size:.92rem;letter-spacing:-.01em;transition:transform .16s ease,border-color .16s ease,background-color .16s ease;cursor:pointer}.app-shell__theme,.button--ghost{background:var(--surface-soft);color:var(--text-strong)}.button--primary{border-color:transparent;background:var(--gradient-accent);color:white;box-shadow:0 16px 34px var(--accent-glow)}.button:hover{transform:translateY(-1px)}.tool-card:hover{transform:translateY(-2px)}.app-shell__theme:focus-visible,.button:focus-visible,.email-template-color-row__hex:focus,.email-template-color-row__picker:focus,.field input:focus,.field select:focus,.field textarea:focus,.inline-submit input:focus{outline:2px solid var(--focus-ring);outline-offset:2px}.button:disabled{cursor:not-allowed;opacity:.55;transform:none}.app-shell__theme{width:100%;min-height:2.4rem;padding:.5rem .6rem;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text);font-size:.875rem;font-weight:500;letter-spacing:0;justify-content:flex-start}.app-shell__theme:hover{transform:none;background:var(--surface-soft);color:var(--text-strong)}.app-shell__theme-indicator{width:.65rem;height:.65rem;border-radius:999px;background:currentColor;opacity:.72;flex-shrink:0}.badge{display:inline-flex;align-items:center;min-height:1.6rem;padding:.2rem .5rem;border-radius:var(--radius-pill);font-size:.68rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;flex-shrink:0;white-space:nowrap}.badge--ready{background:rgba(22,163,74,.12);color:var(--color-success)}.badge--planned{background:rgba(148,163,184,.16);color:var(--text)}.badge--next{background:var(--accent-soft);color:var(--accent-strong)}.field{display:grid;grid-gap:.45rem;gap:.45rem}.field legend,.field span{color:var(--text-strong);font-weight:700}.field legend{padding:0}.field input{min-height:3.5rem}.field input,.field select,.field textarea{width:100%;padding:.95rem 1rem;border:1px solid var(--border);border-radius:1rem;background:var(--surface-strong);color:var(--text-strong);font:inherit}.inline-submit{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:.75rem;gap:.75rem;align-items:center}.inline-submit input{width:100%;min-height:3.5rem;padding:.95rem 1rem;border:1px solid var(--border);border-radius:1rem;background:var(--surface-strong);color:var(--text-strong);font:inherit}.form-note{max-width:28rem;font-size:.9rem}.preserve-list{display:grid;grid-gap:.75rem;gap:.75rem;margin:1rem 0 0;padding-left:1.1rem}.result-banner{margin-bottom:1rem;padding:1rem 1.1rem;border:1px solid transparent;border-radius:1rem}.result-banner p{margin:0}.result-banner p+p{margin-top:.35rem}.result-banner--success{border-color:var(--color-success-border);background:var(--color-success-bg);color:var(--color-success)}.result-banner--danger{border-color:var(--color-danger-border);background:var(--color-danger-bg);color:var(--color-danger)}.clipboard-modal{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:1rem;background:rgba(15,23,42,.18);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.clipboard-modal__card{width:min(20rem,100%);padding:1rem 1.1rem;border:1px solid var(--color-success-border);border-radius:1rem;background:var(--color-success-bg);box-shadow:var(--shadow-lg);text-align:center}.clipboard-modal__card strong{display:block;color:var(--color-success);font-family:var(--font-display),sans-serif;font-size:1rem}.clipboard-modal__card p{margin:.45rem 0 0;color:var(--color-success)}.dashboard-section__intro p,.field span,.form-note,.preserve-list li,.tool-page__copy{line-height:1.75}.dashboard-section__intro p,.tool-card p,.tool-panel p{margin:0}.dashboard-page{display:grid;grid-gap:1.5rem;gap:1.5rem}.tool-panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-sm)}.dashboard-section{padding:0}.dashboard-section__intro{margin-bottom:1rem}.dashboard-section__intro h2{margin:0;color:var(--text-strong);font-family:var(--font-display),sans-serif;font-size:1.35rem;letter-spacing:-.05em}.dashboard-section__intro p{margin:.3rem 0 0;max-width:48rem}.dashboard-section__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.85rem;gap:.85rem}.tool-card{display:flex;flex-direction:column;gap:.6rem;min-height:100%;padding:1.1rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-elevated);text-decoration:none;box-shadow:0 2px 10px rgba(15,23,42,.1),inset 0 1px 0 rgba(255,255,255,.65);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.tool-card:hover{border-color:rgba(31,94,255,.22);box-shadow:0 8px 28px rgba(15,23,42,.16),inset 0 1px 0 rgba(255,255,255,.65)}.tool-card__icon{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-soft);color:var(--accent);margin-bottom:.2rem;flex-shrink:0}.tool-card--static{opacity:.95}.tool-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.6rem}.tool-card h3{margin:0;color:var(--text-strong);font-family:var(--font-display),sans-serif;font-size:1rem;letter-spacing:-.03em}.tool-card p{font-size:.9rem;line-height:1.6}.tool-page{display:grid;grid-gap:1.25rem;gap:1.25rem}.tool-page__hero{display:grid;grid-gap:.5rem;gap:.5rem;padding:.25rem 0 1.5rem}.tool-page__hero--compact{padding-bottom:1.25rem}.tool-page h1{margin:0;color:var(--text-strong);font-family:var(--font-display),sans-serif;font-size:clamp(1.8rem,1.4rem + 1.2vw,2.8rem);letter-spacing:-.06em}.tool-page__copy{max-width:52rem;margin:.9rem 0 0}.tool-page__meta{display:flex;flex-wrap:wrap;gap:.75rem}.app-shell__meta-pill,.tool-page__pill{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.8rem;padding:.72rem 1rem;border:1px solid var(--border);border-radius:var(--radius-pill);text-decoration:none;font-weight:700;font-size:.92rem;letter-spacing:-.01em;transition:transform .16s ease,border-color .16s ease,background-color .16s ease;background:var(--surface-soft);color:var(--text-strong)}.tool-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.95fr);align-items:start}.tool-panel{padding:1.25rem}.tool-panel--narrow{width:min(760px,100%)}.tool-panel--muted{background:rgba(226,232,240,.58)}.tool-panel__header h2{margin:0;color:var(--text-strong);font-family:var(--font-display),sans-serif;font-size:1.25rem;letter-spacing:-.04em}.tool-form{display:grid;grid-gap:1rem;gap:1rem;margin-top:1rem}.tool-form--inline{margin-top:0}.tool-form__actions{display:flex;justify-content:space-between;gap:.75rem;align-items:center;flex-wrap:wrap}.tool-note{margin:0;color:var(--text);line-height:1.7}.js-builder{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1.5rem;gap:1.5rem;align-items:start}.js-builder__column h2{margin:0 0 1rem;color:var(--text-strong);font-family:var(--font-display),sans-serif;font-size:1.2rem;letter-spacing:-.04em}.js-builder__options{display:grid;grid-gap:.85rem;gap:.85rem}.choice-row{display:flex;align-items:flex-start;gap:.7rem;color:var(--text-strong);line-height:1.55}.choice-row--strong{margin-top:.45rem;font-weight:700}.js-builder__output{width:100%;min-height:21rem;padding:.95rem 1rem;border:1px solid var(--border);border-radius:1rem;background:var(--surface-strong);color:var(--text-strong);font:inherit;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.8rem;resize:vertical}.js-builder__copy{margin-top:1rem}.converter-tabs{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1rem}.converter-tab{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.72rem .95rem;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-elevated);color:var(--text-strong);font:inherit;font-size:.92rem;font-weight:700;cursor:pointer}.converter-tab.is-active{border-color:transparent;background:var(--gradient-accent);color:white}.converter-panel{padding:1rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-elevated)}.converter-grid{display:grid;grid-gap:1rem;gap:1rem}.converter-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1.25rem;gap:1.25rem;align-items:start}.converter-action{width:-moz-fit-content;width:fit-content}.tool-preview-label{display:inline-block;margin-bottom:.45rem;color:var(--text);font-size:.8rem}.preview-box{min-height:7rem;display:flex;align-items:center;justify-content:center;padding:1rem;border:1px solid var(--border);border-radius:1rem;background:var(--surface-soft);color:var(--text);text-align:center}.preview-box__image{max-width:100%;max-height:12rem;display:block}.converter-error{color:#991b1b}.business-unit-tool{display:grid;grid-gap:1.25rem;gap:1.25rem}.bu-panel{display:grid;grid-gap:1.1rem;gap:1.1rem}.bu-file-instructions,.bu-plain-section{display:grid;grid-gap:.9rem;gap:.9rem;max-width:52rem}.bu-export-card,.bu-intro__copy,.bu-issues,.bu-section-head{display:grid;grid-gap:.65rem;gap:.65rem}.bu-export-card h3,.bu-section-head h2{margin:0;color:var(--text-strong);font-family:var(--font-display),sans-serif;letter-spacing:0}.bu-section-head h2{font-size:1.2rem}.bu-export-card p,.bu-section-head p,.bu-warning-strip span{margin:0;line-height:1.65}.bu-sample-button{width:-moz-fit-content;width:fit-content;margin-top:.15rem}.bu-role-map{display:flex;flex-wrap:wrap;gap:.45rem 1rem;color:var(--text);line-height:1.65}.bu-role-map span{display:inline-flex;gap:.35rem}.bu-role-map strong{color:var(--text-strong)}.bu-stat span,.bu-tree__depth{color:var(--text);font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.bu-warning-strip{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .7rem;border:1px solid rgba(245,158,11,.22);border-radius:var(--radius-pill);background:rgba(245,158,11,.1);color:#92400e;font-size:.86rem;font-weight:700}html[data-theme=dark] .bu-warning-strip{color:#fbbf24}.bu-upload-zone{min-height:10rem;display:grid;place-items:center;grid-gap:.55rem;gap:.55rem;padding:1.25rem;border:1px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--surface-elevated);color:var(--text);text-align:center;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,transform .16s ease}.bu-upload-zone:hover{border-color:rgba(37,99,235,.38);background:var(--surface-soft);transform:translateY(-1px)}.bu-upload-zone span{color:var(--text-strong);font-weight:800}.bu-upload-zone small{max-width:23rem;line-height:1.55}.bu-upload-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.bu-read-error{margin:1rem 0 0}.bu-id-checkbox{display:inline-grid;grid-template-columns:auto minmax(0,1fr);gap:.55rem;align-items:start;width:-moz-fit-content;width:fit-content;color:var(--text-strong);font-weight:800;cursor:pointer}.bu-id-checkbox input{width:1rem;height:1rem;margin-top:.18rem;accent-color:var(--accent)}.bu-id-checkbox small{display:block;margin-top:.15rem;color:var(--text);font-size:.84rem;font-weight:500;line-height:1.55}.bu-id-note{max-width:42rem;margin:0;color:var(--text);font-size:.9rem;line-height:1.65}.bu-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:.75rem;gap:.75rem}.bu-stat{display:grid;grid-gap:.35rem;gap:.35rem;min-width:0;padding:.85rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-elevated)}.bu-stat strong{color:var(--text-strong);font-family:var(--font-display),sans-serif;font-size:1.6rem;line-height:1}.bu-stat--danger strong{color:var(--color-danger)}.bu-stat--warning strong{color:#92400e}html[data-theme=dark] .bu-stat--warning strong{color:#fbbf24}.bu-issues ul,.bu-tree,.bu-tree ul{margin:0;padding:0;list-style:none}.bu-issues ul{display:grid;grid-gap:.55rem;gap:.55rem}.bu-issue{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:.55rem;gap:.55rem;align-items:start;padding:.7rem .8rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-elevated);line-height:1.55}.bu-issue--error{border-color:var(--color-danger-border);color:var(--color-danger)}.bu-issue--warning{border-color:rgba(245,158,11,.24);color:#92400e}html[data-theme=dark] .bu-issue--warning{color:#fbbf24}.bu-table-wrap{overflow:auto;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-strong)}.bu-table{width:100%;min-width:960px;border-collapse:collapse;font-size:.84rem}.bu-table td,.bu-table th{padding:.7rem .75rem;border-bottom:1px solid var(--border);border-right:1px solid var(--border);text-align:left;vertical-align:top}.bu-table th{position:-webkit-sticky;position:sticky;top:0;z-index:1;background:var(--surface-muted);font-weight:800}.bu-table td,.bu-table th{color:var(--text-strong)}.bu-table td span{overflow-wrap:anywhere}.bu-table td em{display:inline-flex;margin-left:.35rem;padding:.12rem .4rem;border-radius:var(--radius-pill);background:rgba(245,158,11,.13);color:#92400e;font-size:.68rem;font-style:normal;font-weight:800;text-transform:uppercase}.bu-tree,.bu-tree ul{display:grid;grid-gap:.5rem;gap:.5rem}.bu-tree ul{margin-top:.5rem;margin-left:1rem;padding-left:1rem;border-left:1px solid var(--border)}.bu-tree__node{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem;padding:.55rem .65rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-elevated)}.bu-tree__node strong{color:var(--text-strong)}.bu-tree__node code{overflow-wrap:anywhere}.bu-export-head{display:flex;justify-content:space-between;gap:1rem;align-items:start;flex-wrap:wrap}.bu-export-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.75rem;gap:.75rem}.bu-export-card{min-width:0;padding:.95rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-elevated)}.bu-export-card h3{font-size:1rem}.bu-export-card svg{color:var(--accent)}.bu-export-button{width:-moz-fit-content;width:fit-content}.bu-steps{display:grid;grid-gap:.45rem;gap:.45rem;margin:0;padding-left:1.3rem;color:var(--text);font-size:.9rem;line-height:1.65}.email-template-builder{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.25fr);grid-gap:1.5rem;gap:1.5rem;align-items:start}.email-template-builder__column{min-width:0}.email-template-box{display:grid;grid-gap:1rem;gap:1rem;padding:1.15rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-elevated)}.email-template-box h2{margin:0;color:var(--text-strong);font-family:var(--font-display),sans-serif;font-size:1.2rem;letter-spacing:-.04em}.email-template-form{display:grid;grid-gap:1rem;gap:1rem}.email-template-color-row{display:grid;grid-template-columns:4.5rem minmax(0,1fr);grid-gap:.65rem;gap:.65rem;align-items:center}.email-template-color-row__picker{padding:.3rem}.email-template-color-row__hex,.email-template-color-row__picker{width:100%;min-height:3.25rem;border:1px solid var(--border);border-radius:1rem;background:var(--surface-strong)}.email-template-color-row__hex{padding:.85rem 1rem;color:var(--text-strong);font:inherit}.email-template-box__header{display:grid;grid-gap:.9rem;gap:.9rem}.email-template-tabs{display:flex;flex-wrap:wrap;gap:.55rem}.email-template-tab{display:inline-flex;align-items:center;justify-content:center;min-height:2.55rem;padding:.65rem .9rem;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-elevated);color:var(--text-strong);font:inherit;font-size:.88rem;font-weight:700;cursor:pointer}.email-template-tab.is-active{border-color:transparent;background:var(--gradient-accent);color:white}.email-template-output{width:100%;min-height:34rem;padding:1rem;border:1px solid var(--border);border-radius:1rem;background:var(--surface-strong);color:var(--text-strong);font:inherit;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.8rem;resize:vertical}.email-template-box__footer{display:grid;grid-gap:.65rem;gap:.65rem}.prompt-builder{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.25fr);grid-gap:1.5rem;gap:1.5rem;align-items:start}.prompt-builder__column{min-width:0}.prompt-builder__box{display:grid;grid-gap:1rem;gap:1rem;padding:1.15rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-elevated)}.prompt-builder__box h2,.prompt-builder__section h3{margin:0;color:var(--text-strong);font-family:var(--font-display),sans-serif;letter-spacing:-.04em}.prompt-builder__box h2{font-size:1.2rem}.prompt-builder__box-header p{margin:.35rem 0 0}.prompt-builder__form,.prompt-builder__section{display:grid;grid-gap:1rem;gap:1rem}.prompt-builder__section{padding-bottom:1rem;border-bottom:1px solid rgba(15,23,42,.08)}.prompt-builder__section--last{padding-bottom:0;border-bottom:0}.prompt-builder__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1rem;gap:1rem}.prompt-builder__checkbox-field{min-inline-size:0;margin:0;padding:0;border:0}.prompt-builder__checkbox-list{display:grid;grid-gap:.55rem;gap:.55rem;max-height:15rem;overflow:auto;padding:.85rem;border:1px solid var(--border);border-radius:1rem;background:var(--surface-strong)}.prompt-builder__checkbox-option{color:var(--text-strong)}.prompt-builder__field-note,.prompt-builder__helper{margin:0;color:var(--text);line-height:1.7;font-size:.92rem}.prompt-builder__action-bar,.prompt-builder__output-meta{display:flex;flex-wrap:wrap;gap:.75rem}.prompt-builder__meta-pill{display:inline-flex;align-items:center;min-height:2rem;padding:.45rem .75rem;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-elevated);color:var(--text-strong);font-size:.78rem;font-weight:700}.prompt-builder__output{min-height:42rem;width:100%;padding:1.15rem 1.25rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-strong);color:var(--text-strong);resize:vertical;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.92rem;line-height:1.7}.prompt-builder__output:focus{outline:2px solid var(--focus-ring);outline-offset:2px}.prompt-builder__upload-wrap{display:grid;grid-gap:.6rem;gap:.6rem}.prompt-builder__upload-status{min-height:2.75rem;padding:.75rem .95rem;border:1px solid var(--border);border-radius:1rem;background:var(--surface-soft);color:var(--text);font-size:.92rem;line-height:1.5}.apply-styler{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);grid-gap:1.5rem;gap:1.5rem;align-items:start}.apply-styler__column{min-width:0}.apply-styler__box{display:grid;grid-gap:0;gap:0;padding:1.15rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-elevated)}.apply-styler__section{border-bottom:1px solid var(--border)}.apply-styler__section,.apply-styler__section--settings{padding-bottom:1.15rem;margin-bottom:1.15rem}.apply-styler__settings-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:1rem;gap:1rem;align-items:start}.apply-styler__section-label{margin:0 0 .85rem;color:var(--text-strong);font-family:var(--font-display),sans-serif;font-size:1rem;font-weight:700;letter-spacing:-.03em}.apply-styler__color-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.85rem;gap:.85rem}.apply-styler__color-field{display:grid;grid-gap:.4rem;gap:.4rem}.apply-styler__color-label{color:var(--text-strong);font-size:.82rem;font-weight:700}.apply-styler__color-row{display:grid;grid-template-columns:2.75rem minmax(0,1fr);grid-gap:.5rem;gap:.5rem;align-items:center}.apply-styler__color-picker{padding:.25rem;cursor:pointer}.apply-styler__color-hex,.apply-styler__color-picker{width:100%;min-height:2.75rem;border:1px solid var(--border);border-radius:.75rem;background:var(--surface-strong)}.apply-styler__color-hex{padding:.7rem .85rem;color:var(--text-strong);font:inherit;font-size:.88rem}.apply-styler__color-hex.is-invalid{border-color:rgba(220,38,38,.5)}.apply-styler__color-hex:focus{outline:2px solid var(--focus-ring);outline-offset:2px}.apply-styler__field-error{margin:0;color:var(--color-danger);font-size:.8rem}.apply-styler__slider-field{display:grid;grid-gap:.5rem;gap:.5rem}.apply-styler__slider-head{display:flex;align-items:center;justify-content:space-between}.apply-styler__slider-label{color:var(--text-strong);font-weight:700}.apply-styler__slider-value{color:var(--text);font-size:.9rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.apply-styler__range{width:100%;accent-color:var(--accent)}.apply-styler__preview{display:flex;flex-wrap:wrap;gap:.75rem;padding:1.25rem;margin-bottom:1.15rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-soft)}.apply-styler__preview-btn{padding:10px 20px;border:1px solid;font:inherit;font-size:.9rem;font-weight:600;cursor:default;transition:none}.apply-styler__outputs{display:grid;grid-gap:1rem;gap:1rem}.apply-styler__output{display:grid;grid-gap:.6rem;gap:.6rem}.apply-styler__output-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.apply-styler__output-label{margin:0;color:var(--text-strong);font-family:var(--font-display),sans-serif;font-size:1rem;font-weight:700;letter-spacing:-.03em}.apply-styler__output-copy{flex-shrink:0;min-height:2.4rem;padding-inline:.9rem;font-size:.88rem}.apply-styler__output-code{width:100%;padding:.9rem 1rem;border:1px solid var(--border);border-radius:1rem;background:var(--surface-strong);color:var(--text-strong);font:inherit;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.8rem;line-height:1.6;resize:vertical}.layout-builder{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);grid-gap:1.5rem;gap:1.5rem;align-items:start}.layout-builder__controls,.layout-builder__output{padding:1.15rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.layout-builder__output h2{margin:0 0 .75rem;color:var(--text-strong);font-family:var(--font-display),sans-serif;font-size:1.1rem;letter-spacing:-.04em}.layout-builder__textarea{width:100%;min-height:34rem;padding:.9rem 1rem;border:1px solid var(--border);border-radius:1rem;background:var(--surface-strong);color:var(--text-strong);font:inherit;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.8rem;line-height:1.55;resize:vertical}.layout-builder__copy{margin-top:.75rem;width:100%}.builder-panel{display:grid;grid-gap:0;gap:0;margin-top:1rem}.builder-section{display:grid;grid-gap:.75rem;gap:.75rem;padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--border)}.builder-section--last{padding-bottom:0;margin-bottom:0;border-bottom:none}.builder-section h3{margin:0;color:var(--text-strong);font-family:var(--font-display),sans-serif;font-size:1rem;font-weight:700;letter-spacing:-.03em}.builder-items{display:grid;grid-gap:.6rem;gap:.6rem}.builder-item{padding:.85rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-soft)}.builder-item__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.7rem}.builder-item__label{color:var(--text-strong);font-size:.85rem;font-weight:700}.builder-item__remove{padding:.2rem .5rem;border:none;background:none;color:var(--text);font:inherit;font-size:.82rem;cursor:pointer;border-radius:.5rem;transition:color .12s ease,background .12s ease}.builder-item__remove:hover{color:var(--color-danger);background:var(--color-danger-bg)}.builder-item__fields{display:grid;grid-gap:.6rem;gap:.6rem}.builder-item__checks{display:flex;gap:1.25rem;flex-wrap:wrap}.builder-check{display:flex;align-items:center;gap:.4rem;font-size:.88rem;color:var(--text-strong);cursor:pointer}.builder-children{display:grid;grid-gap:.5rem;gap:.5rem;padding-top:.7rem;border-top:1px solid var(--border)}.builder-child{padding:.7rem;border:1px solid var(--border);border-radius:.75rem;background:var(--surface-elevated)}.builder-child__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}.builder-actions{display:flex;gap:.6rem;flex-wrap:wrap}.builder-social-row{display:flex;align-items:center;gap:.6rem}.builder-social-row select{flex:0 0 130px;padding:.65rem .75rem}.builder-social-row input,.builder-social-row select{min-height:2.75rem;border:1px solid var(--border);border-radius:.75rem;background:var(--surface-strong);color:var(--text-strong);font:inherit;font-size:.9rem}.builder-social-row input{flex:1 1;padding:.65rem .85rem}.builder-social-row input:focus,.builder-social-row select:focus{outline:2px solid var(--focus-ring);outline-offset:2px}.field-sm{display:grid;grid-gap:.3rem;gap:.3rem}.field-sm label{font-size:.82rem;color:var(--text);font-weight:600}.field-sm input,.field-sm select{width:100%;min-height:2.75rem;padding:.65rem .85rem;border:1px solid var(--border);border-radius:.75rem;background:var(--surface-strong);color:var(--text-strong);font:inherit;font-size:.9rem}.field-sm input:focus,.field-sm select:focus{outline:2px solid var(--focus-ring);outline-offset:2px}.builder-btn-sm{min-height:2.4rem;padding-block:.5rem;font-size:.88rem}.theme-builder{display:grid;grid-gap:1rem;gap:1rem}.theme-builder__output,.theme-builder__workspace{padding:1.15rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.theme-builder__pane{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:1rem;gap:1rem;align-items:start}.theme-builder__pane--wide{grid-template-columns:minmax(0,1.3fr) minmax(0,.95fr)}.theme-builder__panel{display:grid;grid-gap:1rem;gap:1rem;min-width:0;padding:1rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-elevated)}.theme-builder__card-preview h3,.theme-builder__panel h2,.theme-builder__preview-group h3,.theme-builder__section-card h3{margin:0;color:var(--text-strong);font-family:var(--font-display),sans-serif;letter-spacing:-.04em}.theme-builder__panel h2{font-size:1.12rem}.theme-builder__card-preview h3,.theme-builder__panel h3,.theme-builder__preview-group h3,.theme-builder__section-card h3{font-size:.98rem}.theme-builder__grid,.theme-builder__stack{display:grid;grid-gap:.85rem;gap:.85rem}.theme-builder__grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-builder__grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.theme-builder__field{display:grid;grid-gap:.35rem;gap:.35rem}.theme-builder__field label,.theme-builder__range-head label{color:var(--text);font-size:.82rem;font-weight:700}.theme-builder__color-row{display:grid;grid-template-columns:3rem minmax(0,1fr);grid-gap:.55rem;gap:.55rem;align-items:center}.theme-builder__color-picker{padding:.25rem}.theme-builder__color-picker,.theme-builder__select-input,.theme-builder__text-input{width:100%;min-height:2.9rem;border:1px solid var(--border);border-radius:.8rem;background:var(--surface-strong)}.theme-builder__select-input,.theme-builder__text-input{padding:.72rem .85rem;color:var(--text-strong);font:inherit}.theme-builder__color-picker:focus,.theme-builder__select-input:focus,.theme-builder__text-input:focus{outline:2px solid var(--focus-ring);outline-offset:2px}.theme-builder__range-field{display:grid;grid-gap:.45rem;gap:.45rem}.theme-builder__range-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.theme-builder__range-head span{color:var(--text);font-size:.88rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.theme-builder__range-input{display:flex;align-items:center;gap:.4rem}.theme-builder__range-input input{width:4.4rem;min-height:2.4rem;padding:.5rem .6rem;border:1px solid var(--border);border-radius:.7rem;background:var(--surface-strong);color:var(--text-strong);font:inherit}.theme-builder__range-field input[type=range]{width:100%;accent-color:var(--accent)}.theme-builder__section-card{display:grid;grid-gap:.85rem;gap:.85rem;padding:.9rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-soft)}.theme-builder__section-card-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.theme-builder__copy-style{min-height:2.3rem;padding:.55rem .85rem;font-size:.85rem}.theme-builder__preview-group,.theme-builder__preview-stack{display:grid;grid-gap:.75rem;gap:.75rem}.theme-builder__body-preview,.theme-builder__footer-preview,.theme-builder__nav-preview,.theme-builder__placeholder{border:1px solid var(--border);border-radius:var(--radius-md)}.theme-builder__nav-preview{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.95rem 1rem}.theme-builder__nav-brand{font-weight:800}.theme-builder__nav-links{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;font-size:.92rem}.theme-builder__body-preview{padding:1rem;background:var(--surface-soft);color:var(--text);font-size:.9rem;line-height:1.6}.theme-builder__footer-preview{display:grid;grid-gap:.35rem;gap:.35rem;padding:1rem}.theme-builder__card-preview p,.theme-builder__footer-preview p,.theme-builder__placeholder p{margin:0;line-height:1.65}.theme-builder__typography-preview{display:grid;grid-gap:.8rem;gap:.8rem}.theme-builder__typography-preview h1,.theme-builder__typography-preview h2,.theme-builder__typography-preview h3,.theme-builder__typography-preview h4,.theme-builder__typography-preview h5,.theme-builder__typography-preview p{margin:0;color:var(--text-strong)}.theme-builder__preview-input{width:100%;min-height:2.9rem;padding:var(--theme-builder-input-padding-y) var(--theme-builder-input-padding-x);border:1px solid var(--theme-builder-input-border);border-radius:var(--theme-builder-input-radius);background:var(--theme-builder-input-bg);color:var(--text-strong);font:inherit}.theme-builder__preview-input::placeholder{color:rgba(82,96,119,.8)}.theme-builder__button-row{display:flex;gap:.75rem;flex-wrap:wrap}.theme-builder__preview-button{min-height:2.8rem;padding:var(--theme-builder-btn-padding-y) var(--theme-builder-btn-padding-x);border:1px solid var(--theme-builder-btn-border);border-radius:var(--theme-builder-btn-radius);background:var(--theme-builder-btn-bg);color:var(--theme-builder-btn-color);font:inherit;font-weight:700;cursor:default;transition:background-color .16s ease,color .16s ease,border-color .16s ease}.theme-builder__preview-button:hover{background:var(--theme-builder-btn-hover-bg);color:var(--theme-builder-btn-hover-color);border-color:var(--theme-builder-btn-hover-border)}.theme-builder__layout-row{display:flex;flex-wrap:wrap;margin:-.35rem}.theme-builder__layout-cell{width:100%;padding:.35rem;box-sizing:border-box}.theme-builder__layout-card,.theme-builder__layout-filter{border:1px solid var(--border);border-radius:.8rem;background:var(--surface-soft)}.theme-builder__layout-filter{min-height:2.8rem}.theme-builder__layout-card{min-height:7rem}.theme-builder__card-preview-grid{display:grid;grid-gap:.85rem;gap:.85rem}.theme-builder__card-preview{border:1px solid}.theme-builder__faq-item{overflow:hidden;border:1px solid}.theme-builder__faq-trigger{width:100%;padding:1rem 1.05rem;border:0;background:transparent;color:var(--text-strong);font:inherit;font-weight:700;text-align:left;cursor:pointer}.theme-builder__faq-body{padding:0 1.05rem 1rem;border-top:1px solid color-mix(in srgb,var(--border) 70%,transparent);line-height:1.65}.theme-builder__placeholder{display:grid;grid-gap:.4rem;gap:.4rem;padding:1.25rem;background:var(--surface-soft)}.theme-builder__placeholder strong{color:var(--text-strong);font-family:var(--font-display),sans-serif;letter-spacing:-.03em}.theme-builder__output{display:grid;grid-gap:.85rem;gap:.85rem}.theme-builder__output-actions{display:flex;gap:.75rem;flex-wrap:wrap}.theme-builder__textarea{width:100%;min-height:20rem;padding:1rem;border:1px solid var(--border);border-radius:1rem;background:var(--surface-strong);color:var(--text-strong);font:inherit;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.8rem;line-height:1.55;resize:vertical}.email-builder{display:grid;grid-gap:0;gap:0;position:relative}.email-builder__layout{display:grid;grid-template-columns:14rem minmax(0,1fr) minmax(0,1.4fr);grid-gap:1rem;gap:1rem;align-items:start}.email-builder__col{display:grid;grid-gap:1rem;gap:1rem;min-width:0}.email-builder__col--wide{min-width:0}.eb-panel{display:grid;grid-gap:.85rem;gap:.85rem;padding:1rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-elevated);box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}.eb-panel--canvas{min-height:20rem}.eb-panel__title{margin:0;color:var(--text-strong);font-family:var(--font-display),sans-serif;font-size:.92rem;font-weight:700;letter-spacing:-.02em}.eb-draggable-list{display:grid;grid-gap:.5rem;gap:.5rem}.eb-draggable-item{display:flex;align-items:center;gap:.55rem;padding:.6rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-soft);color:var(--text-strong);font-size:.875rem;font-weight:600;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:border-color .14s ease,background .14s ease}.eb-draggable-item:hover{border-color:var(--border-strong);background:var(--surface-muted)}.eb-draggable-item:active{cursor:-webkit-grabbing;cursor:grabbing}.eb-dropzone{min-height:14rem;display:flex;flex-direction:column;gap:.5rem;padding:.5rem;border:1.5px dashed var(--border-strong);border-radius:var(--radius-sm)}.eb-dropzone__empty{margin:auto;padding:1rem;color:var(--text);font-size:.875rem;text-align:center;line-height:1.6;pointer-events:none}.eb-sortable-ghost{opacity:.35;background:var(--accent-soft)}.eb-dropped-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem .7rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-strong);cursor:-webkit-grab;cursor:grab}.eb-dropped-item:active{cursor:-webkit-grabbing;cursor:grabbing}.eb-dropped-item__label{font-size:.85rem;font-weight:600;color:var(--text-strong);flex:1 1}.eb-item-actions{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.eb-btn-edit{display:inline-flex;align-items:center;padding:.25rem .55rem;border:1px solid var(--border);border-radius:.5rem;background:var(--surface-soft);color:var(--text-strong);font:inherit;font-size:.78rem;font-weight:600;cursor:pointer;transition:border-color .12s ease,background .12s ease}.eb-btn-edit:hover{border-color:var(--border-strong);background:var(--surface-muted)}.eb-btn-delete{display:inline-flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem;padding:0;border:1px solid transparent;border-radius:.5rem;background:transparent;color:var(--text);font:inherit;font-size:1.1rem;cursor:pointer;transition:background .12s ease,color .12s ease}.eb-btn-delete:hover{background:var(--color-danger-bg);color:var(--color-danger)}.eb-preview-pane{min-height:8rem;padding:.75rem;background:#ffffff;overflow-x:auto;font-size:.78rem;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;color:#333;white-space:pre-wrap;word-break:break-all}.eb-html-output,.eb-preview-pane{border:1px solid var(--border);border-radius:var(--radius-sm)}.eb-html-output{width:100%;padding:.8rem .9rem;background:var(--surface-strong);color:var(--text-strong);font:inherit;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.78rem;line-height:1.5;resize:vertical}.eb-output-actions{display:flex;gap:.6rem;flex-wrap:wrap}.eb-btn-full{width:100%;justify-content:center}.eb-config-slider{position:fixed;top:0;right:0;width:min(380px,100vw);height:100vh;z-index:50;transform:translateX(100%);transition:transform .24s cubic-bezier(.4,0,.2,1);border-left:1px solid var(--border);background:var(--surface-strong);box-shadow:var(--shadow-lg);overflow-y:auto}.eb-config-slider.is-active{transform:translateX(0)}.eb-config-content{display:grid;grid-gap:1.15rem;gap:1.15rem;padding:1.25rem}.eb-config-title{margin:0;color:var(--text-strong);font-family:var(--font-display),sans-serif;font-size:1.05rem;letter-spacing:-.03em}.eb-config-form{display:grid;grid-gap:.65rem;gap:.65rem}.eb-config-actions{display:flex;gap:.6rem;padding-top:.5rem;border-top:1px solid var(--border)}.eb-field-label{color:var(--text-strong);font-size:.82rem;font-weight:700}.eb-field-input{width:100%;min-height:2.6rem;padding:.6rem .8rem;border:1px solid var(--border);border-radius:.75rem;background:var(--surface-soft);color:var(--text-strong);font:inherit;font-size:.9rem;transition:border-color .14s ease}.eb-field-input:focus{outline:2px solid var(--focus-ring);outline-offset:2px;border-color:var(--accent)}.eb-color-row{display:grid;grid-template-columns:3rem minmax(0,1fr);grid-gap:.55rem;gap:.55rem;align-items:center}.eb-color-picker{width:100%;min-height:2.6rem;padding:.2rem;border:1px solid var(--border);border-radius:.75rem;background:var(--surface-soft);cursor:pointer}.eb-dimension-row{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:.5rem;gap:.5rem;align-items:center}.eb-dimension-sep{color:var(--text);font-size:.85rem;text-align:center}.eb-padding-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:.5rem;gap:.5rem}.eb-divider{margin:.25rem 0;border:none;border-top:1px solid var(--border)}.eb-social-network{display:grid;grid-gap:.4rem;gap:.4rem;padding:.75rem;border:1px solid var(--border);border-radius:.75rem;background:var(--surface-soft);margin-bottom:.5rem}.eb-btn-remove-social{padding:.35rem .7rem;border:1px solid var(--color-danger-border);border-radius:.5rem;background:var(--color-danger-bg);color:var(--color-danger);font:inherit;font-size:.8rem;font-weight:600;cursor:pointer;width:-moz-fit-content;width:fit-content;transition:background .12s ease}.eb-btn-remove-social:hover{background:rgba(220,38,38,.14)}.eb-quill-container .ql-editor{min-height:12rem;font-family:var(--font-body),sans-serif}.eb-quill-container .ql-container,.eb-quill-container .ql-toolbar{border-color:var(--border);background:var(--surface-soft)}.eb-quill-container .ql-toolbar{border-radius:.75rem .75rem 0 0}.eb-quill-container .ql-container{border-radius:0 0 .75rem .75rem;color:var(--text-strong)}.theme-builder__scanner-file{display:none}.theme-builder__scanner{border-radius:var(--radius-md)}.theme-builder__scanner-zone{width:100%;padding:.875rem 1.25rem;display:flex;align-items:center;justify-content:center;background:var(--surface-soft);border:1.5px dashed var(--border-strong);border-radius:var(--radius-md);cursor:pointer;color:var(--text);font:inherit;font-size:.8125rem;transition:border-color .12s ease,color .12s ease,background .12s ease;text-align:center}.theme-builder__scanner--dragging .theme-builder__scanner-zone,.theme-builder__scanner-zone:hover{border-color:var(--accent);color:var(--text-strong);background:var(--accent-soft)}.theme-builder__scanner--disabled .theme-builder__scanner-zone{opacity:.45;cursor:not-allowed}.theme-builder__scanner--disabled .theme-builder__scanner-zone:hover{border-color:var(--border-strong);color:var(--text);background:var(--surface-soft)}.theme-builder__scanner-loaded{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-elevated)}.theme-builder__scanner-thumbnail{width:80px;height:54px;object-fit:cover;object-position:top;border-radius:.5rem;border:1px solid var(--border);flex-shrink:0}.theme-builder__scanner-info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.theme-builder__scanner-status{font-size:.8125rem;font-weight:500;color:var(--text-strong)}.theme-builder__scanner-status--success{color:var(--color-success)}.theme-builder__scanner-status--error{color:var(--color-danger)}.theme-builder__scanner-label{font-size:.75rem;color:var(--text)}.theme-builder__scanner-actions{display:flex;gap:.5rem;flex-shrink:0}@media (max-width:900px){.apply-styler,.dashboard-section__grid,.email-builder__layout,.email-template-builder,.layout-builder,.prompt-builder,.theme-builder__pane,.tool-layout{grid-template-columns:1fr}}@media (max-width:768px){.app-shell__sidebar{transform:translateX(-100%);transition:transform .24s ease;z-index:40}.app-shell__sidebar.is-open{transform:translateX(0)}.app-shell__body{margin-left:0}.app-shell__mobile-header{display:flex}.app-shell__main{width:min(1100px,calc(100% - 2rem));padding-top:1.5rem}}@media (max-width:600px){.dashboard-section__grid{grid-template-columns:1fr}.app-shell__meta-pill,.button,.tool-form__actions,.tool-page__meta,.tool-page__pill{width:100%}.bu-export-grid,.bu-summary-grid,.converter-split,.inline-submit,.js-builder{grid-template-columns:1fr}.bu-export-button{width:100%}.prompt-builder__grid,.theme-builder__grid--three,.theme-builder__grid--two{grid-template-columns:1fr}.theme-builder__nav-preview,.theme-builder__output-actions{align-items:stretch}.theme-builder__button-row,.theme-builder__nav-preview{flex-direction:column}.apply-styler__color-grid,.apply-styler__settings-grid,.email-template-color-row{grid-template-columns:1fr}.ockie-chat{right:.75rem;bottom:.75rem}}