*,:before,:after{box-sizing:border-box}:root{--color-bg:#f4f4f5;--color-surface:#fff;--color-text:#18181b;--color-muted:#71717a;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--dashboard-canvas:#2563eb;--dashboard-canvas-hover:#1d4ed8;--dashboard-canvas-soft:#eff6ff;--dashboard-canvas-border:#bfdbfe;--dashboard-mobile:#0f766e;--dashboard-mobile-hover:#0d9488;--dashboard-mobile-soft:#f0fdfa;--dashboard-mobile-border:#99f6e4;--color-danger:#dc2626;--color-border:#e4e4e7;--radius:8px;--shadow:0 1px 3px #0000001a;color:var(--color-text);background:var(--color-bg);font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5}body{min-height:100vh;margin:0}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}.btn-primary,.btn-secondary,.btn-file,.btn-random,.btn-export-json{border-radius:var(--radius);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;padding:.5rem 1rem;font-weight:500;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.btn-random{color:#c2410c;background:#fff7ed;border-color:#fb923c;gap:.4rem}.btn-random:hover{color:#9a3412;background:#ffedd5;border-color:#f97316}.btn-random:disabled{opacity:.6;cursor:not-allowed}.btn-export-json{color:#fff;background:#047857;border-color:#065f46}.btn-export-json:hover{color:#fff;background:#065f46;border-color:#064e3b}.btn-export-json:disabled{opacity:.6;cursor:not-allowed}.toolbar button.btn-export-json{color:#fff;background:#047857;border-color:#065f46}.toolbar button.btn-export-json:hover{color:#fff;background:#065f46;border-color:#064e3b}.btn-lg{padding:.75rem 1.5rem;font-size:1.05rem}.error-banner{color:var(--color-danger);border-radius:var(--radius);background:#fef2f2;border:1px solid #fecaca;margin-bottom:1rem;padding:.75rem 1rem}.loading-screen{min-height:100vh;color:var(--color-muted);place-items:center;display:grid}.landing{--landing-ink:#0c1612;--landing-forest:#1a3329;--landing-sage:#3d5c4c;--landing-gold:#d4a017;--landing-mist:#eef2ef;--landing-paper:#f7f9f7;background:var(--landing-paper);min-height:100vh;color:var(--landing-ink);font-family:DM Sans,system-ui,sans-serif}.landing-top{z-index:20;background:linear-gradient(#0c1612b8,#0000);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex;position:absolute;top:0;left:0;right:0}.landing-brand{color:#fff;letter-spacing:-.02em;font-family:Fraunces,Georgia,serif;font-size:1.35rem;font-weight:700;text-decoration:none}.landing-nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.65rem 1rem;display:flex}.landing-nav a{color:#ffffffe0;font-size:.9rem;font-weight:500;text-decoration:none}.landing-nav a:hover{color:#fff;text-decoration:none}.btn-landing-primary{background:var(--landing-gold);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.55rem 1.1rem;font-weight:600;transition:transform .2s,background .2s;display:inline-flex;color:var(--landing-ink)!important;text-decoration:none!important}.btn-landing-primary:hover{background:#e0b12a;transform:translateY(-1px)}.btn-landing-ghost{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff14;border:1px solid #ffffff73;border-radius:6px;justify-content:center;align-items:center;padding:.55rem 1.1rem;font-weight:600;transition:border-color .2s,background .2s;display:inline-flex;color:#fff!important;text-decoration:none!important}.btn-landing-ghost:hover{background:#ffffff24;border-color:#fff}.btn-landing-lg{padding:.85rem 1.5rem;font-size:1.05rem}.landing-hero{align-items:flex-end;min-height:100dvh;display:flex;position:relative;overflow:hidden}.landing-hero-media{position:absolute;inset:0}.landing-hero-img{object-fit:cover;object-position:center;width:100%;height:100%;animation:22s ease-out forwards landing-kenburns;transform:scale(1.08)}.landing-hero-shade{background:linear-gradient(120deg,#0c1612e0 0%,#0c16128c 48%,#0c161259 100%),linear-gradient(#0000 55%,#0c1612bf 100%);position:absolute;inset:0}.landing-hero-content{z-index:2;width:min(720px,100%);padding:6.5rem 1.25rem 3.5rem;animation:.9s ease-out both landing-rise;position:relative}.landing-brand-hero{color:#fff;letter-spacing:-.03em;margin:0 0 .75rem;font-family:Fraunces,Georgia,serif;font-size:clamp(2.4rem,7vw,4.2rem);font-weight:700;line-height:1.05}.landing-hero-content h1{color:#ffffffeb;max-width:18ch;margin:0 0 1rem;font-family:Fraunces,Georgia,serif;font-size:clamp(1.55rem,4.2vw,2.35rem);font-weight:500;line-height:1.25}.landing-hero-lead{color:#eef2efd1;max-width:54ch;margin:0 0 1.75rem;font-size:clamp(1rem,2.4vw,1.15rem);line-height:1.55}.landing-hero-actions{flex-wrap:wrap;gap:.75rem;display:flex}.landing-section{max-width:1100px;margin:0 auto;padding:4.5rem 1.25rem}.landing-section--tint{background:var(--landing-mist);max-width:none;padding-left:max(1.25rem,50% - 550px + 1.25rem);padding-right:max(1.25rem,50% - 550px + 1.25rem)}.landing-section-head{max-width:40rem;margin-bottom:2.75rem}.landing-section-head--center{text-align:center;margin-left:auto;margin-right:auto}.landing-section-head h2{letter-spacing:-.02em;margin:0 0 .65rem;font-family:Fraunces,Georgia,serif;font-size:clamp(1.75rem,3.5vw,2.4rem)}.landing-section-head p{color:var(--landing-sage);margin:0;font-size:1.05rem;line-height:1.55}.landing-showcase{max-width:1180px;margin:0 auto;padding:5rem 1.25rem}.landing-feature-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.landing-feature-tile{background:#fff;border:1px solid #1a332914;border-radius:14px;flex-direction:column;min-height:100%;transition:transform .35s,box-shadow .35s;animation:.7s ease-out both landing-rise;display:flex;overflow:hidden;box-shadow:0 12px 40px #0c161214}.landing-feature-tile:nth-child(2){animation-delay:50ms}.landing-feature-tile:nth-child(3){animation-delay:.1s}.landing-feature-tile:nth-child(4){animation-delay:.15s}.landing-feature-tile:nth-child(5){animation-delay:.2s}.landing-feature-tile:nth-child(6){animation-delay:.25s}.landing-feature-tile:nth-child(7){animation-delay:.3s}.landing-feature-tile:hover{transform:translateY(-6px);box-shadow:0 18px 48px #0c161224}.landing-feature-media{aspect-ratio:16/11;background:var(--landing-mist);position:relative;overflow:hidden}.landing-feature-media img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.landing-feature-tile:hover .landing-feature-media img{transform:scale(1.06)}.landing-feature-body{flex-direction:column;flex:1;gap:.55rem;padding:1.35rem 1.35rem 1.5rem;display:flex}.landing-feature-body h3{color:var(--landing-forest);letter-spacing:-.02em;margin:0;font-family:Fraunces,Georgia,serif;font-size:1.3rem}.landing-feature-body p{color:#3a4a42;margin:0;font-size:.95rem;line-height:1.55}.landing-ocr{color:#eef2ef;background:radial-gradient(80% 60% at 20% 0,#d4a0172e,#0000 55%),linear-gradient(165deg,#142820 0%,#1a3329 45%,#0f1f18 100%);padding:5rem 1.25rem}.landing-ocr-inner{max-width:1100px;margin:0 auto}.landing-ocr .landing-section-head h2{color:#fff}.landing-ocr .landing-section-head p{color:#eef2efc7}.landing-ocr-lead{max-width:42rem;margin-left:auto;margin-right:auto;font-size:1.08rem;line-height:1.65}.landing-ocr-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--landing-gold);margin:0 0 .65rem;font-size:.8rem;font-weight:700}.landing-ocr-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0 0 2.75rem;display:grid}.landing-ocr-benefit{background:#ffffff12;border:1px solid #ffffff1f;border-radius:12px;flex-direction:column;padding:0;display:flex;overflow:hidden}.landing-ocr-benefit-media{aspect-ratio:16/10;background:#0c1612;overflow:hidden}.landing-ocr-benefit-media img{object-fit:cover;width:100%;height:100%;display:block}.landing-ocr-benefit-body{padding:1.15rem 1.25rem 1.3rem}.landing-ocr-benefit h3{color:#fff;letter-spacing:-.02em;margin:0 0 .5rem;font-family:Fraunces,Georgia,serif;font-size:1.15rem}.landing-ocr-benefit p{color:#eef2efc7;margin:0;font-size:.95rem;line-height:1.55}.landing-ocr-layout{grid-template-columns:.95fr 1.15fr;align-items:center;gap:2.5rem;display:grid}.landing-ocr-media{aspect-ratio:4/3;background:#0c1612;border:1px solid #ffffff1f;border-radius:14px;overflow:hidden;box-shadow:0 24px 60px #00000059}.landing-ocr-media img{object-fit:cover;width:100%;height:100%;display:block}.landing-ocr-steps{flex-direction:column;gap:1.35rem;margin:0;padding:0;list-style:none;display:flex}.landing-ocr-steps li{grid-template-columns:auto 1fr;align-items:start;gap:1rem;display:grid}.landing-ocr-step-n{background:var(--landing-gold);width:2.35rem;height:2.35rem;color:var(--landing-ink);border-radius:50%;flex-shrink:0;place-items:center;font-size:.95rem;font-weight:800;display:grid}.landing-ocr-steps h3{color:#fff;letter-spacing:-.02em;margin:0 0 .35rem;font-family:Fraunces,Georgia,serif;font-size:1.2rem}.landing-ocr-steps p{color:#eef2efc7;margin:0;font-size:.95rem;line-height:1.55}.landing-ocr-note{color:#eef2efb8;text-align:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;max-width:46rem;margin:0;padding:1rem 1.15rem;font-size:.9rem;line-height:1.5}.landing-ocr-cta-row{flex-direction:column;align-items:center;gap:1.25rem;margin-top:2.25rem;display:flex}.landing-journey{background:linear-gradient(180deg, var(--landing-mist) 0%, #e4ebe6 100%);padding:5rem 1.25rem 5.5rem}.landing-journey-list{flex-direction:column;gap:3.5rem;max-width:1100px;margin:0 auto;display:flex}.landing-journey-row{grid-template-columns:1.05fr 1fr;align-items:center;gap:2.5rem;display:grid}.landing-journey-row--reverse{direction:rtl}.landing-journey-row--reverse>*{direction:ltr}.landing-journey-media{aspect-ratio:4/3;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 20px 50px #0c161229}.landing-journey-media img{object-fit:cover;width:100%;height:100%}.landing-journey-badge{color:var(--landing-ink);background:var(--landing-gold);letter-spacing:-.02em;border-radius:10px;padding:.35rem .85rem;font-family:Fraunces,Georgia,serif;font-size:2rem;font-weight:700;line-height:1;position:absolute;bottom:1rem;left:1rem}.landing-journey-copy h3{color:var(--landing-forest);letter-spacing:-.02em;margin:0 0 .85rem;font-family:Fraunces,Georgia,serif;font-size:clamp(1.4rem,2.5vw,1.85rem)}.landing-journey-copy p{color:#3a4a42;margin:0 0 1.15rem;font-size:1.02rem;line-height:1.65}.landing-journey-copy ul{flex-direction:column;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.landing-journey-copy li{color:var(--landing-ink);padding-left:1.35rem;font-size:.95rem;font-weight:500;position:relative}.landing-journey-copy li:before{content:"";background:var(--landing-gold);border-radius:50%;width:.55rem;height:.55rem;position:absolute;top:.45rem;left:0}.landing-cta{text-align:center;background:radial-gradient(ellipse at 30% 20%, #d4a0172e, transparent 50%), var(--landing-ink);color:#fff;padding:5rem 1.25rem}.landing-cta-inner{max-width:36rem;margin:0 auto}.landing-cta h2{margin:0 0 .75rem;font-family:Fraunces,Georgia,serif;font-size:clamp(1.75rem,3.5vw,2.5rem)}.landing-cta p{color:#ffffffbf;margin:0 0 1.75rem;line-height:1.55}.landing-footer{color:#ffffffc7;background:#08110d;padding:0}.landing-footer-grid{grid-template-columns:1.4fr 1fr 1fr;gap:2.5rem;max-width:1100px;margin:0 auto;padding:3.5rem 1.25rem 2.5rem;display:grid}.landing-footer-logo{color:#fff;letter-spacing:-.02em;margin-bottom:.85rem;font-family:Fraunces,Georgia,serif;font-size:1.55rem;font-weight:700;display:block}.landing-footer-brand p{max-width:28ch;margin:0;font-size:.95rem;line-height:1.6}.landing-footer-col{flex-direction:column;gap:.55rem;display:flex}.landing-footer-col h4{color:var(--landing-gold);margin:0 0 .35rem;font-family:Fraunces,Georgia,serif;font-size:1rem;font-weight:600}.landing-footer-col a,.landing-footer-col span{color:#ffffffb8;font-size:.92rem;text-decoration:none}.landing-footer-col a:hover{color:#fff;text-decoration:none}.landing-footer-bottom{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;max-width:1100px;margin:0 auto;padding:1.15rem 1.25rem 1.5rem;display:flex}.landing-footer-bottom p{color:#ffffff8c;margin:0;font-size:.88rem}.landing-footer-credit a{color:var(--landing-gold);font-weight:600;text-decoration:none}.landing-footer-credit a:hover{text-decoration:underline}@media (width<=960px){.landing-feature-grid{grid-template-columns:repeat(2,1fr)}.landing-ocr-layout{grid-template-columns:1fr;gap:1.75rem}.landing-ocr-benefits{grid-template-columns:1fr}.landing-journey-row,.landing-journey-row--reverse{direction:ltr;grid-template-columns:1fr;gap:1.35rem}.landing-footer-grid{grid-template-columns:1fr 1fr}.landing-footer-brand{grid-column:1/-1}}@media (width<=640px){.landing-showcase,.landing-journey{padding:3.5rem 1rem}.landing-feature-grid{grid-template-columns:1fr}.landing-footer-grid{grid-template-columns:1fr;padding-top:2.75rem}.landing-footer-bottom{flex-direction:column;align-items:flex-start}}@keyframes landing-kenburns{0%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes landing-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (width<=720px){.landing-top{padding:.85rem 1rem}.landing-nav a:not(.btn-landing-primary):not(.landing-nav-link){display:none}.landing-hero-content{padding:5.5rem 1rem 2.75rem}.landing-hero-actions{flex-direction:column;align-items:stretch}.landing-hero-actions a{width:100%}}.logo{color:var(--color-text);font-size:1.25rem;font-weight:700;text-decoration:none}.auth-page{place-items:center;min-height:100vh;padding:2rem;display:grid}.auth-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);width:100%;max-width:420px;box-shadow:var(--shadow);padding:2rem}.auth-card h1{text-align:center;margin-top:0}.auth-card form{flex-direction:column;gap:1rem;display:flex}.auth-card label{flex-direction:column;gap:.35rem;font-size:.9rem;font-weight:500;display:flex}.auth-card input{border:1px solid var(--color-border);border-radius:var(--radius);padding:.6rem .75rem}.auth-switch{text-align:center;color:var(--color-muted);margin-top:1.5rem}.app-layout{background:var(--color-surface);border-bottom:1px solid var(--color-border)}.app-header{justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1.5rem;display:flex}.app-header-actions{align-items:center;gap:.45rem;margin-left:auto;display:inline-flex}.btn-pwa-install{border-radius:var(--radius);color:#c2410c;cursor:pointer;background:#fff7ed;border:1px solid #fb923c;justify-content:center;align-items:center;gap:.35rem;min-height:44px;padding:.45rem .75rem;font-size:.875rem;font-weight:600;display:inline-flex}.btn-pwa-install:hover{color:#9a3412;background:#ffedd5;border-color:#f97316}.app-nav-toggle{display:none}.app-nav{align-items:center;gap:1rem;display:flex}.user-email{color:var(--color-muted);font-size:.875rem}.app-nav-admin{color:var(--color-primary);font-weight:600}.admin-subtitle{color:var(--color-muted);margin:.25rem 0 0;font-size:.95rem}.admin-table-wrap{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:.92rem}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--color-border);vertical-align:top;padding:.75rem 1rem}.admin-table th{text-transform:uppercase;letter-spacing:.03em;color:var(--color-muted);background:var(--color-bg);font-size:.78rem}.admin-table tbody tr:last-child td{border-bottom:none}.admin-role-badge{background:var(--color-bg);border:1px solid var(--color-border);border-radius:999px;padding:.15rem .5rem;font-size:.8rem;display:inline-block}.admin-role-badge--system{color:var(--color-primary);background:#eff6ff;border-color:#bfdbfe}.admin-count{color:var(--color-muted);margin:.75rem 0 0;font-size:.85rem}.dashboard-main,.templates-main{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.docs-main{max-width:820px;margin:0 auto;padding:2rem 1.5rem 4rem}.docs-header{margin-bottom:1.75rem}.docs-kicker{color:var(--color-muted);margin:0 0 .5rem;font-size:.85rem}.docs-kicker a{color:var(--color-primary);text-decoration:none}.docs-kicker a:hover{text-decoration:underline}.docs-header h1{margin:0 0 .5rem;font-size:1.85rem}.docs-lead{color:var(--color-muted);margin:0;font-size:1.05rem;line-height:1.5}.docs-toc{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);margin-bottom:2rem;padding:1rem 1.25rem}.docs-toc h2{margin:0 0 .65rem;font-size:.95rem}.docs-toc ol{margin:0;padding-left:1.25rem;line-height:1.7}.docs-toc a{color:var(--color-primary);text-decoration:none}.docs-toc a:hover{text-decoration:underline}.docs-section{margin-bottom:2.25rem;scroll-margin-top:1.25rem}.docs-section h2{border-bottom:1px solid var(--color-border);margin:0 0 .75rem;padding-bottom:.4rem;font-size:1.35rem}.docs-section h3{margin:1.25rem 0 .5rem;font-size:1.05rem}.docs-section p,.docs-section li,.docs-section dd{color:var(--color-text);line-height:1.55}.docs-section ul,.docs-section ol{padding-left:1.25rem}.docs-section code,.docs-example{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.86rem}.docs-section code{background:#f3f4f6;border-radius:3px;padding:.1rem .35rem}.docs-example{border:1px solid var(--color-border);border-radius:var(--radius);white-space:pre-wrap;background:#f8fafc;margin:1rem 0;padding:1rem 1.1rem;line-height:1.45;display:block;overflow-x:auto}.docs-table{border-collapse:collapse;width:100%;margin:1rem 0;font-size:.95rem}.docs-table th,.docs-table td{border:1px solid var(--color-border);text-align:left;vertical-align:top;padding:.55rem .7rem}.docs-table th{background:#f3f4f6;font-weight:600}.docs-callout{border-radius:var(--radius);background:#eff6ff;border:1px solid #bfdbfe;padding:.85rem 1rem}.docs-faq dt{margin-top:.85rem;font-weight:600}.docs-faq dd{color:var(--color-muted);margin:.25rem 0 0}.docs-section--end .btn-primary{margin-top:1rem;text-decoration:none;display:inline-block}.docs-section kbd{border:1px solid var(--color-border);background:#f9fafb;border-radius:3px;padding:.05rem .35rem;font-family:inherit;font-size:.8rem;display:inline-block}.dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.dashboard-actions{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;display:flex}.btn-dashboard-canvas,.btn-dashboard-mobile{border-radius:var(--radius);cursor:pointer;color:#fff;border:1px solid #0000;justify-content:center;align-items:center;padding:.5rem 1rem;font-weight:500;display:inline-flex}.btn-dashboard-canvas{background:var(--dashboard-canvas)}.btn-dashboard-canvas:hover{background:var(--dashboard-canvas-hover)}.btn-dashboard-mobile{background:var(--dashboard-mobile)}.btn-dashboard-mobile:hover{background:var(--dashboard-mobile-hover)}.dashboard-kind-filter{border:1px solid var(--color-border);border-radius:calc(var(--radius) + 2px);background:var(--color-surface);flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;padding:.25rem;display:inline-flex}.dashboard-kind-filter button{border-radius:var(--radius);color:var(--color-muted);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.875rem;font-weight:500;display:inline-flex}.dashboard-kind-filter button.is-active{color:var(--color-text);background:var(--color-bg);border-color:var(--color-border);box-shadow:var(--shadow)}.dashboard-kind-filter--canvas.is-active{color:var(--dashboard-canvas);background:var(--dashboard-canvas-soft);border-color:var(--dashboard-canvas-border)}.dashboard-kind-filter--mobile.is-active{color:var(--dashboard-mobile);background:var(--dashboard-mobile-soft);border-color:var(--dashboard-mobile-border)}.dashboard-kind-filter-count{background:#0000000f;border-radius:999px;justify-content:center;align-items:center;min-width:1.35rem;height:1.35rem;padding:0 .35rem;font-size:.75rem;font-weight:600;line-height:1;display:inline-flex}.dashboard-kind-filter--canvas.is-active .dashboard-kind-filter-count{color:var(--dashboard-canvas);background:#2563eb1f}.dashboard-kind-filter--mobile.is-active .dashboard-kind-filter-count{color:var(--dashboard-mobile);background:#0f766e1f}.menu-grid,.template-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem;display:grid}.menu-card,.template-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.menu-card--canvas{border-color:var(--dashboard-canvas-border);background:linear-gradient(180deg, var(--dashboard-canvas-soft) 0%, var(--color-surface) 4.5rem)}.menu-card--mobile{border-color:var(--dashboard-mobile-border);background:linear-gradient(180deg, var(--dashboard-mobile-soft) 0%, var(--color-surface) 4.5rem)}.menu-card-link{color:inherit;padding:1rem;text-decoration:none;display:block;position:relative}.menu-card-kind-badge{z-index:1;border-radius:999px;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;display:inline-flex;position:absolute;top:1.35rem;right:1.35rem;box-shadow:0 1px 4px #0000001f}.menu-card-kind-badge--canvas{background:var(--dashboard-canvas);color:#fff}.menu-card-kind-badge--mobile{background:var(--dashboard-mobile);color:#fff}.menu-card-link:hover{text-decoration:none}.menu-thumbnail,.template-preview{aspect-ratio:3/4;background:var(--color-bg);border-radius:var(--radius);margin-bottom:.75rem;position:relative;overflow:hidden}.menu-thumbnail img,.template-preview img{object-fit:cover;width:100%;height:100%}.menu-thumbnail-placeholder,.template-preview-placeholder{height:100%;color:var(--color-muted);text-align:center;place-items:center;padding:1rem;font-size:.875rem;display:grid}.menu-card h3,.template-card h3{margin:0 0 .25rem;font-size:1rem}.menu-card time{color:var(--color-muted);font-size:.8rem}.menu-card-actions{gap:.5rem;padding:0 1rem 1rem;display:flex}.menu-card-actions button{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);cursor:pointer;flex:1;padding:.4rem;font-size:.8rem}.menu-card-actions button.danger{color:var(--color-danger)}.empty-state{text-align:center;color:var(--color-muted);padding:3rem}.template-category{margin-bottom:2.5rem}.template-category h2{text-transform:capitalize;margin-bottom:1rem}.template-card{flex-direction:column;padding:0;display:flex}.template-card-body{flex-direction:column;flex:1;padding:1rem;display:flex}.template-card--browse.template-card--canvas{border-color:var(--dashboard-canvas-border);background:linear-gradient(180deg, var(--dashboard-canvas-soft) 0%, var(--color-surface) 5rem)}.template-card--browse.template-card--mobile{border-color:var(--dashboard-mobile-border);background:linear-gradient(180deg, var(--dashboard-mobile-soft) 0%, var(--color-surface) 5rem)}.template-card--browse.template-card--mine{box-shadow:0 0 0 1px #6d28d92e}.template-preview-wrap{position:relative}.template-preview-wrap .menu-card-kind-badge{top:.65rem;right:.65rem}.templates-kind-filter{margin-bottom:1.25rem}.template-source-label{color:var(--color-muted);margin:.25rem 0 .65rem;font-size:.78rem}.template-card-body .btn-dashboard-canvas,.template-card-body .btn-dashboard-mobile{width:100%;margin-top:.15rem}.template-card-actions--mine{margin-top:.5rem}.template-card--mine{background:linear-gradient(180deg, #f5f3ff 0%, var(--color-surface) 5rem);border-left:4px solid #7c3aed}.template-card--community{background:linear-gradient(180deg, #f0fdfa 0%, var(--color-surface) 5rem);border-left:4px solid #0f766e}.template-card--system{border-left:4px solid var(--dashboard-canvas)}.template-category--mine h2{color:#6d28d9}.template-category--community h2{color:#0f766e}.template-category--system h2{color:var(--dashboard-canvas)}.template-subcategory{margin-top:1.5rem}.template-subcategory h3{text-transform:capitalize;color:var(--color-muted);margin:0 0 .75rem;font-size:1rem}.template-section-empty,.template-section-lead{color:var(--color-muted);margin:0 0 1rem;font-size:.925rem}.template-author{color:var(--color-muted);margin:.25rem 0 0;font-size:.8rem}.template-badge{border-radius:999px;align-items:center;width:fit-content;margin-top:.35rem;padding:.15rem .55rem;font-size:.72rem;font-weight:600;display:inline-flex}.template-badge--public{color:#166534;background:#dcfce7}.template-badge--private{color:#52525b;background:#f4f4f5}.template-kind-badge{border-radius:999px;align-items:center;width:fit-content;margin-top:.35rem;margin-right:.35rem;padding:.15rem .55rem;font-size:.72rem;font-weight:600;display:inline-flex}.template-kind-badge--canvas{background:var(--dashboard-canvas-soft);color:var(--dashboard-canvas)}.template-kind-badge--mobile{background:var(--dashboard-mobile-soft);color:var(--dashboard-mobile)}.template-card-actions{flex-direction:column;gap:.45rem;margin-top:.75rem;display:flex}.template-card-actions .btn-primary,.template-card-actions .btn-secondary{width:100%}.template-btn-publish{color:#0f766e;border-color:#0f766e}.template-btn-danger{color:var(--color-danger)}.template-card .btn-primary{width:100%;margin-top:.75rem}.template-card--mine .btn-primary,.template-card-actions .btn-primary{margin-top:0}.save-template-modal{text-align:left;max-width:min(92vw,26rem)}.save-template-modal h2{margin:0 0 .5rem;font-size:1.15rem}.save-template-modal-hint{color:var(--color-muted);margin:0 0 1rem;font-size:.9rem;line-height:1.45}.save-template-modal-warnings{border-radius:var(--radius);color:#92400e;background:#fffbeb;border:1px solid #fcd34d;margin:0 0 1rem;padding:.65rem .75rem;font-size:.85rem;line-height:1.45}.save-template-modal-warnings-title{margin:0 0 .35rem;font-weight:600}.save-template-modal-warnings ul{margin:0;padding-left:1.1rem}.save-template-modal-field{flex-direction:column;gap:.35rem;margin-bottom:1rem;font-size:.875rem;font-weight:500;display:flex}.save-template-modal-field input{border:1px solid var(--color-border);border-radius:var(--radius);font:inherit;padding:.5rem .65rem}.badge{color:#92400e;background:#fef3c7;border-radius:999px;padding:.15rem .5rem;font-size:.75rem;display:inline-block}.editor-page{background:#e5e5e5;flex-direction:column;height:100vh;display:flex}.editor-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:1rem;padding:.5rem 1rem;display:flex}.back-link{color:var(--color-muted);white-space:nowrap}.title-input{background:0 0;border:none;flex:10rem;min-width:0;padding:.35rem .5rem;font-size:1.1rem;font-weight:600}.title-input:focus{outline:2px solid var(--color-primary);border-radius:4px}.save-status{color:var(--color-muted);white-space:nowrap;font-size:.8rem}.save-status--saving{color:var(--color-primary)}.save-status--unsaved{color:#d97706}.editor-zoom-bar{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:.5rem;margin-left:auto;display:inline-flex}.editor-interaction-mode{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);flex-shrink:0;align-items:center;gap:.15rem;padding:.15rem;display:inline-flex}.editor-interaction-mode button{cursor:pointer;min-height:2rem;color:var(--color-muted);background:0 0;border:none;border-radius:4px;padding:.25rem .65rem;font-size:.8rem;font-weight:600}.editor-interaction-mode button.is-active{color:var(--color-primary,#2563eb);background:#eef2ff}.editor-zoom-controls{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);align-items:center;gap:.25rem;margin-left:0;padding:.15rem;display:inline-flex}.editor-zoom-controls button{cursor:pointer;min-width:2rem;min-height:2rem;color:var(--color-text);background:0 0;border:none;border-radius:4px;font-weight:600}.editor-zoom-controls button:hover{background:#eef2ff}.editor-zoom-value{font-size:.85rem;min-width:3.5rem!important}.layer-rename-input{border:1px solid var(--color-primary);border-radius:4px;flex:1;min-width:0;padding:.45rem .5rem;font-size:.85rem}@font-face{font-family:Another Shabby;src:url(/fonts/another-shabby.woff2)format("woff2"),url(/fonts/another-shabby.ttf)format("truetype");font-display:swap}.toolbar{z-index:40;background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-wrap:nowrap;align-items:center;gap:.45rem;padding:.35rem .75rem;display:flex;position:relative;overflow:visible}.toolbar-group{align-items:center;gap:.35rem;display:flex}.toolbar-label{color:var(--color-muted);margin-right:.25rem;font-size:.75rem}.toolbar button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;border-radius:4px;padding:.35rem .6rem}.toolbar .btn-file{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-weight:inherit;cursor:pointer;box-sizing:border-box;border-radius:4px;justify-content:center;align-items:center;padding:.35rem .6rem;display:inline-flex}.toolbar button.toolbar-icon-btn{justify-content:center;align-items:center;min-width:2.1rem;min-height:1.85rem;padding:.3rem .45rem;line-height:0;display:inline-flex}.toolbar button.toolbar-icon-btn--menu-line{background:#bec0ff;border-color:#a8abef;min-width:2.5rem;min-height:2.25rem;padding:.35rem .5rem}.toolbar button.toolbar-icon-btn--menu-line:hover{background:#aeb1f7;border-color:#9a9ee8}.toolbar-icon-btn--menu-line .toolbar-menu-line-icon{object-fit:contain;pointer-events:none;flex-shrink:0;width:24px;height:24px;display:block}.toolbar-menu-line-icon--svg{pointer-events:none;flex-shrink:0;width:auto;height:14px;display:block}.toolbar button.btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.toolbar button.btn-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:#fff}.toolbar button:disabled{opacity:.5;cursor:not-allowed}.toolbar button.is-active{border-color:var(--color-primary);color:var(--color-primary);background:#eff6ff}.public-menu-status{text-align:center;color:#444;margin:2rem 1rem}.public-menu-retry{justify-content:center;margin-top:.75rem;display:flex}.toolbar-right{flex-shrink:0;margin-left:auto}.toolbar-menubar{flex:auto;align-items:center;gap:.1rem;min-width:0;display:flex}.toolbar-dropdown{flex-shrink:0;position:relative}.toolbar button.toolbar-dropdown-trigger{white-space:nowrap;background:0 0;border:1px solid #0000;align-items:center;gap:.28rem;padding:.3rem .55rem;font-size:.875rem;font-weight:500;display:inline-flex}.toolbar button.toolbar-dropdown-trigger:hover,.toolbar-dropdown.is-open>.toolbar-dropdown-trigger{border-color:var(--color-border);background:#f4f4f5}.toolbar-dropdown-badge{letter-spacing:.04em;color:var(--color-muted);font-size:.68rem;font-weight:700}.toolbar-dropdown-panel{z-index:1300;border:1px solid var(--color-border);background:#fff;border-radius:8px;flex-direction:column;min-width:232px;padding:.3rem;display:flex;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 10px 28px #0f172a29}.toolbar-dropdown-panel--end{left:auto;right:0}.toolbar-menu-sep{background:var(--color-border);height:1px;margin:.25rem .4rem}.toolbar .toolbar-menu-item,.toolbar-dropdown-panel .toolbar-menu-item{width:100%;color:var(--color-text);text-align:left;cursor:pointer;box-sizing:border-box;white-space:nowrap;background:0 0;border:0;border-radius:6px;align-items:center;gap:.55rem;margin:0;padding:.42rem .55rem;font-size:.875rem;font-weight:500;line-height:1.25;display:flex}.toolbar .toolbar-menu-item:hover,.toolbar-dropdown-panel .toolbar-menu-item:hover{background:#f4f4f5}.toolbar .toolbar-menu-item:disabled,.toolbar-dropdown-panel .toolbar-menu-item:disabled,.toolbar-dropdown-panel .toolbar-menu-item.is-disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.toolbar .toolbar-menu-item--accent{color:var(--color-primary)}.toolbar .toolbar-menu-item--danger{color:var(--color-danger)}.toolbar-menu-item-icon{color:#52525b;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;font-size:.78rem;font-weight:700;display:inline-flex}.toolbar-menu-item-icon--menu-line{background:#bec0ff;border-radius:4px;width:1.6rem;height:1.6rem}.toolbar-menu-item-icon--menu-line img{object-fit:contain;width:16px;height:16px;display:block}.toolbar-menu-item-icon .toolbar-menu-line-icon--svg{width:auto;height:12px}.toolbar-menu-item--color{cursor:default}.toolbar-menu-item--color input[type=color]{border:1px solid var(--color-border);cursor:pointer;background:0 0;border-radius:4px;width:1.75rem;height:1.45rem;margin-left:auto;padding:0}.toolbar-menu-swatch{border:1px solid var(--color-border);border-radius:3px;width:.9rem;height:.9rem;display:block}.btn-file{cursor:pointer}.btn-file--disabled{opacity:.7;cursor:wait;pointer-events:none}.upload-progress{flex-direction:column;gap:.2rem;min-width:140px;max-width:200px;display:flex}.upload-progress-track{background:var(--color-border);border-radius:999px;height:6px;overflow:hidden}.upload-progress-bar{background:var(--color-primary);border-radius:999px;height:100%;transition:width .3s ease-out}.upload-progress-label{color:var(--color-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.editor-workspace{flex:1;grid-template-columns:240px 1fr 260px;min-height:0;display:grid;overflow:hidden}.editor-sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:0;padding:1rem 1rem 3rem;overflow:hidden auto}.editor-sidebar.right{border-right:none;border-left:1px solid var(--color-border)}.editor-canvas-area{-webkit-overflow-scrolling:touch;place-items:center;padding:2rem;display:grid;overflow:auto}.editor-canvas-area--scroll .page-canvas--scroll,.editor-canvas-area--scroll .page-canvas--scroll .canvas-container,.editor-canvas-area--scroll .page-canvas--scroll canvas{pointer-events:none;touch-action:pan-x pan-y;cursor:grab}.editor-canvas-area--move .page-canvas--move.page-canvas--active,.editor-canvas-area--move .page-canvas--move.page-canvas--active .canvas-container,.editor-canvas-area--move .page-canvas--move.page-canvas--active canvas{pointer-events:auto;touch-action:none}.editor-canvas-area--move .page-canvas--move:not(.page-canvas--active),.editor-canvas-area--move .page-canvas--move:not(.page-canvas--active) .canvas-container,.editor-canvas-area--move .page-canvas--move:not(.page-canvas--active) canvas{pointer-events:none}.editor-canvas-area--move .page-block:has(.page-canvas:not(.page-canvas--active)){cursor:pointer}.editor-canvas-wrap{background:#fff;line-height:0;position:relative;overflow:hidden;box-shadow:0 4px 24px #00000026}.editor-canvas-wrap .canvas-container{margin:0 auto}.editor-error-banner{border-radius:0;justify-content:space-between;align-items:center;margin:0;display:flex}.editor-error-banner button{color:inherit;cursor:pointer;background:0 0;border:none;font-weight:600}.stock-busy{color:var(--color-primary);padding:.75rem 1.25rem;font-size:.9rem}.template-preview-canvas{border-radius:var(--radius);background:var(--color-bg,#f4f4f5);place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.template-preview-stage{flex-shrink:0;position:relative;overflow:hidden}.canvas-container{box-shadow:none;background:0 0}.layers-panel h3,.properties-panel h3,.page-size-controls h3{text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted);margin-top:0;font-size:.9rem}.page-size-controls{border-bottom:1px solid var(--color-border);margin-bottom:.5rem;padding:.85rem 1rem 1rem}.page-size-controls label{flex-direction:column;gap:.25rem;margin-bottom:.65rem;font-size:.8rem;display:flex}.page-size-controls select,.page-size-controls input{font:inherit;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:4px;padding:.4rem .5rem}.page-size-custom{grid-template-columns:1fr 1fr;align-items:end;gap:.5rem;margin-bottom:.5rem;display:grid}.page-size-custom .btn-secondary{grid-column:1/-1;width:100%}.page-size-current{opacity:.75;margin:0;font-size:.78rem}.panel-empty,.panel-hint{color:var(--color-muted);font-size:.85rem}.properties-mixed-hint{color:var(--color-text);background:#eab3081f;border:1px solid #eab30859;border-radius:4px;margin:0 0 .65rem;padding:.55rem .65rem;font-size:.8rem;line-height:1.4}.properties-selection-hint{color:var(--color-text);background:#2563eb14;border:1px solid #2563eb38;border-radius:4px;margin:-.35rem 0 .65rem;padding:.45rem .55rem;font-size:.78rem;line-height:1.4}.properties-font-size-row{align-items:center;gap:.35rem;display:flex}.properties-font-size-row input[type=number],.properties-font-size-row input[type=text]{text-align:center;flex:1;min-width:0;margin-bottom:0}.properties-font-size-step{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;width:2.1rem;height:2.1rem;color:var(--color-text);border-radius:4px;flex:0 0 2.1rem;padding:0;font-size:1.1rem;line-height:1}.properties-font-size-step:hover{border-color:var(--color-primary)}.properties-text-style-row{gap:.35rem;margin-bottom:.75rem;display:flex}.properties-text-style-row button{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;width:2.1rem;height:2.1rem;color:var(--color-text);border-radius:4px}.properties-text-style-row button.is-active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.menu-line-properties{border-top:1px solid var(--color-border);flex-direction:column;gap:.75rem;margin-top:.35rem;padding-top:.65rem;display:flex}.menu-line-prop-block{border:1px solid var(--color-border);background:var(--color-surface);border-left-width:4px;border-radius:8px;flex-direction:column;gap:.55rem;padding:.7rem .65rem .75rem;display:flex}.menu-line-prop-block-header{justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.1rem;display:flex}.menu-line-prop-block-title{letter-spacing:.01em;color:var(--color-text);font-size:.82rem;font-weight:700}.menu-line-prop-block-sub{color:var(--color-muted,#6b7280);white-space:nowrap;font-size:.7rem}.menu-line-prop-section-label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted,#6b7280);margin:.15rem 0 0;font-size:.72rem;font-weight:600}.menu-line-prop-block--structure{background:#f8fafc;border-left-color:#64748b}.menu-line-prop-block--left{background:#f0fdfa;border-left-color:#0f766e}.menu-line-prop-block--center{background:#fffbeb;border-left-color:#b45309}.menu-line-prop-block--right{background:#eff6ff;border-left-color:#1d4ed8}.menu-line-prop-block--ingredients{background:#f7fee7;border-left-color:#4d7c0f}.menu-line-prop-block--spacing{background:#fafaf9;border-left-color:#78716c}.menu-line-width-control input[type=range],.menu-line-properties input[type=range],.properties-panel input[type=range]{width:100%;min-height:2rem;accent-color:var(--color-primary);margin:.15rem 0}.menu-line-column-tabs{gap:.25rem;margin-bottom:.15rem;display:flex}.menu-line-column-tab{border:1px solid var(--color-border);background:var(--color-surface);min-height:2rem;color:var(--color-text);cursor:pointer;border-radius:4px;flex:1;font-size:.78rem}.menu-line-column-tab--left.is-active{color:#fff;background:#0f766e;border-color:#0f766e}.menu-line-column-tab--center.is-active{color:#fff;background:#b45309;border-color:#b45309}.menu-line-column-tab--right.is-active{color:#fff;background:#1d4ed8;border-color:#1d4ed8}.menu-line-column-tab.is-active:not([class*=--]){background:var(--color-primary);border-color:var(--color-primary);color:#fff}.menu-line-row-controls{flex-direction:column;gap:.45rem;display:flex}.menu-line-row-actions{gap:.35rem;display:flex}.menu-line-row-actions button{flex:1}.properties-align-row{gap:.35rem;margin-bottom:.75rem;display:flex}.properties-align-row button{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;width:2.1rem;height:2.1rem;color:var(--color-text);border-radius:4px;justify-content:center;align-items:center;padding:0;display:inline-flex}.properties-align-row button.is-active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.layers-list{margin:0;padding:0;list-style:none}.layer-item{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);margin-bottom:.5rem;transition:background .15s,border-color .15s,opacity .15s,box-shadow .15s;overflow:hidden}.layer-item.active{background:#e0f2fe;border-color:#7dd3fc;box-shadow:inset 0 0 0 1px #bae6fd}.layer-item.active .layer-name{background:0 0;font-weight:600}.layer-item.active .layer-actions{background:#f0f9ff;border-top-color:#bae6fd}.layer-item.is-dragging{opacity:.45}.layer-item.is-drop-target{box-shadow:inset 0 2px 0 0 var(--color-primary)}.layer-item-main{align-items:stretch;gap:0;display:flex}.layer-drag-handle{border:none;border-right:1px solid var(--color-border);color:#71717a;cursor:grab;touch-action:none;background:#f4f4f5;flex-shrink:0;justify-content:center;align-items:center;width:1.75rem;padding:0;display:inline-flex}.layer-drag-handle:active{cursor:grabbing}.layer-drag-handle:hover,.layer-item.active .layer-drag-handle{color:#3f3f46;background:#e4e4e7}.layer-item.active .layer-drag-handle{color:#0369a1;background:#e0f2fe;border-right-color:#bae6fd}.layer-name{text-align:left;cursor:pointer;background:0 0;border:none;flex:1;min-width:0;padding:.5rem;font-size:.85rem;display:block}.layer-item-main .layer-rename-input{flex:1;min-width:0}.layer-actions{border-top:1px solid var(--color-border);flex-wrap:wrap;gap:.25rem;padding:.25rem .5rem .5rem;display:flex}.layer-actions button{border:1px solid var(--color-border);background:var(--color-bg);cursor:pointer;border-radius:4px;padding:.2rem .4rem;font-size:.7rem}.layer-actions button.danger{color:var(--color-danger)}.layer-actions button.layer-lock-btn{color:#71717a;background:#f4f4f5;border-color:#d4d4d8;justify-content:center;align-items:center;min-width:1.75rem;min-height:1.75rem;padding:.25rem;transition:color .15s,background .15s,border-color .15s;display:inline-flex}.layer-actions button.layer-lock-btn:hover{color:#52525b;background:#e4e4e7}.layer-actions button.layer-lock-btn.is-locked{color:#1e3a8a;background:#dbeafe;border-color:#1d4ed8}.layer-actions button.layer-lock-btn.is-locked:hover{color:#1e40af;background:#bfdbfe}.properties-panel label{flex-direction:column;gap:.25rem;margin-bottom:.75rem;font-size:.8rem;font-weight:500;display:flex}.properties-panel{padding-bottom:1rem}.properties-convert-menu-line{border-radius:var(--radius);white-space:nowrap;color:#fff;cursor:pointer;background:#c026d3;border:1px solid #c026d3;justify-content:center;align-items:center;width:100%;margin:0 0 .65rem;padding:.3rem .55rem;font-size:.78rem;font-weight:500;line-height:1.2;display:inline-flex}.properties-convert-menu-line:hover{color:#fff;background:#a21caf;border-color:#a21caf}.properties-page-transfer{margin-bottom:.75rem}.properties-page-transfer-row{grid-template-columns:1fr 1fr;gap:.35rem;display:grid}.properties-page-transfer-row button{width:100%;margin:0}.properties-page-move-btn{justify-content:center;align-items:center;gap:.4rem;min-height:2.4rem;font-size:.8rem;display:inline-flex}.properties-page-move-btn svg{flex-shrink:0}.properties-page-transfer-row--icons{grid-template-columns:repeat(2,2.5rem);justify-content:start}.properties-icon-btn{justify-content:center;align-items:center;min-width:2.5rem;height:2.5rem;padding:0;line-height:0;display:inline-flex;width:2.5rem!important}.properties-field{flex-direction:column;gap:.25rem;margin-bottom:.75rem;font-size:.8rem;font-weight:500;display:flex}.properties-field-label{color:inherit}.properties-border-style-row{gap:.35rem;display:flex}.properties-border-style-row button{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;height:2.1rem;color:var(--color-text);border-radius:4px;flex:1;justify-content:center;align-items:center;padding:0 .25rem;display:inline-flex}.properties-border-style-row button:hover{border-color:#a1a1aa}.properties-border-style-row button.is-active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.properties-panel input,.properties-panel select,.properties-panel textarea{border:1px solid var(--color-border);border-radius:4px;padding:.4rem}.properties-panel input[type=range]{background:0 0;border:0;border-radius:0;padding:.5rem 0}.font-family-picker{position:relative}.font-family-picker-trigger{border:1px solid var(--color-border);background:var(--color-surface,#fff);width:100%;color:var(--color-text);text-align:left;cursor:pointer;border-radius:4px;justify-content:space-between;align-items:center;gap:.5rem;padding:.45rem .55rem;display:flex}.font-family-picker-trigger:hover:not(:disabled){border-color:var(--color-primary,#2563eb)}.font-family-picker-trigger:disabled{opacity:.6;cursor:not-allowed}.font-family-picker-trigger-main{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.font-family-picker-name{color:var(--color-muted);font-size:.78rem;font-weight:600;line-height:1.2}.font-family-picker-preview{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;line-height:1.25;overflow:hidden}.font-family-picker-caret{color:var(--color-muted);flex-shrink:0;font-size:.75rem}.font-family-picker-list{z-index:40;background:var(--color-surface,#fff);border:1px solid var(--color-border);border-radius:6px;max-height:min(22rem,55vh);margin:0;padding:.35rem;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 28px #00000024}.font-family-picker-option{width:100%;color:var(--color-text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-direction:column;align-items:stretch;gap:.2rem;padding:.5rem .55rem;display:flex}.font-family-picker-option:hover,.font-family-picker-option:focus-visible{background:#2563eb14;outline:none}.font-family-picker-option.is-selected{background:#2563eb1f}.font-family-picker-option-label{color:var(--color-muted);font-family:Segoe UI,system-ui,sans-serif;font-size:.72rem;font-weight:600}.font-family-picker-option-preview{flex-direction:column;gap:.1rem;font-size:1.2rem;line-height:1.25;display:flex}.font-family-picker-option-sample{opacity:.85;font-size:.95rem}.stock-modal-overlay{z-index:1000;background:#00000080;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.stock-modal-overlay--blocking{z-index:2400;pointer-events:auto;cursor:wait;background:#000000b8}.mobile-ocr-modal-overlay{z-index:2600;cursor:default}.mobile-ocr-modal-overlay.is-busy{cursor:wait}.import-menu-busy{flex-direction:column;align-items:stretch;gap:.65rem;padding:1.25rem 1.5rem 1.75rem;display:flex}.import-menu-busy-phase{margin:0;font-size:1rem;font-weight:600}.import-menu-busy-track{width:100%;height:.55rem}.import-menu-busy-percent{font-variant-numeric:tabular-nums;opacity:.85;margin:0;font-size:.9rem}.import-menu-busy-hint{opacity:.8;margin:.35rem 0 0;font-size:.85rem;line-height:1.4}.import-menu-photo-hint{border-radius:var(--radius);color:#92400e;background:#fffbeb;border:1px solid #fcd34d;margin:.25rem 0 .5rem;padding:.45rem .6rem;font-size:.82rem;line-height:1.4}.import-menu-form--busy{display:none}.editor-busy-modal{max-width:420px}.stock-modal{background:var(--color-surface);border-radius:var(--radius);flex-direction:column;width:100%;max-width:800px;max-height:80vh;display:flex;overflow:hidden}.stock-modal-header{border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.stock-modal-header h2{margin:0;font-size:1.1rem}.close-btn{cursor:pointer;color:var(--color-muted);background:0 0;border:none;font-size:1.25rem}.stock-search-form{flex-shrink:0;gap:.5rem;padding:1rem 1.25rem;display:flex}.stock-search-form input{border:1px solid var(--color-border);border-radius:var(--radius);flex:1;padding:.6rem .75rem}.stock-grid{flex:auto;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-auto-rows:140px;align-content:start;gap:.75rem;min-height:0;padding:0 1.25rem 1rem;display:grid;overflow:hidden auto}.stock-item{border-radius:var(--radius);cursor:pointer;background:var(--color-bg);border:2px solid #0000;width:100%;height:100%;min-height:140px;padding:0;overflow:hidden}.stock-item:hover{border-color:var(--color-primary)}.stock-item img{object-fit:cover;width:100%;height:100%;display:block}.load-more{flex-shrink:0;margin:0 1.25rem 1rem}.import-menu-modal{max-width:520px}.import-menu-form{flex-direction:column;gap:.75rem;padding:1rem 1.25rem 1.25rem;display:flex;overflow-y:auto}.import-menu-hint{color:var(--color-muted);margin:0;font-size:.9rem;line-height:1.45}.import-menu-warning{border-radius:var(--radius);background:#eab3081f;border:1px solid #eab30859;margin:0;padding:.6rem .75rem;font-size:.85rem}.import-menu-tabs{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);gap:.35rem;padding:.2rem;display:flex}.import-menu-tabs button{cursor:pointer;color:var(--color-muted);background:0 0;border:none;border-radius:4px;flex:1;padding:.45rem .6rem;font-size:.88rem;font-weight:500}.import-menu-tabs button.is-active{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow)}.import-menu-tabs button:disabled{opacity:.6;cursor:not-allowed}.import-menu-panel{flex-direction:column;gap:.65rem;display:flex}.import-menu-status{text-align:center;color:var(--color-muted);margin:.5rem 0;font-size:.88rem}.import-menu-asset-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.55rem;max-height:220px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.mobile-ocr-preview-grid{margin-top:.75rem}.mobile-ocr-preview-grid .import-menu-asset-card{cursor:default;pointer-events:none}.import-menu-asset-card{border-radius:var(--radius);background:var(--color-bg);cursor:pointer;text-align:left;border:2px solid #0000;flex-direction:column;gap:.3rem;width:100%;padding:.35rem;display:flex}.import-menu-asset-card.is-selected{border-color:var(--color-primary);background:#eff6ff}.import-menu-asset-card img{aspect-ratio:1;object-fit:cover;background:#e4e4e7;border-radius:4px;width:100%;display:block}.import-menu-asset-name{color:var(--color-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.import-menu-file{background:var(--color-primary);border-color:var(--color-primary);color:#fff;align-self:flex-start}.import-menu-file-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.import-menu-file-actions .import-menu-file{margin:0}.import-menu-camera-hint{margin-top:.35rem!important}.import-menu-file:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.import-menu-filename{color:var(--color-muted);margin:0;font-size:.8rem}.import-menu-preview{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);max-height:220px;position:relative;overflow:hidden}.import-menu-preview-hit{cursor:zoom-in;width:100%;color:inherit;background:0 0;border:none;margin:0;padding:0;display:block}.import-menu-preview-hit:disabled{cursor:default;opacity:.7}.import-menu-preview img,.import-menu-preview-hit img{object-fit:contain;width:100%;max-height:220px;display:block}.import-menu-preview-fs-btn{color:#fff;cursor:pointer;z-index:1;background:#0000008c;border:none;border-radius:6px;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;display:inline-flex;position:absolute;bottom:.45rem;right:.45rem}.import-menu-preview-fs-btn:hover:not(:disabled){background:#000000bf}.import-menu-preview-fs-btn:disabled{opacity:.5;cursor:not-allowed}.import-menu-preview-lightbox{z-index:1200;cursor:zoom-out;background:#000000c7;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.import-menu-preview-lightbox-inner{cursor:default;max-width:min(96vw,1100px);max-height:92vh;position:relative}.import-menu-preview-lightbox-inner img{object-fit:contain;border-radius:var(--radius);background:#111;width:auto;max-width:100%;height:auto;max-height:92vh;display:block;box-shadow:0 12px 40px #00000073}.import-menu-preview-fs-btn--lightbox{width:2.4rem;height:2.4rem;bottom:.65rem;right:.65rem}.import-menu-field{flex-direction:column;gap:.35rem;display:flex}.import-menu-field.is-disabled{opacity:.65}.import-menu-field-label{font-size:.88rem;font-weight:600}.import-menu-field select{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);width:100%;font:inherit;color:inherit;padding:.55rem .65rem}.import-menu-field textarea{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);width:100%;font:inherit;color:inherit;resize:vertical;min-height:4.5rem;padding:.55rem .65rem}.import-menu-optional{color:var(--color-muted);font-weight:400}.import-menu-prompt-details{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);padding:.55rem .75rem}.import-menu-prompt-details summary{cursor:pointer;color:var(--color-text);font-size:.88rem;font-weight:600}.import-menu-prompt-details[open] summary{margin-bottom:.5rem}.import-menu-prompt-note{color:var(--color-muted);margin:0 0 .65rem;font-size:.8rem;line-height:1.35}.import-menu-prompt-details h3{text-transform:uppercase;letter-spacing:.03em;color:var(--color-muted);margin:.5rem 0 .3rem;font-size:.78rem;font-weight:700}.import-menu-prompt-pre{border-radius:calc(var(--radius) - 2px);background:var(--color-surface);border:1px solid var(--color-border);white-space:pre-wrap;word-break:break-word;max-height:160px;margin:0 0 .65rem;padding:.55rem .65rem;font-size:.72rem;line-height:1.4;overflow:auto}.import-menu-field small{color:var(--color-muted);font-size:.8rem;line-height:1.35}.import-menu-option{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);cursor:pointer;align-items:flex-start;gap:.65rem;padding:.7rem .75rem;display:flex}.import-menu-option.is-disabled{opacity:.65;cursor:not-allowed}.import-menu-option input{flex-shrink:0;margin-top:.2rem}.import-menu-option span{flex-direction:column;gap:.25rem;font-size:.88rem;line-height:1.35;display:flex}.import-menu-option small{color:var(--color-muted);font-size:.8rem}.import-menu-notes{color:var(--color-muted);margin:0;padding-left:1.1rem;font-size:.8rem;line-height:1.5}.import-menu-actions{justify-content:flex-end;gap:.5rem;margin-top:.25rem;display:flex}.asset-manager-modal{max-width:640px}.asset-manager-body{flex:1;min-height:0;padding:1rem 1.25rem;overflow-y:auto}.asset-manager-hint{color:var(--color-muted);margin:0 0 .85rem;font-size:.88rem;line-height:1.45}.asset-manager-status{text-align:center;color:var(--color-muted);margin:1.5rem 0}.asset-manager-list{flex-direction:column;gap:.65rem;margin:0;padding:0;list-style:none;display:flex}.asset-manager-item{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);align-items:center;gap:.75rem;padding:.55rem;display:flex}.asset-manager-actions{flex-direction:column;flex-shrink:0;gap:.35rem;display:flex}.asset-manager-actions .btn-primary,.asset-manager-actions .btn-danger-outline{white-space:nowrap;padding:.35rem .65rem;font-size:.78rem}@media (width<=560px){.asset-manager-item{flex-wrap:wrap}.asset-manager-actions{flex-direction:row;justify-content:flex-end;width:100%}}.asset-manager-thumb{background:#e4e4e7;border-radius:4px;flex-shrink:0;place-items:center;width:56px;height:56px;display:grid;overflow:hidden}.asset-manager-thumb img{object-fit:cover;width:100%;height:100%;display:block}.asset-manager-thumb-fallback{color:var(--color-muted);font-size:.7rem;font-weight:700}.asset-manager-meta{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.asset-manager-name{white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;overflow:hidden}.asset-manager-sub{color:var(--color-muted);font-size:.75rem}.asset-manager-footer{border-top:1px solid var(--color-border);justify-content:flex-end;gap:.5rem;padding:.85rem 1.25rem;display:flex}.btn-danger-outline{border:1px solid var(--color-danger);color:var(--color-danger);cursor:pointer;background:#fff;border-radius:4px;flex-shrink:0;padding:.4rem .75rem;font-size:.85rem;font-weight:500}.btn-danger-outline:hover:not(:disabled){background:#fef2f2}.btn-danger-outline:disabled{opacity:.6;cursor:not-allowed}.toolbar-badge{letter-spacing:.06em;color:var(--color-muted);border:1px solid var(--color-border);border-radius:4px;padding:.2rem .45rem;font-size:.7rem;font-weight:700}.qr-modal{max-width:480px;max-height:min(88vh,720px)}.qr-modal-body{text-align:center;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:auto;min-height:0;padding:1rem 1.1rem 1.15rem;overflow-y:auto}.qr-preview{justify-content:center;margin-bottom:.65rem;display:flex}.qr-preview svg{width:min(180px,52vw);height:auto}.qr-link{word-break:break-all;margin:.35rem 0 .5rem;font-size:.8rem}.qr-actions{flex-wrap:wrap;justify-content:center;gap:.4rem;margin:.65rem 0 .35rem;display:flex}.qr-action-btn{justify-content:center;align-items:center;gap:.3rem;min-height:36px;padding:.4rem .65rem;font-size:.82rem;font-weight:600;display:inline-flex}.qr-action-btn--icon{flex-shrink:0;width:36px;min-width:36px;padding:.4rem}.qr-actions .danger-btn.qr-action-btn--icon{width:36px;min-width:36px;color:var(--color-danger);justify-content:center;align-items:center;padding:0;display:inline-flex}.qr-actions .danger-btn.qr-action-btn--icon svg{flex-shrink:0;width:18px;height:18px;display:block}.qr-modal-hint{text-align:left;margin:.35rem 0 0;font-size:.78rem;line-height:1.35}.qr-status-banner{border-radius:var(--radius);text-align:left;margin:0 0 .65rem;padding:.5rem .7rem;font-size:.82rem;line-height:1.35}.qr-status-banner--inactive{color:#7a4a00;background:#fff4e5;border:1px solid #f0c98a}.qr-preview--inactive{opacity:.72;filter:grayscale(.25)}.qr-empty{flex-direction:column;align-items:center;gap:.75rem;padding:.75rem 0;display:flex}.qr-empty p{margin:0;font-size:.9rem;line-height:1.4}.app-toast{z-index:1200;border-radius:var(--radius);color:#fff;pointer-events:none;background:#1a1a1a;max-width:min(90vw,22rem);padding:.7rem 1.15rem;font-size:.9rem;font-weight:500;animation:.22s ease-out app-toast-in;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000040}@keyframes app-toast-in{0%{opacity:0;transform:translate(-50%)translateY(.6rem)}to{opacity:1;transform:translate(-50%)translateY(0)}}.danger-btn{border-radius:var(--radius);color:var(--color-danger);cursor:pointer;background:#fef2f2;border:1px solid #fecaca;padding:.5rem 1rem;font-weight:500}.app-dialog-overlay{z-index:10000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a7a;place-items:center;padding:1rem;animation:.18s ease-out app-dialog-fade-in;display:grid;position:fixed;inset:0}.app-dialog{text-align:center;background:#fff;border-radius:16px;width:min(420px,100%);padding:1.75rem 1.5rem 1.35rem;animation:.22s cubic-bezier(.16,1,.3,1) app-dialog-pop;box-shadow:0 24px 64px #0f172a47}.app-dialog-icon{place-items:center;width:56px;height:56px;margin:0 auto .85rem;display:grid}.app-dialog--info .app-dialog-icon,.app-dialog--question .app-dialog-icon{color:#2563eb}.app-dialog--success .app-dialog-icon{color:#16a34a}.app-dialog--warning .app-dialog-icon{color:#d97706}.app-dialog--danger .app-dialog-icon{color:#dc2626}.app-dialog h2{color:#0f172a;margin:0 0 .5rem;font-size:1.25rem;font-weight:700;line-height:1.3}.app-dialog-message{color:#475569;white-space:pre-line;margin:0 0 1.35rem;font-size:.95rem;line-height:1.5}.app-dialog-actions{flex-wrap:wrap;justify-content:center;gap:.65rem;display:flex}.app-dialog-actions .btn-primary,.app-dialog-actions .btn-secondary,.app-dialog-actions .danger-btn{min-width:110px;padding:.6rem 1.1rem;font-size:.925rem}@keyframes app-dialog-fade-in{0%{opacity:0}to{opacity:1}}@keyframes app-dialog-pop{0%{opacity:0;transform:scale(.92)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.qr-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.qr-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;padding:1.25rem}.qr-card--inactive{opacity:.92;border-style:dashed}.qr-card-header{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-bottom:.35rem;display:flex}.qr-card-header h3{margin:0}.qr-status-pill{letter-spacing:.02em;text-transform:uppercase;border-radius:999px;padding:.15rem .55rem;font-size:.72rem;font-weight:600;display:inline-block}.qr-status-pill--active{color:#1b6b3a;background:#e7f6ec}.qr-status-pill--inactive{color:#7a4a00;background:#fff4e5}.qr-card-code{justify-content:center;margin-bottom:.75rem;display:flex}.qr-card-link{word-break:break-all;margin-bottom:1rem;font-size:.75rem;display:block}.qr-card-actions{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.public-menu-page{-webkit-overflow-scrolling:touch;background:#e8e8e8;width:100%;min-height:100dvh;overflow:auto}.public-menu-main{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;max-width:100%;padding:0 0 2rem;display:flex}.public-pages-stack{--public-page-gap:0px;align-items:stretch;gap:var(--public-page-gap);flex-direction:column;width:100%;max-width:100%;display:flex}.public-menu-page--horizontal{overscroll-behavior-y:auto;background:0 0;height:100dvh;min-height:100dvh;max-height:100dvh;overflow:hidden}@supports (height:100svh){.public-menu-page--horizontal{height:100svh;min-height:100svh;max-height:100svh}}.public-menu-page--horizontal .public-menu-main{align-items:stretch;height:100%;max-height:100%;padding:0;overflow:hidden}.public-pages-stack--horizontal{align-items:stretch;gap:var(--public-page-gap);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;flex-flow:row;width:100%;max-width:none;height:100%;overflow:auto hidden}.public-pages-stack--horizontal .public-page-block{box-sizing:border-box;scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;justify-content:flex-start;align-items:stretch;width:100%;min-width:100%;max-width:100%;height:100%;min-height:100%;padding:0;overflow:hidden}.public-page-viewport{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.public-page-viewport--contain{justify-content:center;align-items:center;overflow:hidden}.public-page-viewport-vertical{box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:stretch;width:100%;display:flex}.public-page-fabric-image{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.public-page-fabric-image--contain,.public-page-fabric-image--width{box-shadow:none}.public-page-loading{margin:1.5rem auto;font-size:.9rem}.public-pages-stack--horizontal .public-page-frame,.public-pages-stack--horizontal .public-canvas{box-shadow:none;pointer-events:none;max-height:100%;max-width:none!important}.public-page-block{flex-direction:column;align-items:stretch;gap:0;width:100%;display:flex}.pages-stack{flex-direction:column;align-items:center;gap:1.5rem;padding-bottom:2rem;display:flex}.page-block{flex-direction:column;align-items:center;gap:.5rem;display:flex}.page-label-row{justify-content:space-between;align-items:center;gap:.5rem;width:100%;display:flex}.page-label{text-align:left;min-width:0;color:var(--color-muted);letter-spacing:.02em;cursor:pointer;background:0 0;border:none;flex:1;margin:0;padding:0;font-size:.8rem;font-weight:600;display:block}.page-label:hover{color:var(--color-text)}.page-order-actions{flex-shrink:0;gap:.2rem;display:inline-flex}.page-order-actions button{border:1px solid var(--color-border);background:var(--color-surface);width:1.75rem;height:1.75rem;color:var(--color-text);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;padding:0;font-size:.85rem;line-height:1;display:inline-flex}.page-order-actions button:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.page-order-actions button:disabled{opacity:.35;cursor:not-allowed}.page-order-actions__delete:hover:not(:disabled){color:#b91c1c;border-color:#b91c1c}.page-label-active{color:var(--color-primary)}.page-label-hidden{color:#b45309;font-weight:600}.page-label-size{opacity:.75;font-size:.85em;font-weight:400}.page-canvas{transition:box-shadow .15s,outline .15s}.page-canvas--active{outline:2px solid var(--color-primary);outline-offset:4px}.public-page-label{color:#666;text-transform:uppercase;letter-spacing:.06em;font-size:.75rem}.template-pages-badge{color:#fff;background:#000000a6;border-radius:4px;padding:.15rem .4rem;font-size:.65rem;position:absolute;bottom:.4rem;right:.4rem}.template-preview-canvas{width:100%;height:100%;position:relative}.public-canvas{box-sizing:border-box;width:100%;max-width:min(920px,100%)}.public-page-frame{box-sizing:border-box;background:#fff;width:100%;max-width:min(920px,100%);height:auto;line-height:0;position:relative;overflow:hidden;box-shadow:0 4px 24px #00000026}.public-page-bg,.public-page-layer-image{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;display:block}.public-page-bg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.public-page-layer-image{object-fit:fill;width:100%;height:100%}.public-canvas.hidden-canvas{visibility:hidden;position:absolute}@media (width<=900px){.app-header{flex-wrap:wrap;gap:.5rem;padding:.65rem 1rem}.app-nav-toggle{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);width:44px;height:44px;color:var(--color-text);cursor:pointer;justify-content:center;align-items:center;padding:.45rem;display:inline-flex}.app-nav-toggle[aria-expanded=true]{color:#0369a1;background:#e0f2fe;border-color:#7dd3fc}.app-header .app-nav{flex-direction:column;flex-basis:100%;align-items:stretch;gap:.5rem;width:100%;padding-top:.5rem;display:none}.app-header .app-nav--open{display:flex}.app-nav a,.app-nav .btn-secondary{align-items:center;min-height:44px;display:inline-flex}.dashboard-main,.templates-main{padding:1.25rem 1rem}.dashboard-header{flex-direction:column;align-items:stretch;gap:.65rem;margin-bottom:1.15rem}.dashboard-header h1{margin:0;font-size:1.25rem}.dashboard-actions{justify-content:flex-start;gap:.4rem}.dashboard-actions .btn-primary,.dashboard-actions .btn-secondary,.dashboard-actions a.btn-secondary,.dashboard-actions .btn-dashboard-canvas,.dashboard-actions .btn-dashboard-mobile{border-radius:6px;min-height:0;padding:.35rem .6rem;font-size:.75rem;font-weight:500;line-height:1.2}.dashboard-kind-filter{width:100%;margin-bottom:1rem}.dashboard-kind-filter button{flex:auto;justify-content:center;padding:.4rem .55rem;font-size:.8rem}.docs-main{padding:1.25rem 1rem 3rem}.menu-grid,.template-grid{grid-template-columns:1fr}.editor-page{height:100dvh;max-height:100dvh}.editor-header{flex-wrap:wrap;gap:.5rem;padding:.45rem .65rem}.editor-header .back-link{font-size:.85rem}.title-input{min-width:0;font-size:.95rem}.save-status{font-size:.7rem}.editor-zoom-controls{order:unset;justify-content:center;width:auto;margin-left:0}.editor-zoom-bar{order:4;justify-content:center;width:100%;margin-left:0}.editor-interaction-mode button,.editor-zoom-controls button{min-height:36px}.toolbar{flex-wrap:nowrap;gap:.75rem;padding:.5rem .65rem;overflow:visible}.toolbar-group{flex-shrink:0}.toolbar button,.toolbar .btn-file{min-width:40px;min-height:40px;padding:.4rem .65rem}.toolbar-right{margin-left:auto}.upload-progress{min-width:110px}.editor-workspace{flex:1;grid-template-rows:1fr;grid-template-columns:1fr;min-height:0;position:relative}.editor-sidebar,.editor-canvas-area{grid-area:1/1;height:100%;min-height:0;max-height:none}.editor-sidebar{z-index:2;-webkit-overflow-scrolling:touch;padding-bottom:calc(5.5rem + env(safe-area-inset-bottom,0px));border:none;display:none;overflow-y:auto}.editor-workspace--layers .editor-sidebar.left,.editor-workspace--props .editor-sidebar.right{display:block}.editor-workspace--canvas .editor-canvas-area{padding-bottom:calc(5.5rem + env(safe-area-inset-bottom,0px));display:block}.editor-workspace--layers .editor-canvas-area,.editor-workspace--props .editor-canvas-area{visibility:hidden;pointer-events:none}.editor-canvas-area{padding:.75rem .5rem calc(1.5rem + env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch;overscroll-behavior:contain;place-items:start center;overflow:auto}.pages-stack{align-items:center;gap:1rem;width:max-content;min-width:100%;padding-bottom:2rem}.page-block{width:auto}.editor-canvas-wrap{width:fit-content;max-width:none;height:fit-content}.editor-canvas-wrap .canvas-container,.editor-canvas-wrap canvas{max-width:none!important}.editor-mobile-nav{background:var(--color-surface);border-top:1px solid var(--color-border);padding:.25rem;padding-bottom:max(.25rem, env(safe-area-inset-bottom));grid-template-columns:repeat(3,1fr);gap:0;display:grid}.editor-mobile-nav button{min-height:48px;color:var(--color-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.75rem .5rem;font-size:.9rem;font-weight:600}.editor-mobile-nav button.is-active{color:var(--color-primary);background:#eff6ff}.public-menu-main{padding:0 0 1.5rem}.public-pages-stack{max-width:100%}.public-page-frame,.public-canvas{width:100%!important;max-width:100%!important}}@media (width>=901px){.app-nav-toggle,.editor-mobile-nav{display:none}}.html-renderer{width:100%;max-width:640px}.html-renderer-header{text-align:center;margin-bottom:1rem}.html-renderer-title{margin:0;font-size:1.25rem;font-weight:700}.html-renderer-pages{flex-direction:column;gap:1.25rem;width:100%;display:flex}.html-renderer-section{width:100%;max-width:min(595px,100%);margin:0 auto;line-height:0;position:relative;overflow:hidden;box-shadow:0 4px 24px #00000026;container-type:inline-size}.html-renderer-section-bg{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.html-renderer-section-content{pointer-events:none;position:absolute;inset:0}.html-renderer-section-footer{display:none}.html-renderer-text h1,.html-renderer-text h2,.html-renderer-text p,.html-renderer-text small{pointer-events:none;-webkit-user-select:none;user-select:none}.public-png-fallback{width:100%;max-width:min(920px,100%);margin:0}.public-png-fallback .public-page-image,.public-page-image{background:#fff;width:100%;max-width:100%;height:auto;display:block;box-shadow:0 4px 24px #00000026}.mobile-editor-page{flex-direction:column;height:100dvh;max-height:100dvh;display:flex;overflow:hidden}.mobile-editor-main{flex-direction:column;flex:1;min-height:0;padding:.5rem .75rem .75rem;display:flex;overflow:hidden}.mobile-editor-header{flex-wrap:nowrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem .75rem;min-height:0;margin-bottom:.5rem;display:flex}.mobile-editor-header h1{white-space:nowrap;margin:0;font-size:1.05rem;font-weight:700;line-height:1.2}.mobile-editor-header-actions{flex-wrap:nowrap;align-items:center;gap:.4rem;min-width:0;display:flex;overflow-x:auto}.mobile-editor-header-actions label{color:var(--color-muted);white-space:nowrap;flex-direction:row;align-items:center;gap:.35rem;margin:0;font-size:.75rem;font-weight:500;display:inline-flex}.mobile-editor-header-actions input,.mobile-editor-header-actions select{border:1px solid var(--color-border);background:var(--color-surface);border-radius:6px;width:9.5rem;min-width:0;height:2rem;padding:.2rem .45rem;font-size:.85rem}.mobile-editor-header-actions input,.mobile-editor-header-actions select,.mobile-props-form input:not([type=color]):not([type=range]),.mobile-props-form select,.mobile-props-form textarea{appearance:none;color:#0f172a;background:linear-gradient(#fff,#f8fafc);border:1px solid #cbd5e1;border-radius:10px;transition:border-color .18s,box-shadow .18s,background-color .18s;box-shadow:0 1px 2px #0f172a14}.mobile-editor-header-actions select,.mobile-props-form select{background-image:linear-gradient(45deg,#0000 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,#0000 50%);background-position:calc(100% - 14px) calc(50% - 1px),calc(100% - 9px) calc(50% - 1px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:1.65rem}.mobile-editor-header-actions input:focus-visible,.mobile-editor-header-actions select:focus-visible,.mobile-props-form input:not([type=color]):not([type=range]):focus-visible,.mobile-props-form select:focus-visible,.mobile-props-form textarea:focus-visible{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f633,0 1px 2px #0f172a1a}.mobile-editor-header-actions .btn-secondary,.mobile-editor-header-actions .btn-export-json{white-space:nowrap;height:2rem;padding:.2rem .65rem;font-size:.8rem}.mobile-editor-mode-group{background:#fff;border:1px solid #cbd5e1;border-radius:10px;flex-shrink:0;display:inline-flex;overflow:hidden;box-shadow:0 1px 2px #0f172a14}.mobile-editor-mode-group button{color:#64748b;cursor:pointer;background:0 0;border:0;border-right:1px solid #e2e8f0;justify-content:center;align-items:center;width:2.15rem;min-width:2.15rem;height:2rem;padding:0;display:inline-flex}.mobile-editor-mode-group button:last-child{border-right:0}.mobile-editor-mode-group button.is-active{color:#0369a1;background:#e0f2fe}.mobile-editor-mode-group button:disabled{opacity:.4;cursor:not-allowed}.mobile-editor-mode-text{display:none}.mobile-editor-more-mode{flex-direction:column;gap:.45rem;display:flex}.mobile-editor-more-mode-label{color:var(--color-muted,#64748b);font-size:.85rem;font-weight:600}.mobile-editor-page--phone .mobile-editor-more-mode .mobile-editor-mode-group{width:100%}.mobile-editor-page--phone .mobile-editor-more-mode .mobile-editor-mode-group button{flex:1;gap:.4rem;width:auto;min-width:0;height:2.6rem;font-size:.85rem;font-weight:600}.mobile-editor-page--phone .mobile-editor-more-mode .mobile-editor-mode-text{display:inline}.mobile-editor-layout{flex:1;grid-template-columns:240px 1fr 320px;align-items:stretch;gap:1rem;min-height:0;display:grid;overflow:hidden}.mobile-editor-sidebar,.mobile-editor-properties{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;padding:.75rem;overflow:hidden auto}.mobile-editor-properties{flex-direction:column;gap:.75rem;display:flex}.mobile-editor-structure-pane,.mobile-editor-props-pane{min-height:0;padding:0;overflow:visible}.mobile-editor-structure-pane{border-bottom:1px solid var(--color-border);flex:none;padding-bottom:.75rem}.mobile-editor-props-pane{flex:none}.mobile-editor-structure-pane>h3,.mobile-editor-props-pane>h3,.mobile-editor-sidebar>h3,.mobile-editor-sheet-header h3{z-index:1;background:var(--color-surface);margin-top:0;margin-bottom:.5rem;padding-bottom:.35rem;position:sticky;top:0}.mobile-editor-sheet-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.mobile-component-library,.mobile-structure-list{flex-direction:column;gap:.4rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.mobile-component-library button{text-align:left;width:100%}.mobile-editor-canvas-wrap{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;align-items:center;gap:.75rem;min-height:0;padding:1rem;display:flex;overflow:hidden auto}.mobile-device-frame{background:#0f172a;border:12px solid #0f172a;border-radius:28px;width:min(100%,440px);padding:10px;box-shadow:0 10px 30px #02061747}.mobile-device-frame.is-editor{width:min(100%, calc(var(--mobile-viewport-width,393px) + 24px))}.mobile-runtime-root{width:100%;min-height:var(--mobile-viewport-height,852px);border-radius:18px;flex-direction:column;gap:12px;padding:14px;display:flex;overflow:hidden}.mobile-runtime-node.is-multi-selected{outline-offset:2px;border-radius:10px;outline:2px dashed #38bdf8}.mobile-runtime-root.is-editable .mobile-runtime-node.is-selected:not(.is-multi-selected){outline-offset:2px;z-index:1;border-radius:10px;outline:2px solid #38bdf8;position:relative;box-shadow:0 0 0 3px #38bdf847}.mobile-block-accordion{background:0 0;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.mobile-accordion-header{width:100%;text-align:inherit;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0;display:block;position:relative}.mobile-accordion-header-content{width:100%;min-width:0}.mobile-accordion-header-content>.mobile-block{box-sizing:border-box;width:100%;margin:0}.mobile-block-accordion.has-section-header .mobile-accordion-header-content>.mobile-block-section{width:100%}.mobile-block-accordion.has-chevron.has-section-header .mobile-accordion-header-content>.mobile-block-section>h3,.mobile-block-accordion.has-chevron:not(.has-section-header) .mobile-accordion-header-content{box-sizing:border-box;padding-right:2.75rem}.mobile-accordion-chevron{z-index:3;color:#64748b;pointer-events:none;--chevron-rest:0deg;--chevron-open:180deg;width:2.25rem;height:2.25rem;transform:translateY(-50%) rotate(var(--chevron-rest));filter:drop-shadow(0 1px 2px #0f172a40);justify-content:center;align-items:center;transition:transform .2s;display:inline-flex;position:absolute;top:50%;right:.55rem}.mobile-accordion-chevron--dir-down{--chevron-rest:0deg;--chevron-open:180deg}.mobile-accordion-chevron--dir-right{--chevron-rest:-90deg;--chevron-open:0deg}.mobile-accordion-chevron.is-open{transform:translateY(-50%) rotate(var(--chevron-open));animation:none}.mobile-accordion-chevron--bounce:not(.is-open){animation:1s ease-in-out infinite mobile-accordion-chevron-idle-bounce}.mobile-accordion-chevron--pulse:not(.is-open){animation:1.15s ease-in-out infinite mobile-accordion-chevron-idle-pulse}.mobile-accordion-chevron--flip:not(.is-open){transform-style:preserve-3d;animation:1.4s ease-in-out infinite mobile-accordion-chevron-idle-flip}.mobile-accordion-chevron--spin:not(.is-open){animation:1.5s ease-in-out infinite mobile-accordion-chevron-idle-spin}@keyframes mobile-accordion-chevron-idle-bounce{0%,to{transform:translateY(-50%) rotate(var(--chevron-rest,0deg))}50%{transform:translateY(calc(-50% + 6px)) rotate(var(--chevron-rest,0deg))}}@keyframes mobile-accordion-chevron-idle-pulse{0%,to{transform:translateY(-50%) rotate(var(--chevron-rest,0deg)) scale(1);opacity:1}50%{transform:translateY(-50%) rotate(var(--chevron-rest,0deg)) scale(1.2);opacity:.8}}@keyframes mobile-accordion-chevron-idle-flip{0%,to{transform:translateY(-50%) rotate(var(--chevron-rest,0deg)) perspective(180px) rotateY(0deg)}50%{transform:translateY(-50%) rotate(var(--chevron-rest,0deg)) perspective(180px) rotateY(42deg)}}@keyframes mobile-accordion-chevron-idle-spin{0%,to{transform:translateY(-50%) rotate(var(--chevron-rest,0deg))}25%{transform:translateY(-50%) rotate(calc(var(--chevron-rest,0deg) - 14deg))}75%{transform:translateY(-50%) rotate(calc(var(--chevron-rest,0deg) + 14deg))}}@media (prefers-reduced-motion:reduce){.mobile-accordion-chevron--bounce:not(.is-open),.mobile-accordion-chevron--pulse:not(.is-open),.mobile-accordion-chevron--flip:not(.is-open),.mobile-accordion-chevron--spin:not(.is-open){animation:none!important}.mobile-accordion-chevron.is-open{transition:none}}.mobile-accordion-panel{border-top:1px solid #e2e8f0;flex-direction:column;gap:12px;padding:.35rem .65rem .75rem;display:flex}.mobile-accordion-panel[hidden]{display:none}.mobile-accordion-child{border-radius:10px;min-width:0;position:relative}.mobile-accordion-child.is-selected{outline-offset:2px;outline:2px solid #38bdf8;box-shadow:0 0 0 3px #38bdf847}.mobile-runtime-root.is-editable .mobile-accordion-child{cursor:pointer}.mobile-accordion-child-context{border-bottom:1px solid var(--color-border);flex-direction:column;gap:.4rem;margin-bottom:.25rem;padding-bottom:.5rem;display:flex}.mobile-accordion-reorder{flex-direction:column;gap:.4rem;margin:0 0 .65rem;padding:0;list-style:none;display:flex}.mobile-accordion-reorder-item{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);align-items:center;gap:.45rem;min-height:52px;padding:.4rem .45rem .4rem .65rem;display:flex}.mobile-accordion-reorder-item.is-header{background:#f0f9ff;border-color:#7dd3fc}.mobile-accordion-reorder-meta{text-align:left;flex-direction:column;flex:auto;gap:.12rem;min-width:0;display:flex}.mobile-accordion-reorder-badge,.mobile-accordion-reorder-type{letter-spacing:.04em;text-transform:uppercase;font-size:.68rem;font-weight:700}.mobile-accordion-reorder-badge{color:#0369a1}.mobile-accordion-reorder-type{color:var(--color-muted)}.mobile-accordion-reorder-preview{text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;line-height:1.25;overflow:hidden}.mobile-accordion-reorder-moves{flex-shrink:0;gap:.25rem;display:flex}.mobile-accordion-reorder-moves button{border:1px solid var(--color-border);width:44px;height:44px;color:var(--color-text);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;padding:0;display:inline-flex}.mobile-accordion-reorder-moves button:disabled{opacity:.35;cursor:not-allowed}.mobile-accordion-reorder-moves button:not(:disabled):active{background:#e0f2fe;border-color:#7dd3fc}.mobile-selection-tools{border-bottom:1px solid var(--color-border);flex-direction:column;gap:.45rem;margin-bottom:.25rem;padding-bottom:.5rem;display:flex}.mobile-selection-tools .btn-secondary.is-active,.mobile-editor-header-actions .btn-secondary.is-active{color:#0369a1;background:#e0f2fe;border-color:#7dd3fc}.mobile-accordion-error{color:#b91c1c}.mobile-runtime-node.is-hidden-public{opacity:.55;border-radius:10px;outline:1px dashed #b45309}.mobile-runtime-node.is-hidden-public.is-selected{outline:2px solid #38bdf8}.mobile-runtime-swipe-row{isolation:isolate;border-radius:10px;position:relative;overflow:hidden}.mobile-runtime-swipe-actions{z-index:0;justify-content:stretch;align-items:stretch;width:96px;display:flex;position:absolute;inset:0 0 0 auto}.mobile-runtime-swipe-action{color:#fff;letter-spacing:.01em;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#dc2626;border:0;border-radius:0;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:.2rem;margin:0;font-size:.72rem;font-weight:700;display:flex}.mobile-runtime-swipe-action:active{background:#b91c1c}.mobile-runtime-swipe-front{z-index:1;will-change:transform;background-color:var(--mobile-swipe-front-bg,#fff);align-items:stretch;gap:0;transition:transform .22s cubic-bezier(.22,1,.36,1);display:flex;position:relative}.mobile-runtime-swipe-front-body{flex:auto;min-width:0}.mobile-runtime-reorder-handle{color:#334155;cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#0f172a0f;border:0;border-right:1px solid #0f172a1a;border-radius:0;flex:none;align-self:stretch;place-items:center;width:2.35rem;margin:0;padding:.35rem .15rem;display:grid}.mobile-runtime-reorder-handle:active{cursor:grabbing;color:#0369a1;background:#0ea5e92e}.mobile-runtime-root.is-reordering .mobile-runtime-reorder-handle{cursor:grabbing}.mobile-runtime-root.is-editable .mobile-runtime-swipe-front,.mobile-runtime-root.is-editable:not(.is-scroll-mode) .mobile-runtime-swipe-front,.mobile-runtime-root.is-editable:not(.is-scroll-mode) .mobile-runtime-swipe-front-body{touch-action:pan-y}.mobile-editor-swipe-hint{display:none}.mobile-editor-page--phone .mobile-editor-swipe-hint{color:#475569;background:#f8fafc;border-bottom:1px solid #e2e8f0;align-items:center;gap:.45rem;margin:0;padding:.45rem .75rem;font-size:.75rem;line-height:1.3;display:flex}.mobile-editor-page--phone .mobile-editor-swipe-hint strong{color:#0f172a;font-weight:700}.mobile-editor-page--phone .mobile-editor-swipe-hint-dismiss{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;place-items:center;width:1.75rem;height:1.75rem;margin-left:auto;display:grid}.mobile-props-color-picker-label{pointer-events:none}.mobile-props-color-picker-label input[type=color]{pointer-events:auto}.mobile-runtime-root.is-editable .mobile-runtime-node{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.mobile-runtime-root.is-editable.is-scroll-mode .mobile-runtime-node{cursor:pointer;touch-action:pan-y}.mobile-runtime-root.is-editable.is-reordering .mobile-runtime-node{cursor:grabbing}.mobile-runtime-root.is-editable .mobile-runtime-node.is-dragging{opacity:.88;z-index:2;border-radius:10px;outline:2px solid #0ea5e9;position:relative;box-shadow:0 12px 28px #0ea5e947}.mobile-runtime-node{--mobile-parallax-y:0px;transition:transform var(--mobile-anim-duration,.45s) ease, opacity var(--mobile-anim-duration,.45s) ease;transition-delay:var(--mobile-anim-delay,0s);position:relative}.mobile-runtime-node[data-anim-preset=reveal]{opacity:0;transform:translateY(calc(14px * var(--mobile-intensity,1)))}.mobile-runtime-node[data-anim-preset=reveal].is-anim-visible,.mobile-runtime-root.is-editable .mobile-runtime-node[data-anim-preset=reveal]{opacity:1;transform:translateY(0)}.mobile-runtime-root.is-editable .mobile-runtime-node.is-anim-preview-reveal[data-anim-preset=reveal]:not(.is-anim-visible){opacity:0;transform:translateY(calc(14px * var(--mobile-intensity,1)))}.mobile-runtime-node[data-anim-preset=parallax]{transform:translateY(var(--mobile-parallax-y))}.mobile-runtime-node[data-anim-preset=lottie]{animation:mobile-lottie-placeholder var(--mobile-anim-duration,.9s) ease-in-out infinite alternate}.mobile-runtime-node[data-anim-preset=tap]:active,.mobile-runtime-node[data-anim-trigger=on_tap]:active,.mobile-runtime-node.is-anim-preview-tap{transform:scale(.96)}.mobile-runtime-node.is-anim-preview-parallax{animation:mobile-parallax-preview var(--mobile-anim-duration,.45s) ease-in-out 2}.mobile-runtime-node.is-anim-preview-lottie{animation:mobile-lottie-placeholder var(--mobile-anim-duration,.9s) ease-in-out 2 alternate}.mobile-block{margin:0}.mobile-block-hit{text-align:left;cursor:pointer;border:0;width:100%}.mobile-block-heading{margin:0;line-height:1.2}.mobile-block-section{width:100%;text-align:inherit;font:inherit;color:inherit;cursor:inherit;border:0;display:block;position:relative;overflow:hidden}.mobile-block-section>h3{z-index:1;margin:0;position:relative}.mobile-block-section.has-fixed-size{box-sizing:border-box;align-items:center;display:flex}.mobile-block-section.has-fixed-size>h3{width:100%}.mobile-section-bg{object-fit:contain;object-position:center center;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.mobile-section-bg.align-left{object-position:left center}.mobile-section-bg.align-center{object-position:center center}.mobile-section-bg.align-right{object-position:right center}.mobile-section-bg.is-stretch{object-fit:cover}.mobile-section-bg-frame{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;position:absolute;inset:0;overflow:hidden}.mobile-section-bg-axis{object-fit:contain;object-position:center center;transform-origin:50%;width:100%;height:100%;display:block;position:absolute;inset:0}.mobile-block-text{white-space:pre-wrap;margin:0;line-height:1.45}.mobile-block-text.is-list{white-space:normal;margin:0;padding-left:0;list-style:none}.mobile-block-text.is-list li{margin:.25em 0;padding-left:1.35em;position:relative}.mobile-block-text.is-list-bullet li:before{content:"•";text-align:center;color:currentColor;width:1.1em;font-weight:700;line-height:inherit;position:absolute;top:0;left:0}.mobile-block-text.is-list-number{counter-reset:mobile-text-list}.mobile-block-text.is-list-number li{counter-increment:mobile-text-list}.mobile-block-text.is-list-number li:before{content:counter(mobile-text-list) ".";text-align:right;color:currentColor;font-variant-numeric:tabular-nums;width:1.25em;line-height:inherit;position:absolute;top:0;left:0}.mobile-block-image{object-fit:cover;background:#e5e7eb;width:100%;min-height:140px;display:block}.mobile-block-image-placeholder{color:#6b7280;place-items:center;display:grid}.mobile-block-menu-item{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:10px}.mobile-block-menu-item.has-image{display:flow-root}.mobile-block-menu-item.has-image .mobile-menu-item-thumb{float:left;margin:0 .65rem .35rem 0}.mobile-block-menu-item.has-image.image-right .mobile-menu-item-thumb{float:right;margin:0 0 .35rem .65rem}.mobile-menu-item-thumb{object-fit:cover;aspect-ratio:1;background:#e5e7eb;border:1px solid #e2e8f0;display:block}.mobile-menu-item-content{min-width:0}.image-picker-field{flex-direction:column;gap:8px;display:flex}.image-picker-preview{aspect-ratio:1;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;width:100%;max-width:160px;position:relative;overflow:hidden}.image-picker-preview img{object-fit:cover;width:100%;height:100%;display:block}.image-picker-remove{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;line-height:1;display:flex;position:absolute;top:4px;right:4px}.image-picker-remove:hover{background:#dc2626d9}.image-picker-empty{aspect-ratio:1;color:#94a3b8;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:8px;justify-content:center;align-items:center;width:100%;max-width:160px;font-size:12px;display:flex}.image-picker-actions{flex-wrap:wrap;gap:6px;display:flex}.image-picker-actions .btn-secondary{padding:4px 8px;font-size:11px}.mobile-block-menu-item header{justify-content:space-between;gap:.5rem;display:flex}.mobile-block-menu-item h4,.mobile-block-menu-item p{margin:0}.mobile-menu-ingredients{color:#6b7280;margin-top:.3rem;display:block}.mobile-menu-meta-actions{flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.45rem;display:flex}.mobile-menu-meta-actions .mobile-menu-allergens-btn{margin-top:0}.allergen-tags-field{flex-direction:column;gap:.4rem;display:flex}.allergen-tags{flex-wrap:wrap;gap:.4rem;display:flex}.allergen-tags button{border:1px solid var(--color-border);background:var(--color-surface);min-height:2rem;color:var(--color-text);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:999px;padding:.4rem .7rem;font-size:.8rem;font-weight:500;line-height:1.2}@media (hover:hover){.allergen-tags button:hover{background:#fffbeb;border-color:#f59e0b}}.allergen-tags button:active{background:#fef3c7;border-color:#d97706}.allergen-tags button.is-active{color:#78350f;background:#fef3c7;border-color:#d97706;font-weight:600}.allergen-tags--custom{margin-top:.15rem}.allergen-tag-custom{color:#78350f;background:#fef3c7;border:1px solid #d97706;border-radius:999px;align-items:center;gap:.15rem;min-height:2rem;padding:.25rem .25rem .25rem .7rem;font-size:.8rem;font-weight:600;line-height:1.2;display:inline-flex}.allergen-tag-remove{color:#92400e;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;margin:0;padding:0;font-size:.75rem;line-height:1;display:inline-flex}@media (hover:hover){.allergen-tag-remove:hover{background:#fde68a}}.allergen-tag-remove:active{background:#fcd34d}.allergen-add-row{align-items:stretch;gap:.45rem;width:100%;display:flex}.allergen-add-row input{box-sizing:border-box;flex:1;min-width:0}.allergen-add-btn{white-space:nowrap;touch-action:manipulation;flex-shrink:0}.mobile-menu-allergens-btn{border:1px solid color-mix(in srgb, var(--allergens-accent,#b45309) 45%, white);background:color-mix(in srgb, var(--allergens-accent,#b45309) 12%, white);min-height:1.45rem;color:var(--allergens-accent,#b45309);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:999px;align-items:center;gap:.2rem;margin-top:.35rem;padding:.15rem .45rem;font-size:.62rem;font-weight:600;line-height:1;display:inline-flex}@media (hover:hover){.mobile-menu-allergens-btn:hover{background:color-mix(in srgb, var(--allergens-accent,#b45309) 18%, white)}}.mobile-menu-allergens-btn:active{background:color-mix(in srgb, var(--allergens-accent,#b45309) 26%, white)}.mobile-allergens-overlay{z-index:5400;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a8c;padding:1.25rem}.mobile-allergens-modal{border:1px solid color-mix(in srgb, var(--allergens-accent,#b45309) 42%, white);background:linear-gradient(180deg, color-mix(in srgb, var(--allergens-accent,#b45309) 8%, white) 0%, #fff 42%, color-mix(in srgb, var(--allergens-accent,#b45309) 10%, white) 100%);text-align:center;border-radius:20px;gap:.85rem;width:min(360px,100%);padding:1.5rem 1.25rem 1.35rem;position:relative;box-shadow:0 24px 48px #0f172a47,inset 0 0 0 1px #fff6}.mobile-allergens-close{color:#64748b;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#0f172a0f;border:none;border-radius:999px;place-items:center;width:2rem;height:2rem;font-size:.95rem;line-height:1;display:grid;position:absolute;top:.65rem;right:.65rem}@media (hover:hover){.mobile-allergens-close:hover{color:#334155;background:#0f172a1a}}.mobile-allergens-close:active{background:#0f172a24}.mobile-allergens-dish-title{color:#1e293b;letter-spacing:-.01em;text-wrap:balance;margin:.15rem 1.75rem 0;font-size:1.15rem;font-weight:700;line-height:1.3}.mobile-allergens-heading{color:var(--allergens-accent,#b45309);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:700}.mobile-allergens-list{-webkit-overflow-scrolling:touch;text-align:left;flex-direction:column;gap:.45rem;max-height:min(52vh,360px);margin:.15rem 0 0;padding:0;list-style:none;display:flex;overflow:auto}.mobile-allergens-list li{border:1px solid color-mix(in srgb, var(--allergens-accent,#b45309) 32%, white);min-height:3rem;box-shadow:0 1px 2px color-mix(in srgb, var(--allergens-accent,#b45309) 12%, transparent);color:color-mix(in srgb, var(--allergens-accent,#b45309) 78%, #1c1917);background:#fff;border-radius:14px;align-items:center;gap:.85rem;padding:.55rem .75rem;font-size:.95rem;font-weight:600;display:flex}.mobile-allergens-icon{background:color-mix(in srgb, var(--allergens-accent,#b45309) 14%, white);width:2.5rem;height:2.5rem;color:var(--allergens-accent,#b45309);border-radius:999px;flex:none;place-items:center;display:grid}.mobile-allergens-label{flex:auto;line-height:1.25}@media (width<=900px){.mobile-allergens-list{max-height:min(58dvh,400px)}.mobile-allergens-list li{min-height:3.15rem;padding:.65rem .85rem;font-size:1rem}}.mobile-block-button{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;border:0;border-radius:10px;justify-content:center;align-items:center;width:100%;min-height:44px;font-weight:600;text-decoration:none;transition:transform .12s,box-shadow .12s,filter .12s;display:inline-flex;box-shadow:0 3px #0000002e}.mobile-block-button:hover{filter:brightness(1.03)}.mobile-block-button:active{filter:brightness(.94);transform:scale(.97)translateY(2px);box-shadow:0 0 #0000002e}.mobile-block-spacer{pointer-events:none;flex-shrink:0;width:100%}.mobile-runtime-root.is-editable .mobile-block-spacer{pointer-events:auto;background:repeating-linear-gradient(-45deg,#94a3b81a,#94a3b81a 6px,#94a3b82e 6px 12px);border-radius:6px;outline:1px dashed #94a3b88c}.mobile-action-modal-overlay{z-index:1600;background:#00000085;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.mobile-action-modal{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:.75rem;width:min(420px,100%);padding:1rem;display:flex;box-shadow:0 20px 44px #0f172a47}.mobile-action-modal h3,.mobile-action-modal p{margin:0}.mobile-block-divider{border:0;border-top:1px solid #e5e7eb}.mobile-image-lightbox{z-index:2000;cursor:zoom-out;background:#000000d9;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.mobile-image-lightbox img{object-fit:contain;cursor:default;border-radius:8px;max-width:92vw;max-height:88vh;box-shadow:0 8px 32px #00000080}.mobile-image-lightbox-close{color:#1e293b;cursor:pointer;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;font-weight:600;display:flex;position:fixed;top:12px;right:12px;box-shadow:0 2px 8px #0000004d}.mobile-image-lightbox-close:hover{color:#dc2626;background:#fee2e2}@keyframes mob-effect-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes mob-effect-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@keyframes mob-effect-bounce{0%,20%,53%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateY(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translateY(-16px)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translateY(-8px)}80%{transform:translateY(0)}90%{transform:translateY(-3px)}}@keyframes mob-effect-glow{0%,to{filter:brightness();box-shadow:0 0 #f59e0b00,0 0 10px 2px #fbbf2440}50%{filter:brightness(1.1);box-shadow:0 0 0 3px #f59e0b8c,0 0 28px 8px #fbbf24a6}}.mob-effect-glow-host{z-index:1;border-radius:10px;overflow:visible}@keyframes mob-effect-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes mob-effect-heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.1)}28%{transform:scale(1)}42%{transform:scale(1.1)}56%{transform:scale(1)}}@keyframes mob-effect-swing{20%{transform:rotate(12deg)}40%{transform:rotate(-8deg)}60%{transform:rotate(4deg)}80%{transform:rotate(-4deg)}to{transform:rotate(0)}}@keyframes mob-effect-rubberBand{0%{transform:scaleX(1)scaleY(1)}30%{transform:scaleX(1.2)scaleY(.8)}40%{transform:scaleX(.8)scaleY(1.15)}50%{transform:scaleX(1.08)scaleY(.95)}65%{transform:scaleX(.98)scaleY(1.02)}75%{transform:scaleX(1.02)scaleY(.98)}to{transform:scaleX(1)scaleY(1)}}@keyframes mob-effect-flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.mob-effect-shimmer-bg{background-image:linear-gradient(90deg,#0000 0%,#ffffff59 50%,#0000 100%);background-size:200% 100%}.mobile-structure-list li{border:1px solid var(--color-border);background:var(--color-bg);will-change:transform;border-radius:8px;justify-content:flex-start;align-items:center;gap:.4rem;padding:.35rem .45rem;transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s cubic-bezier(.22,1,.36,1),opacity .16s,border-color .16s,background-color .16s;display:flex}.mobile-structure-list.is-dragging-list{-webkit-user-select:none;user-select:none}.mobile-structure-list li.is-dragging{opacity:.86;border-color:#38bdf8;transform:scale(1.015);box-shadow:0 10px 24px #0ea5e93d}.mobile-structure-list li.is-reordering{box-shadow:0 2px 8px #0f172a1a}.mobile-structure-list li.is-drop-indicator{position:relative}.mobile-structure-list li.is-drop-indicator:before{content:"";background:linear-gradient(90deg,#0ea5e9,#38bdf8);border-radius:999px;height:.18rem;position:absolute;top:-.2rem;left:.35rem;right:.35rem;box-shadow:0 0 0 2px #0ea5e92e}.mobile-structure-drag-handle{touch-action:none;cursor:grab;color:#64748b;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;width:1.4rem;min-width:1.4rem;max-width:1.4rem;height:1.4rem;padding:0;font-size:.85rem;line-height:1;transition:color .14s,background-color .14s,border-color .14s,transform .14s;display:inline-flex}.mobile-structure-drag-handle:active{cursor:grabbing;transform:scale(.96)}.mobile-structure-drag-handle:hover{border-color:var(--color-border);background:#f8fafc}.mobile-structure-item-label{text-align:left;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;flex:1;min-width:0;padding:.15rem .2rem;font-size:.86rem;overflow:hidden}.mobile-structure-list li>button{flex:none}.mobile-structure-list li.is-active{background:#f0f9ff;border-color:#38bdf8}.mobile-structure-list li.is-active>.mobile-structure-item-label{border-color:#38bdf8}.mobile-structure-actions{justify-content:flex-end;align-items:center;gap:.25rem;margin-left:auto;display:flex}.mobile-structure-delete{color:#dc2626;background:#fff5f5;border:1px solid #fecaca;border-radius:999px;justify-content:center;align-items:center;width:1.45rem;min-width:1.45rem;max-width:1.45rem;height:1.45rem;padding:0;font-size:.8rem;line-height:1;transition:transform .15s,background-color .15s,border-color .15s;display:inline-flex}.mobile-structure-delete:hover{background:#fee2e2;border-color:#fca5a5;transform:scale(1.04)}.mobile-props-form{flex-direction:column;gap:.5rem;display:flex}.mobile-props-form label,.mobile-props-form .mobile-props-field{flex-direction:column;gap:.25rem;font-size:.82rem;display:flex}.mobile-props-form input:not([type=color]):not([type=range]):not([type=checkbox]):not([type=radio]),.mobile-props-form select,.mobile-props-form textarea{box-sizing:border-box;width:100%;max-width:100%;min-height:2.15rem;padding:.35rem .55rem;font-size:.9rem}.mobile-props-form select{padding-right:1.65rem}.mobile-props-checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.55rem;width:100%;flex-direction:row!important;display:flex!important}.mobile-props-checkbox input[type=checkbox]{min-width:1.1rem;accent-color:var(--color-primary,#1a3329);cursor:pointer;flex-shrink:0;margin:0;appearance:auto!important;width:1.1rem!important;height:1.1rem!important;min-height:0!important;padding:0!important}.mobile-props-checkbox-label{font-size:inherit;line-height:1.3}.wysiwyg-align-group{border:1px solid var(--color-border);border-radius:6px;flex:none;align-self:flex-start;width:fit-content;max-width:100%;display:inline-flex;overflow:hidden}.wysiwyg-align-group button{border:0;border-right:1px solid var(--color-border);background:var(--color-bg);color:#475569;flex:none;justify-content:center;align-items:center;width:2rem;min-width:2rem;max-width:2.5rem;height:2rem;padding:0;display:inline-flex}.wysiwyg-align-group button:last-child{border-right:0}.wysiwyg-align-group button.is-active{color:#0369a1;background:#e0f2fe}.mobile-props-field{flex-direction:column;gap:.35rem;display:flex}.mobile-props-field-label{font-size:inherit;font-weight:inherit;color:inherit}.mobile-number-stepper{background:#fff;border:1px solid #cbd5e1;border-radius:10px;align-items:stretch;width:100%;max-width:100%;display:flex;overflow:hidden}.mobile-number-stepper input[type=number]{text-align:center;font-variant-numeric:tabular-nums;-moz-appearance:textfield;flex:auto;min-width:0;margin:0;border:0!important;border-radius:0!important;width:auto!important}.mobile-number-stepper input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.mobile-number-stepper input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.mobile-number-stepper-btn{color:#0f172a;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#f8fafc;border:0;border-right:1px solid #e2e8f0;flex:0 0 2.75rem;min-width:2.75rem;min-height:2.5rem;margin:0;font-size:1.25rem;font-weight:600;line-height:1}.mobile-number-stepper-btn:last-child{border-left:1px solid #e2e8f0;border-right:0}.mobile-number-stepper-btn:disabled{opacity:.35;cursor:default}@media (hover:hover){.mobile-number-stepper-btn:not(:disabled):hover{background:#e2e8f0}}.mobile-number-stepper-btn:not(:disabled):active{background:#cbd5e1}.mobile-editor-page--phone .mobile-number-stepper-btn{flex-basis:3rem;min-width:3rem;min-height:2.75rem;font-size:1.35rem}.mobile-editor-page--phone .wysiwyg-align-group button{width:2.4rem;min-width:2.4rem;height:2.4rem}.wysiwyg-text-icon{letter-spacing:.02em;font-family:Georgia,Times New Roman,serif;font-size:.72rem;font-weight:700;line-height:1}.mobile-props-form textarea{min-height:72px}.mobile-section-anchor-field{flex-direction:column;gap:.4rem;display:flex}.mobile-section-anchor-label{font-size:.82rem;font-weight:500}.mobile-section-anchor-list{flex-direction:column;gap:.35rem;max-height:220px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.mobile-section-anchor-item{text-align:left;border:1px solid var(--color-border);background:var(--color-bg);cursor:pointer;width:100%;color:var(--color-text);border-radius:8px;align-items:flex-start;gap:.55rem;padding:.45rem .55rem;display:flex}.mobile-section-anchor-item:hover{background:#f0f9ff;border-color:#7dd3fc}.mobile-section-anchor-item.is-active{background:#e0f2fe;border-color:#0ea5e9;box-shadow:inset 0 0 0 1px #bae6fd}.mobile-section-anchor-index{color:#334155;background:#e2e8f0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:1.45rem;height:1.45rem;margin-top:.1rem;font-size:.72rem;font-weight:700;line-height:1;display:inline-flex}.mobile-section-anchor-item.is-active .mobile-section-anchor-index{color:#fff;background:#0284c7}.mobile-section-anchor-copy{flex-direction:column;gap:.12rem;min-width:0;display:flex}.mobile-section-anchor-copy strong{white-space:nowrap;text-overflow:ellipsis;font-size:.84rem;font-weight:600;line-height:1.25;overflow:hidden}.mobile-section-anchor-copy small{color:var(--color-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.74rem;line-height:1.3;overflow:hidden}.error-text{color:var(--color-danger);font-size:.75rem}.mobile-public-view{justify-content:center;display:flex}.mobile-public-view--fullscreen{width:100%;min-height:100dvh}.mobile-public-view--fullscreen .mobile-runtime-root{width:100%;min-height:100dvh;overflow:visible}.mobile-live-preview-overlay{z-index:5300;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172ae0;flex-direction:column;display:flex;position:fixed;inset:0}.mobile-live-preview-overlay.is-phone-public{-webkit-backdrop-filter:none;backdrop-filter:none;-webkit-overflow-scrolling:touch;background:#fff;overflow:auto}.mobile-live-preview-close-fab{top:max(.65rem, env(safe-area-inset-top,0px));right:max(.65rem, env(safe-area-inset-right,0px));z-index:5310;color:#334155;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffffeb;border:1px solid #0f172a1f;border-radius:999px;place-items:center;width:2.5rem;height:2.5rem;font-size:1rem;line-height:1;display:grid;position:fixed;box-shadow:0 8px 24px #0f172a2e}@media (hover:hover){.mobile-live-preview-close-fab:hover{color:#0f172a;background:#fff}}.mobile-live-preview-close-fab:active{background:#f1f5f9}.mobile-live-preview-toolbar{padding:max(.75rem, env(safe-area-inset-top,0px)) 1rem .75rem;color:#e2e8f0;background:#0f172aeb;border-bottom:1px solid #94a3b840;flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.mobile-live-preview-toolbar-copy{flex-direction:column;gap:.1rem;min-width:0;display:flex}.mobile-live-preview-toolbar-copy strong{font-size:.95rem}.mobile-live-preview-toolbar-copy span{color:#94a3b8;font-size:.78rem}.mobile-live-preview-stage{min-height:0;padding:1.5rem 1rem max(1.5rem, env(safe-area-inset-bottom,0px));flex:1;justify-content:center;align-items:flex-start;display:flex;overflow:auto}.mobile-device-frame.is-live-preview{width:min(100%, calc(var(--mobile-viewport-width,393px) + 24px));flex-shrink:0}.mobile-device-frame.is-live-preview .mobile-runtime-root{height:var(--mobile-viewport-height,852px);min-height:var(--mobile-viewport-height,852px);max-height:var(--mobile-viewport-height,852px);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-top:22px;padding-bottom:28px;scroll-padding-top:12px;overflow:hidden auto}.mobile-editor-header-actions .btn-primary{white-space:nowrap;height:2rem;padding:.2rem .75rem;font-size:.8rem}@media (width<=1180px){.mobile-editor-page:not(.mobile-editor-page--phone){height:auto;max-height:none;overflow:visible}.mobile-editor-page:not(.mobile-editor-page--phone) .mobile-editor-main{overflow:visible}.mobile-editor-page:not(.mobile-editor-page--phone) .mobile-editor-layout{grid-template-columns:1fr;min-height:auto;overflow:visible}.mobile-editor-page:not(.mobile-editor-page--phone) .mobile-editor-sidebar,.mobile-editor-page:not(.mobile-editor-page--phone) .mobile-editor-canvas-wrap,.mobile-editor-page:not(.mobile-editor-page--phone) .mobile-editor-properties{max-height:min(70vh,640px)}}.mobile-editor-phone-status,.mobile-editor-sheet-grab,.mobile-editor-sheet-header .mobile-editor-sheet-close,.mobile-editor-phone-dock,.mobile-editor-phone-backdrop,.mobile-editor-more-sheet{display:none}.mobile-editor-page--phone .app-layout{display:none!important}.mobile-editor-page--phone .app-header{display:none}.mobile-editor-page--phone{height:100svh;max-height:100svh}.mobile-editor-page--phone .mobile-editor-main{padding:0;padding-bottom:calc(3.75rem + env(safe-area-inset-bottom,0px));overflow:hidden}.mobile-editor-page--phone .mobile-editor-header{padding-top:max(.45rem, env(safe-area-inset-top,0px));border-bottom:1px solid var(--color-border);background:var(--color-surface);align-items:flex-end;gap:.5rem;margin:0;padding-bottom:.45rem;padding-left:.75rem;padding-right:.75rem}.mobile-editor-page--phone .mobile-editor-header h1{display:none}.mobile-editor-page--phone .mobile-editor-header-actions{flex:auto;width:100%;overflow:visible}.mobile-editor-page--phone .mobile-editor-desktop-only{display:none!important}.mobile-editor-phone-title-field{display:none}.mobile-editor-page--phone .mobile-editor-phone-title-field{flex-direction:column;flex:auto;gap:.15rem;min-width:0;max-width:none;display:flex}.mobile-editor-page--phone .mobile-editor-phone-title-label{letter-spacing:.04em;text-transform:uppercase;color:var(--color-muted);font-size:.65rem;font-weight:600;line-height:1}.mobile-editor-page--phone .mobile-editor-phone-title-field input{box-sizing:border-box;color:#0f172a;appearance:none;background:#fff;border:1px solid #cbd5e1;border-radius:10px;width:100%;min-width:0;max-width:100%;height:2.15rem;padding:.3rem .65rem;font-size:.9rem;font-weight:600;line-height:1.2}.mobile-editor-page--phone .mobile-editor-phone-title-field input:focus{outline-offset:1px;border-color:#60a5fa;outline:2px solid #93c5fd}.mobile-editor-page--phone .mobile-editor-phone-title-field input:disabled{opacity:.65}.mobile-editor-page--phone .mobile-editor-phone-status{max-width:none;text-overflow:unset;white-space:nowrap;color:var(--color-muted);flex:none;font-size:.72rem;display:inline-block;overflow:visible}.mobile-editor-page--phone .mobile-editor-layout{flex:1;min-height:0;display:block;position:relative;overflow:hidden}.mobile-editor-page--phone .mobile-editor-canvas-wrap{background:var(--color-bg,#f8fafc);-webkit-overflow-scrolling:touch;border:0;border-radius:0;height:100%;max-height:none;padding:0;overflow:auto}.mobile-editor-page--phone .mobile-device-frame.is-editor.is-native-phone{width:100%;max-width:none;height:100%;min-height:100%;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.mobile-editor-page--phone .mobile-device-frame.is-native-phone .mobile-runtime-root{min-height:100%;padding:1.25rem 14px calc(1rem + env(safe-area-inset-bottom,0px));border-radius:0}.mobile-editor-page--phone .mobile-editor-sidebar,.mobile-editor-page--phone .mobile-editor-properties,.mobile-editor-page--phone .mobile-editor-more-sheet{z-index:5100;max-height:min(78dvh,640px);padding:.35rem .85rem calc(.85rem + env(safe-area-inset-bottom,0px));background:var(--color-surface);border:0;border-radius:18px 18px 0 0;flex-direction:column;margin:0;transition:transform .24s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden;transform:translateY(110%);box-shadow:0 -12px 40px #0f172a38}.mobile-editor-page--phone .mobile-editor-sidebar.is-phone-sheet-open,.mobile-editor-page--phone .mobile-editor-properties.is-phone-sheet-open,.mobile-editor-page--phone .mobile-editor-more-sheet.is-phone-sheet-open{transform:translateY(0)}.mobile-editor-page--phone .mobile-editor-sheet-grab{background:#cbd5e1;border-radius:999px;flex-shrink:0;width:42px;height:4px;margin:.35rem auto .5rem;display:block}.mobile-editor-page--phone .mobile-editor-sheet-header{flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.mobile-editor-page--phone .mobile-editor-sheet-header h3{margin:0;font-size:1rem}.mobile-editor-page--phone .mobile-editor-sheet-close{color:#334155;cursor:pointer;background:#f1f5f9;border:0;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;display:inline-flex}.mobile-editor-page--phone .mobile-component-library,.mobile-editor-page--phone .mobile-editor-props-pane,.mobile-editor-page--phone .mobile-editor-more-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-y:auto}.mobile-editor-page--phone .mobile-component-library{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:0;padding:0 0 .5rem;list-style:none;display:grid}.mobile-editor-page--phone .mobile-component-library li{margin:0}.mobile-editor-page--phone .mobile-component-library button{justify-content:flex-start;width:100%;min-height:44px}.mobile-editor-page--phone .mobile-editor-more-body{flex-direction:column;gap:.75rem;display:flex}.mobile-editor-page--phone .mobile-editor-more-body label{color:var(--color-muted);flex-direction:column;gap:.35rem;font-size:.85rem;display:flex}.mobile-editor-page--phone .mobile-editor-more-body input,.mobile-editor-page--phone .mobile-editor-more-body select{border:1px solid #cbd5e1;border-radius:10px;height:2.4rem;padding:.35rem .65rem;font-size:1rem}.mobile-editor-page--phone .mobile-props-form{gap:.65rem;padding-bottom:1rem}.mobile-editor-page--phone .mobile-props-form label,.mobile-editor-page--phone .mobile-props-form .mobile-props-field{gap:.35rem;font-size:.88rem}.mobile-editor-page--phone .mobile-props-form input:not([type=color]):not([type=range]):not([type=checkbox]):not([type=radio]),.mobile-editor-page--phone .mobile-props-form select,.mobile-editor-page--phone .mobile-props-form textarea{box-sizing:border-box;appearance:none;width:100%;max-width:100%;min-height:2.5rem;padding:.45rem .7rem;font-size:1rem;line-height:1.25}.mobile-editor-page--phone .mobile-props-form select{background-color:#fff;background-image:linear-gradient(45deg,#0000 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,#0000 50%);background-position:calc(100% - 14px) calc(50% - 1px),calc(100% - 9px) calc(50% - 1px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:2rem}.mobile-editor-page--phone .mobile-props-form textarea{min-height:5.5rem}.mobile-editor-page--phone .mobile-props-form h4{margin:.35rem 0 0;font-size:.92rem}.mobile-editor-page--phone .allergen-tags-field{gap:.55rem}.mobile-editor-page--phone .allergen-tags{gap:.45rem}.mobile-editor-page--phone .allergen-tags button{min-height:2.4rem;padding:.5rem .8rem;font-size:.88rem}.mobile-editor-page--phone .allergen-tag-custom{min-height:2.4rem;padding:.3rem .3rem .3rem .75rem;font-size:.88rem}.mobile-editor-page--phone .allergen-tag-remove{width:2.15rem;height:2.15rem;font-size:.9rem}.mobile-editor-page--phone .allergen-add-row{gap:.5rem}.mobile-editor-page--phone .allergen-add-row input{appearance:none;min-height:2.5rem;padding:.45rem .7rem;font-size:1rem;line-height:1.25}.mobile-editor-page--phone .allergen-add-btn{min-height:2.5rem;padding:0 .95rem;font-size:.95rem}.mobile-editor-page--phone .mobile-editor-props-pane{padding-bottom:calc(.5rem + env(safe-area-inset-bottom,0px))}.mobile-editor-page--phone .mobile-editor-phone-backdrop{z-index:5050;cursor:pointer;background:#0f172a6b;border:0;display:block;position:fixed;inset:0}.mobile-editor-page--phone .mobile-editor-phone-dock,.mobile-editor-phone-dock.is-portal{z-index:5000;padding:.35rem .4rem calc(.5rem + env(safe-area-inset-bottom,0px));border-top:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;grid-template-columns:repeat(4,1fr);gap:.15rem;display:grid;position:fixed;bottom:0;left:0;right:0;transform:translateZ(0);box-shadow:0 -4px 20px #0f172a1f}.mobile-editor-page--phone .mobile-editor-phone-dock button,.mobile-editor-phone-dock.is-portal button{color:#475569;cursor:pointer;background:0 0;border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;min-height:3.1rem;font-size:.68rem;font-weight:600;display:flex}.mobile-editor-page--phone .mobile-editor-phone-dock button span,.mobile-editor-phone-dock.is-portal button span{font-size:1.15rem;line-height:1}.mobile-editor-page--phone .mobile-editor-phone-dock button.is-active,.mobile-editor-phone-dock.is-portal button.is-active{color:#1d4ed8;background:#eff6ff}@keyframes mobile-lottie-placeholder{0%{opacity:.92;transform:translateY(0)}to{opacity:1;transform:translateY(-6px)}}@keyframes mobile-parallax-preview{0%{transform:translateY(0)}50%{transform:translateY(calc(-10px * var(--mobile-intensity,1)))}to{transform:translateY(0)}}