@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:500;src:url(./plus-jakarta-sans-latin-500-normal-Bf-nb4oT.woff2)format("woff2"),url(./plus-jakarta-sans-latin-500-normal-DYtqi0QS.woff)format("woff")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./plus-jakarta-sans-latin-600-normal-DLTa1BUW.woff2)format("woff2"),url(./plus-jakarta-sans-latin-600-normal-BR_Ojra4.woff)format("woff")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:700;src:url(./plus-jakarta-sans-latin-700-normal-CfpNZvy6.woff2)format("woff2"),url(./plus-jakarta-sans-latin-700-normal-DqEcQeE5.woff)format("woff")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:800;src:url(./plus-jakarta-sans-latin-800-normal-CusIZhrK.woff2)format("woff2"),url(./plus-jakarta-sans-latin-800-normal-BRNHt2w0.woff)format("woff")}:root{--navy-950:#030d20;--navy-900:#001139;--navy-800:#001b44;--navy-700:#0d2d63;--gold-600:#bd821f;--gold-500:#d5982f;--gold-400:#e5ae49;--gold-100:#fbf3e2;--surface-bg:#eef2f9;--card-bg:#fff;--text-main:#0b1930;--text-muted:#4b5b76;--border-subtle:#dbe3f0;--success-bg:#ecfdf5;--success-border:#a7f3d0;--success-text:#065f46;--error-bg:#fef2f2;--error-border:#fecaca;--error-text:#991b1b;--shadow-card:0 12px 32px -10px #001b441f, 0 3px 10px -2px #0011390f;--shadow-flyer:0 18px 40px -12px #0014383d, 0 4px 12px #00113914;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*,:before,:after{box-sizing:border-box}html,body{width:100%;min-height:100%;font-family:var(--font-sans);background:radial-gradient(circle at 50% 0%, #f9fbff 0%, var(--surface-bg) 75%);color:var(--text-main);-webkit-font-smoothing:antialiased;margin:0;padding:0;overflow-x:hidden}button,input{font-family:inherit}.sr-only-input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.slim-topbar{background:linear-gradient(90deg, var(--navy-950) 0%, var(--navy-800) 100%);color:#fff;border-bottom:2px solid var(--gold-500);flex-shrink:0;align-items:center;height:46px;padding:0 .85rem;display:flex}.slim-topbar-inner{justify-content:space-between;align-items:center;gap:.5rem;width:100%;max-width:1080px;margin:0 auto;display:flex}.topbar-brand{align-items:center;gap:.45rem;min-width:0;display:flex}.brand-dot{background:var(--gold-400);border-radius:50%;flex-shrink:0;width:8px;height:8px}.topbar-title{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.85rem;font-weight:800;overflow:hidden}.gold-highlight{color:var(--gold-400)}.topbar-meta{flex-shrink:0;align-items:center;gap:.4rem;display:none}@media (width>=520px){.topbar-meta{display:flex}}.topbar-chip{color:#ffffffeb;white-space:nowrap;background:#ffffff1a;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:.7rem;font-weight:700;display:inline-flex}.topbar-chip svg{color:var(--gold-400)}.desktop-only-chip,.desktop-intro-block,.desktop-steps-bar,.desktop-only-block{display:none}.desktop-only-flex{display:none!important}.main-workspace{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.55rem;width:100%;max-width:1080px;margin:0 auto;padding:.5rem .75rem .65rem;display:flex}.flyer-column{justify-content:center;width:100%;display:flex}.preview-card{background:var(--card-bg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);border-radius:16px;flex-direction:column;align-items:center;max-width:100%;padding:.5rem .6rem .6rem;display:inline-flex}.preview-card-topbar{justify-content:space-between;align-items:center;gap:.45rem;width:100%;margin-bottom:.42rem;display:flex}.preview-status-badge{background:var(--gold-100);color:#7c510a;white-space:nowrap;border-radius:999px;align-items:center;gap:.3rem;padding:.22rem .52rem;font-size:.7rem;font-weight:700;display:inline-flex}.preview-status-badge[data-personalized=true]{background:var(--success-bg);color:var(--success-text);border:1px solid var(--success-border)}.topbar-upload-pill{color:var(--navy-800);cursor:pointer;white-space:nowrap;background:#eff4fc;border:1px solid #001b4429;border-radius:999px;align-items:center;gap:.3rem;padding:.22rem .56rem;font-size:.69rem;font-weight:700;transition:background-color .14s;display:inline-flex}.topbar-upload-pill:hover{background:#e1ebf9}.hd-res-pill{color:var(--text-muted);white-space:nowrap;background:#edf1f8;border-radius:999px;padding:.22rem .55rem;font-size:.68rem;font-weight:700}.preview-frame-stage{justify-content:center;align-items:center;width:100%;display:flex}.preview-frame-wrapper{aspect-ratio:1024/1536;height:min(100dvh - 208px,150vw - 4.125rem);min-height:270px;box-shadow:var(--shadow-flyer);background:#eef2f8;border-radius:10px;position:relative;overflow:hidden}.preview-card[data-personalized=true] .preview-frame-wrapper{height:min(100dvh - 246px,150vw - 4.125rem)}.canvas-stage{width:100%;height:100%}.canvas-stage.clickable-stage{cursor:pointer;transition:filter .16s}.canvas-stage.clickable-stage:hover{filter:brightness(.985)}.flyer-canvas{object-fit:contain;width:100%;height:100%;display:block}.preview-skeleton,.preview-error{text-align:center;color:var(--text-muted);background:#f8fafd;flex-direction:column;justify-content:center;align-items:center;gap:.65rem;padding:1.25rem;font-size:.85rem;display:flex;position:absolute;inset:0}.preview-error{color:var(--error-text)}.spinner{border:3px solid #dbe3f0;border-top-color:var(--navy-800);border-radius:50%;width:28px;height:28px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.controls-column{flex-direction:column;gap:.45rem;width:100%;max-width:400px;display:flex}.alert-banner{border-radius:10px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.78rem;font-weight:600;line-height:1.35;display:flex}.alert-icon{flex-shrink:0}.alert-error{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-text)}.alert-success{background:var(--success-bg);border:1px solid var(--success-border);color:var(--success-text)}.action-card{background:var(--card-bg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);border-radius:14px;padding:.65rem .75rem}.upload-dropzone{text-align:center;cursor:pointer}.btn-hero-upload,.btn-hero-download{cursor:pointer;border:none;border-radius:11px;justify-content:center;align-items:center;gap:.5rem;width:100%;min-height:48px;font-size:.96rem;font-weight:800;transition:transform .12s,box-shadow .16s;display:inline-flex}.btn-hero-upload{background:linear-gradient(135deg, var(--navy-800) 0%, var(--navy-700) 100%);color:#fff;box-shadow:0 8px 18px -6px #001b4473}.btn-hero-upload:hover:not(:disabled){transform:translateY(-1px)}.btn-hero-download{color:#fff;text-shadow:0 1px 1px #00000024;background:linear-gradient(135deg,#df9f31 0%,#c48318 100%);flex:1;box-shadow:0 8px 20px -6px #c4831880}.btn-hero-download:hover:not(:disabled){transform:translateY(-1px)}.btn-hero-upload:disabled,.btn-hero-download:disabled{opacity:.65;cursor:not-allowed}.upload-formats-note{color:var(--text-muted);margin-top:.42rem;font-size:.71rem;font-weight:600;display:block}.primary-export-stack{gap:.5rem;display:flex}.btn-share-secondary{border:1.5px solid var(--navy-800);min-height:48px;color:var(--navy-800);cursor:pointer;white-space:nowrap;background:#f6f9ff;border-radius:11px;justify-content:center;align-items:center;gap:.38rem;padding:0 .9rem;font-size:.86rem;font-weight:700;display:inline-flex}.fallback-save-row{color:var(--text-muted);background:#f5f8fd;border-radius:8px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;margin-top:.45rem;padding:.38rem .6rem;font-size:.73rem;display:flex}.fallback-save-link{color:var(--navy-800);align-items:center;gap:.25rem;font-weight:700;text-decoration:underline;display:inline-flex}.secondary-photo-actions{grid-template-columns:1fr 1fr auto;gap:.4rem;margin-top:.5rem;display:grid}.btn-edit-action,.btn-reset-action{white-space:nowrap;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:.32rem;min-height:36px;padding:0 .55rem;font-size:.76rem;font-weight:700;transition:background-color .14s;display:inline-flex}.btn-edit-action{color:var(--navy-800);background:#f5f8fc;border:1px solid #cfd9ea}.btn-edit-action:hover:not(:disabled){background:#eaf0fa}.btn-reset-action{color:var(--text-muted);background:0 0;border:1px solid #0000}.btn-reset-action:hover:not(:disabled){color:var(--error-text);background:#fef2f2}@keyframes modalOpacityFade{0%{opacity:0}to{opacity:1}}.crop-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#020a1ad1;justify-content:center;align-items:stretch;animation:.15s ease-out modalOpacityFade;display:flex;position:fixed;inset:0}.crop-modal-dialog{background:#fff;flex-direction:column;width:100%;height:100dvh;display:flex;overflow:hidden}.crop-modal-header{background:var(--navy-900);color:#fff;border-bottom:2px solid var(--gold-500);flex-shrink:0;justify-content:space-between;align-items:center;gap:.65rem;padding:.75rem .9rem;display:flex}.crop-modal-heading h2{margin:0;font-size:.98rem;font-weight:800}.crop-modal-subtitle{color:#ffffffc2;margin:.15rem 0 0;font-size:.74rem;display:none}.crop-modal-header-right{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.mobile-crop-tabs{background:#ffffff1f;border-radius:999px;padding:3px;display:inline-flex}.mobile-tab-btn{color:#fffc;cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:.3rem;padding:.32rem .65rem;font-size:.74rem;font-weight:700;display:inline-flex}.mobile-tab-btn.active{background:var(--gold-500);color:var(--navy-950)}.modal-icon-close{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.crop-modal-body{background:#f5f7fb;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.crop-editor-column{flex-direction:column;flex:1;min-height:0;display:flex}.hidden-on-mobile{display:none!important}.cropper-stage-container{background:#040d21;flex:1;width:100%;min-height:220px;position:relative;overflow:hidden}.semicircle-mask-overlay{pointer-events:none;z-index:5;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.semicircle-mask-svg{display:block;overflow:visible}.edge-indicator-pill{color:#ffffffe6;letter-spacing:.02em;background:#001139c7;border:1px solid #ffffff38;border-radius:999px;padding:2px 7px;font-size:.64rem;font-weight:700;position:absolute;bottom:8px;right:6px}.mobile-floating-preview{z-index:8;cursor:pointer;background:#030d20e6;border:1.5px solid #d5982fd9;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:3px;display:flex;position:absolute;top:10px;left:10px;box-shadow:0 8px 20px #00000073}.mobile-mini-canvas{border-radius:6px;width:60px;height:90px;display:block}.mini-preview-badge{color:#f9d48d;align-items:center;gap:3px;padding:1px 4px;font-size:.6rem;font-weight:800;display:inline-flex}.crop-controls-panel{border-top:1px solid var(--border-subtle);background:#fff;flex-direction:column;flex-shrink:0;gap:.55rem;padding:.7rem .95rem;display:flex}.control-row{flex-direction:column;gap:.25rem;display:flex}.control-label{color:var(--navy-800);justify-content:space-between;align-items:center;font-size:.78rem;font-weight:700;display:flex}.control-value{font-variant-numeric:tabular-nums;color:var(--text-muted);text-align:right;min-width:38px;font-size:.75rem}.quick-rotate-group{align-items:center;gap:.35rem;display:inline-flex}.quick-rotate-btn{color:var(--navy-800);cursor:pointer;background:#f5f8fc;border:1px solid #cfd9ea;border-radius:6px;align-items:center;gap:.22rem;padding:.18rem .45rem;font-size:.72rem;font-weight:700;display:inline-flex}.quick-rotate-btn:hover{background:#e8eef8}.slider-input-group{align-items:center;gap:.55rem;display:flex}.step-icon-btn{width:32px;height:32px;color:var(--navy-800);cursor:pointer;background:#f7f9fc;border:1px solid #d3ddec;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.step-icon-btn:disabled{opacity:.4;cursor:not-allowed}.BrandSlider{appearance:none;background:#dce4f2;border-radius:999px;outline:none;flex:1;height:6px;margin:8px 0}.BrandSlider::-webkit-slider-thumb{appearance:none;background:var(--navy-800);border:2.5px solid var(--gold-400);cursor:pointer;border-radius:50%;width:22px;height:22px;box-shadow:0 2px 6px #00113959}.BrandSlider::-moz-range-thumb{background:var(--navy-800);border:2.5px solid var(--gold-400);cursor:pointer;border-radius:50%;width:22px;height:22px;box-shadow:0 2px 6px #00113959}.live-flyer-sidebar{background:#eef2f9;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;padding:.85rem;display:flex;overflow-y:auto}.live-sidebar-header{color:var(--navy-800);align-items:center;gap:.4rem;margin-bottom:.6rem;font-size:.78rem;font-weight:800;display:inline-flex}.live-dot{background:#10b981;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #10b98133}.live-sidebar-canvas-wrap{aspect-ratio:1024/1536;max-height:calc(100dvh - 210px);box-shadow:var(--shadow-flyer);background:#fff;border-radius:10px;display:flex;overflow:hidden}.live-preview-canvas{object-fit:contain;width:100%;height:100%;display:block}.desktop-only-canvas{display:none}.mobile-only-canvas{display:block}.live-sidebar-caption{color:var(--text-muted);text-align:center;margin:.55rem 0 0;font-size:.73rem}.crop-modal-footer{border-top:1px solid var(--border-subtle);background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;padding:.7rem .9rem;display:flex}.btn-ghost-reset{min-height:42px;color:var(--text-muted);white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:.3rem;padding:0 .55rem;font-size:.8rem;font-weight:700;display:inline-flex}.btn-ghost-reset:hover:not(:disabled){color:var(--navy-800);background:#f1f5fb}.btn-ghost-reset:disabled{opacity:.4;cursor:not-allowed}.crop-modal-footer-primary{align-items:center;gap:.45rem;display:flex}.btn-secondary-modal{min-height:44px;color:var(--text-main);white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #cfd9ea;border-radius:10px;padding:0 .82rem;font-size:.84rem;font-weight:700}.btn-primary-confirm{background:linear-gradient(135deg, var(--gold-500) 0%, var(--gold-600) 100%);color:#fff;white-space:nowrap;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.35rem;min-height:44px;padding:0 .95rem;font-size:.84rem;font-weight:800;display:inline-flex;box-shadow:0 6px 16px -4px #bd821f80}.btn-primary-confirm:disabled{opacity:.55;cursor:not-allowed}@media (width>=860px){.slim-topbar{height:54px;padding:0 1.5rem}.topbar-title{font-size:1rem}.desktop-only-chip{display:inline-flex}.desktop-intro-block,.desktop-only-block{display:block}.desktop-only-flex{display:flex!important}.desktop-steps-bar{grid-template-columns:repeat(3,1fr);gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.step-pill{color:var(--text-muted);text-align:center;background:#e6ecf6;border-radius:10px;justify-content:center;align-items:center;gap:.36rem;padding:.42rem .4rem;font-size:.74rem;font-weight:700;display:flex}.step-pill.current{background:var(--navy-800);color:#fff}.step-pill.completed{color:#0b5d40;background:#e1f5ec}.step-num{background:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:.68rem;display:inline-flex}.step-pill:not(.current) .step-num{background:#001b441a}.main-workspace{grid-template-columns:auto minmax(380px,450px);justify-content:center;align-items:center;gap:2.5rem;min-height:calc(100dvh - 54px);padding:1rem 2rem;display:grid}.preview-card{border-radius:18px;padding:.7rem .8rem .8rem}.preview-frame-wrapper,.preview-card[data-personalized=true] .preview-frame-wrapper{width:auto;height:min(100dvh - 152px,680px)}.controls-column{gap:.85rem;max-width:450px}.desktop-intro-block{margin-bottom:.15rem}.intro-eyebrow{color:var(--gold-600);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.35rem;margin-bottom:.35rem;font-size:.76rem;font-weight:800;display:inline-flex}.intro-heading{letter-spacing:-.02em;color:var(--navy-800);margin:0 0 .4rem;font-size:1.55rem;font-weight:800;line-height:1.18}.intro-subtext{color:var(--text-muted);margin:0;font-size:.9rem;line-height:1.5}.action-card{border-radius:18px;padding:1.25rem}.upload-dropzone{background:linear-gradient(#fafcff 0%,#f3f7fd 100%);border:2px dashed #c5d2e8;border-radius:14px;padding:1.4rem 1.1rem;transition:border-color .16s,background-color .16s}.upload-dropzone:hover,.upload-dropzone.dragging{border-color:var(--gold-500);background:#fffcf5}.upload-icon-circle{background:linear-gradient(135deg, var(--navy-800) 0%, var(--navy-700) 100%);width:54px;height:54px;color:var(--gold-400);border-radius:50%;justify-content:center;align-items:center;margin:0 auto .75rem;box-shadow:0 8px 20px -4px #001b444d}.upload-description{color:var(--text-muted);max-width:340px;margin:0 auto 1rem;font-size:.86rem;line-height:1.45}.btn-hero-upload,.btn-hero-download{min-height:52px;font-size:1rem}.secondary-photo-actions{border-top:1px solid var(--border-subtle);grid-template-columns:1fr 1fr;gap:.55rem;margin-top:.85rem;padding-top:.85rem}.btn-edit-action{min-height:42px;font-size:.84rem}.btn-reset-action{grid-column:1/-1;min-height:36px;font-size:.82rem}.crop-modal-backdrop{align-items:center;padding:1.25rem}.crop-modal-dialog{border-radius:20px;max-width:940px;height:min(760px,90dvh);box-shadow:0 28px 70px #00000080}.crop-modal-header{padding:.95rem 1.25rem}.crop-modal-subtitle{display:block}.mobile-crop-tabs,.mobile-floating-preview{display:none!important}.hidden-on-mobile{display:flex!important}.crop-modal-body{flex-direction:row}.crop-editor-column{border-right:1px solid var(--border-subtle);flex:1.35}.live-flyer-sidebar{flex:.95;max-width:360px;padding:1.15rem}.live-sidebar-canvas-wrap{width:100%;max-width:280px;max-height:calc(90dvh - 210px)}.desktop-only-canvas{display:block}.mobile-only-canvas{display:none}.crop-modal-footer{padding:.85rem 1.25rem}}