*,: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;--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{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-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:36ch;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: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-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-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;padding:.75rem 1.5rem;display:flex}.app-header nav,.app-nav{align-items:center;gap:1rem;display:flex}.user-email{color:var(--color-muted);font-size:.875rem}.dashboard-main,.templates-main{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.dashboard-actions{gap:.75rem;display:flex}.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-link{color:inherit;padding:1rem;text-decoration:none;display:block}.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;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{padding:1rem}.template-card .btn-primary{width:100%;margin-top:.75rem}.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);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:1;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}.toolbar{background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:1rem;padding:.5rem 1rem;display:flex}.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 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-right{margin-left:auto}.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 .15s 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;display:grid;overflow:hidden}.editor-sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);padding:1rem;overflow-y:auto}.editor-sidebar.right{border-right:none;border-left:1px solid var(--color-border)}.editor-canvas-area{place-items:center;padding:2rem;display:grid;overflow:auto}.editor-canvas-wrap{background:#fff;line-height:0;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);width:100%;position:relative;overflow:hidden}.canvas-container{box-shadow:none;background:0 0}.layers-panel h3,.properties-panel h3{text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted);margin-top:0;font-size:.9rem}.panel-empty,.panel-hint{color:var(--color-muted);font-size:.85rem}.layers-list{margin:0;padding:0;list-style:none}.layer-item{border:1px solid var(--color-border);border-radius:var(--radius);margin-bottom:.5rem;overflow:hidden}.layer-item.active{border-color:var(--color-primary)}.layer-name{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:.5rem;font-size:.85rem;display:block}.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)}.properties-panel label{flex-direction:column;gap:.25rem;margin-bottom:.75rem;font-size:.8rem;font-weight:500;display:flex}.properties-panel input,.properties-panel select,.properties-panel textarea{border:1px solid var(--color-border);border-radius:4px;padding:.4rem}.stock-modal-overlay{z-index:1000;background:#00000080;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.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);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{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{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;padding:0 1.25rem 1rem;display:grid;overflow-y:auto}.stock-item{border-radius:var(--radius);cursor:pointer;background:var(--color-bg);aspect-ratio:1;border:2px solid #0000;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{margin:0 1.25rem 1rem}.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}.qr-modal-body{text-align:center;padding:1.25rem}.qr-preview{justify-content:center;margin-bottom:1rem;display:flex}.qr-link{word-break:break-all;font-size:.85rem}.qr-actions{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:1rem 0;display:flex}.qr-empty{padding:1rem 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}.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-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;touch-action:pan-y pinch-zoom;background:#e8e8e8;min-height:100dvh;overflow-y:auto}.public-menu-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);align-items:center;gap:1.5rem;padding:.75rem 1.5rem;display:flex}.public-menu-header h1{margin:0;font-size:1.1rem;font-weight:600}.public-menu-main{touch-action:pan-y pinch-zoom;flex-direction:column;align-items:center;width:100%;padding:1.5rem 1rem 3rem;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{color:var(--color-muted);letter-spacing:.02em;font-size:.8rem;font-weight:600}.page-label-active{color:var(--color-primary)}.page-canvas{transition:box-shadow .15s,outline .15s}.page-canvas--active{outline:2px solid var(--color-primary);outline-offset:4px}.public-pages-stack{flex-direction:column;align-items:center;gap:1.25rem;width:100%;max-width:640px;display:flex}.public-page-block{flex-direction:column;align-items:center;gap:.5rem;width:100%;display:flex}.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{position:relative}.public-canvas{width:100%;max-width:min(595px,100%)}.public-page-frame{width:100%;max-width:min(595px,100%);line-height:0;position:relative;overflow:hidden}.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:cover;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);cursor:pointer;margin-left:auto;padding:.45rem .75rem;font-weight:600;display:inline-flex}.app-nav{flex-direction:column;align-items:stretch;gap:.5rem;width:100%;padding-top:.5rem;display:none}.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}.menu-grid,.template-grid{grid-template-columns:1fr}.editor-page{height:100dvh;max-height:100dvh}.editor-header{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}.toolbar{-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex-wrap:nowrap;gap:.75rem;padding:.5rem .65rem;overflow-x:auto}.toolbar-group{flex-shrink:0}.toolbar button,.toolbar .btn-file{min-width:40px;min-height:40px;padding:.4rem .65rem}.toolbar-right{margin-left:0}.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;border:none;display:none;overflow-y:auto}.editor-workspace--layers .editor-sidebar.left,.editor-workspace--props .editor-sidebar.right,.editor-workspace--canvas .editor-canvas-area{display:block}.editor-workspace--layers .editor-canvas-area,.editor-workspace--props .editor-canvas-area{visibility:hidden;pointer-events:none}.editor-canvas-area{-webkit-overflow-scrolling:touch;place-items:start center;padding:.75rem .5rem 1rem;overflow:auto}.pages-stack{align-items:center;gap:1rem;width:max-content;min-width:100%}.page-block{width:auto}.editor-canvas-wrap{width:595px;max-width:none}.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:.75rem .5rem 1.5rem}.public-pages-stack{gap:.75rem}.public-canvas.editor-canvas-wrap{width:100%;max-width:100%}}@media (width>=901px){.app-nav-toggle,.editor-mobile-nav{display:none}}