@import"https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap";:root{color-scheme:light;--rosewater: hsl(12 90% 85%);--flamingo: hsl(12 90% 75%);--pink: hsl(338 100% 75%);--mauve: hsl(274 95% 56%);--red: hsl(338 85% 55%);--maroon: hsl(338 70% 42%);--peach: hsl(42 95% 60%);--yellow: hsl(38 100% 52%);--green: hsl(167 55% 38%);--teal: hsl(167 65% 38%);--sky: hsl(220 100% 60%);--sapphire: hsl(220 85% 45%);--blue: hsl(256 75% 58%);--lavender: hsl(256 100% 80%);--text: hsl(256 59% 13%);--subtext1: hsl(256 45% 28%);--subtext0: hsl(256 35% 38%);--overlay2: hsl(256 30% 48%);--overlay1: hsl(256 25% 58%);--overlay0: hsl(256 22% 68%);--surface2: hsl(256 28% 78%);--surface1: hsl(256 33% 86%);--surface0: hsl(256 33% 92%);--base: hsl(252 100% 98%);--mantle: hsl(256 60% 96%);--crust: hsl(256 33% 92%);--card: #ffffff;--card-translucent: rgba(255, 255, 255, .8);--bg-mesh: radial-gradient(at 40% 20%, hsl(256 100% 94%) 0px, transparent 50%), radial-gradient(at 80% 0%, hsl(280 70% 95%) 0px, transparent 50%), radial-gradient(at 0% 50%, hsl(220 80% 96%) 0px, transparent 50%), radial-gradient(at 80% 100%, hsl(256 60% 92%) 0px, transparent 50%), hsl(252 100% 98%);--shadow-soft: 0 18px 40px -22px rgba(15, 23, 42, .35);--shadow-card: 0 20px 60px -35px rgba(15, 23, 42, .4);--radius-lg: 20px;--radius-md: 14px}:root[data-theme=dark]{color-scheme:dark;--rosewater: hsl(12 95% 80%);--flamingo: hsl(12 95% 72%);--pink: hsl(338 100% 70%);--mauve: hsl(256 100% 80%);--red: hsl(338 100% 70%);--maroon: hsl(338 80% 55%);--peach: hsl(42 100% 68%);--yellow: hsl(38 100% 65%);--green: hsl(167 52% 65%);--teal: hsl(167 70% 65%);--sky: hsl(220 100% 75%);--sapphire: hsl(220 90% 65%);--blue: hsl(256 100% 75%);--lavender: hsl(256 80% 70%);--text: hsl(256 33% 92%);--subtext1: hsl(256 25% 78%);--subtext0: hsl(256 20% 66%);--overlay2: hsl(256 18% 56%);--overlay1: hsl(256 16% 48%);--overlay0: hsl(256 16% 40%);--surface2: hsl(256 18% 30%);--surface1: hsl(256 20% 22%);--surface0: hsl(256 20% 16%);--base: hsl(256 25% 9%);--mantle: hsl(256 28% 11%);--crust: hsl(256 20% 16%);--card: hsl(256 30% 12%);--card-translucent: hsl(256 30% 12% / .8);--bg-mesh: radial-gradient(at 40% 20%, hsl(256 50% 18%) 0px, transparent 50%), radial-gradient(at 80% 0%, hsl(280 40% 15%) 0px, transparent 50%), radial-gradient(at 0% 50%, hsl(220 50% 14%) 0px, transparent 50%), radial-gradient(at 80% 100%, hsl(256 40% 14%) 0px, transparent 50%), hsl(256 30% 10%);--shadow-soft: 0 18px 40px -22px rgba(0, 0, 0, .6);--shadow-card: 0 20px 60px -35px rgba(0, 0, 0, .65)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Manrope,system-ui,sans-serif;color:var(--text);background:var(--bg-mesh);min-height:100vh;transition:background-color .2s ease,color .2s ease}#root{min-height:100vh}.app{max-width:1200px;margin:0 auto;padding:48px 24px 80px;display:flex;flex-direction:column;gap:40px}.hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.hero-copy{display:flex;flex-direction:column;gap:0;min-width:0}.top-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 22px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--card),var(--mantle));border:1px solid var(--surface0);box-shadow:var(--shadow-soft)}.top-header .subhead{max-width:520px}.header-controls{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:999px;border:1px solid var(--surface1);background:var(--card);color:var(--subtext1);cursor:pointer;transition:color .2s ease,border-color .2s ease,transform .2s ease}.theme-toggle:hover{color:var(--blue);border-color:var(--blue);transform:translateY(-1px)}.mode-select{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--subtext1)}.export-folder-control{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--subtext1)}.export-folder-control .ghost{padding:6px 12px;font-size:.82rem}.export-folder-name{font-weight:600;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.export-folder-name.muted{font-weight:500;font-style:italic;color:var(--overlay1)}.mode-select label{display:grid;gap:6px;font-size:.85rem}.mode-select select,.format-row select{padding:10px 12px;border-radius:12px;border:1px solid var(--surface1);font-family:inherit;font-size:.95rem;background:var(--card);color:var(--text)}.eyebrow{text-transform:uppercase;letter-spacing:.32em;font-size:.7rem;color:var(--overlay1);margin:0 0 12px;font-weight:600}h1{font-family:Manrope,sans-serif;font-weight:800;font-size:clamp(2.2rem,3vw,3.1rem);margin:0 0 12px;color:var(--text)}.subhead{color:var(--subtext1);line-height:1.6;margin:0;max-width:500px}.hero-card,.export-card{background:linear-gradient(150deg,var(--card),var(--mantle));border:1px solid var(--surface0);border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow-card)}.mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.mode-card{background:var(--card);border:1px solid var(--surface1);border-radius:var(--radius-lg);padding:20px;text-align:left;cursor:pointer;display:grid;gap:10px;box-shadow:var(--shadow-soft);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.mode-card h3{margin:0;font-family:Manrope,sans-serif;font-weight:700;font-size:1.1rem}.mode-card p{margin:0;color:var(--subtext1);font-size:.9rem}.mode-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card);border-color:var(--lavender)}.mode-cta{color:var(--blue);font-weight:600;font-size:.9rem}.export-row{display:flex;align-items:center;gap:16px}.label{margin:0 0 8px;font-weight:600;color:var(--subtext1)}.toggle-row{display:flex;gap:12px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid var(--surface1);background:var(--card);font-weight:600;color:var(--subtext0)}input[type=checkbox],input[type=radio],input[type=range]{accent-color:var(--blue)}input[type=text],input[type=number]{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--surface1);font-size:.95rem;font-family:inherit;background:var(--card);color:var(--text)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-actions.inline{align-items:flex-end;justify-content:flex-end}.expand-toggle:disabled{opacity:.5;cursor:not-allowed}.format-row label{display:grid;gap:6px;font-size:.85rem;color:var(--subtext1)}.zip-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.options-row{display:flex;gap:16px;align-items:flex-end;justify-content:space-between;flex-wrap:wrap}button{font-family:Manrope,sans-serif}.primary{background:var(--blue);color:#fff;border:none;padding:12px 20px;border-radius:12px;font-weight:600;cursor:pointer;box-shadow:var(--shadow-soft)}.ghost{border:1px solid var(--surface1);padding:12px 18px;border-radius:12px;background:var(--card);color:var(--text);cursor:pointer}.status{margin:0;color:var(--overlay1);font-size:.9rem}.workspace{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.workspace.single{grid-template-columns:minmax(280px,1.1fr) minmax(240px,.9fr);align-items:start}.drop-pane{border-radius:var(--radius-md);padding:20px;background:var(--card-translucent);display:flex;flex-direction:column;gap:16px;transition:border-color .2s ease,box-shadow .2s ease}.drop-pane.is-dragging{box-shadow:0 0 0 3px color-mix(in srgb,var(--lavender) 18%,transparent)}.drop-pane header h3{margin:0 0 4px;font-family:Manrope,sans-serif;font-weight:700}.drop-pane header p{margin:0;color:var(--overlay1);font-size:.85rem}.drop-zone{position:relative;border-radius:16px;padding:12px;background:var(--base);display:flex;align-items:center;justify-content:center;min-height:280px;overflow:hidden}.drop-zone canvas{border-radius:12px;background:var(--card);border:1px solid var(--surface1)}.drop-zone-hint{position:absolute;bottom:12px;right:16px;font-size:.75rem;color:var(--overlay1)}.pane-actions{display:flex;gap:12px;align-items:center}.file-button{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:12px;background:var(--lavender);color:#fff;font-weight:600;cursor:pointer;border:none}.file-button input{display:none}.crop-row{display:flex;flex-direction:column;gap:12px}.checkbox{display:inline-flex;align-items:center;gap:10px;font-weight:600;color:var(--subtext0)}.crop-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.crop-inputs label{display:grid;gap:6px;font-size:.85rem;color:var(--subtext1)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c0d1466;display:flex;align-items:center;justify-content:center;padding:24px;z-index:50}.modal-content{background:var(--card);border-radius:var(--radius-lg);padding:24px;max-width:980px;width:100%;max-height:90vh;overflow-y:auto;display:grid;gap:18px;box-shadow:var(--shadow-card)}.modal-header{display:flex;align-items:center;justify-content:space-between}.logo-preview{margin-top:12px;display:flex;align-items:center;gap:12px}.logo-preview img{max-height:48px;max-width:200px;border-radius:8px;border:1px solid var(--surface1);padding:6px;background:var(--card)}.privacy-note{margin:0;font-size:.78rem;color:var(--overlay1)}.field-error{margin:4px 0 0;font-size:.8rem;color:var(--red)}.site-footer{text-align:center;font-size:.8rem;color:var(--overlay1);padding-top:16px;border-top:1px solid var(--surface0)}.logo-placement{margin-top:14px;display:flex;flex-direction:column;gap:10px}.corner-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;max-width:240px}.corner-btn{border:1px solid var(--surface1);background:var(--card);border-radius:10px;padding:8px 6px;font-size:.75rem;text-transform:capitalize;cursor:pointer;color:var(--subtext1)}.corner-btn.is-active{border-color:var(--blue);background:color-mix(in srgb,var(--blue) 10%,transparent);color:var(--blue);font-weight:600}.size-slider{display:grid;gap:6px;font-size:.85rem;color:var(--subtext1);max-width:240px}.placement-row{display:flex;align-items:stretch;gap:16px}.title-options-row{display:flex;align-items:flex-start;gap:16px}.title-controls-col{flex:1;min-width:0;display:flex;flex-direction:column}.control-caption{margin:14px 0 0;font-size:.8rem;font-weight:600;color:var(--subtext0)}.size-slider.spaced{margin-top:16px}.nudge-pad{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:4px;flex:0 0 auto;width:108px;height:78px}.placement-row .nudge-pad{height:auto}.nudge-btn{padding:0;line-height:1;font-size:.85rem;display:flex;align-items:center;justify-content:center}.nudge-center{display:block}.advanced-options{display:flex;flex-direction:column;gap:14px}.advanced-options-body{display:flex;flex-direction:column;gap:22px}.size-slider.full-width{max-width:none}.preview-actions{display:flex;gap:12px;flex-wrap:wrap}.preview-actions .primary,.preview-actions .ghost{flex:1}.page-mockup{margin-top:12px;display:flex;flex-direction:column;gap:8px}.page-mockup canvas{width:100%;height:auto;border-radius:12px;border:1px solid var(--surface1);background:var(--card)}.mockup-caption{margin:0;font-size:.78rem;color:var(--overlay1)}.modal-content.wide{max-width:1080px}.modal-content.narrow{max-width:480px}.modal-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,400px);gap:28px;align-items:start}.modal-settings-col{display:flex;flex-direction:column;gap:22px;min-width:0}.modal-preview-side{display:flex;flex-direction:column;gap:14px;position:sticky;top:0}@media (max-width: 860px){.modal-columns{grid-template-columns:1fr}.modal-preview-side{position:static}}.photo-column{display:flex;flex-direction:column;gap:12px}.photo-note-field{display:flex;flex-direction:column;gap:6px}textarea{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--surface1);font-size:.95rem;font-family:inherit;background:var(--card);color:var(--text);resize:vertical}.align-picker,.position-picker{display:flex;gap:8px;margin-top:8px}.pick-btn{border:1px solid var(--surface1);background:var(--card);border-radius:10px;padding:6px 12px;font-size:.75rem;text-transform:capitalize;cursor:pointer;color:var(--subtext1)}.pick-btn.is-active{border-color:var(--blue);background:color-mix(in srgb,var(--blue) 10%,transparent);color:var(--blue);font-weight:600}.pick-btn:disabled{opacity:.4;cursor:not-allowed}.caption-placement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.caption-placement-label{margin:0;font-size:.8rem;font-weight:600;color:var(--subtext0)}.settings-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.file-button.ghost-file{background:var(--card);color:var(--text);border:1px solid var(--surface1)}@media (max-width: 720px){.hero{grid-template-columns:1fr}.top-header{flex-direction:column;align-items:flex-start}.workspace.single{grid-template-columns:1fr}.hero-card{padding:22px}.preview{padding:18px}}.batch-progress{display:flex;align-items:center;gap:12px}.batch-review-preview{max-width:520px}.batch-progress-bar{flex:1;height:8px;border-radius:999px;background:var(--surface0);overflow:hidden}.batch-progress-fill{height:100%;background:var(--blue);transition:width .2s ease}.batch-progress-label{font-size:.85rem;font-weight:600;color:var(--subtext1);white-space:nowrap}.batch-review-actions{display:flex;gap:10px;flex-wrap:wrap}.batch-summary-list{max-height:200px;overflow-y:auto;font-size:.85rem;color:var(--subtext1);padding-left:18px;margin:0}