:root{--bg-deep:#0a0908;--bg-elevated:#14110f;--bg-card:#1c1814;--border:#ffffff14;--border-strong:#ffffff24;--text:#e7e5e4;--text-muted:#a8a29e;--text-dim:#78716c;--heading:#fafaf9;--ember:#ea580c;--ember-bright:#fb923c;--ember-glow:#ea580c59;--radius:16px;--radius-sm:10px;--font-display:"Fraunces", Georgia, serif;--font-body:"Source Sans 3", system-ui, sans-serif;--shadow-lg:0 20px 60px #00000080;--header-h:3.25rem}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--text);background:radial-gradient(ellipse 80% 50% at 50% -10%, #ea580c1f, transparent), radial-gradient(ellipse 60% 40% at 100% 50%, #57534e26, transparent), var(--bg-deep);-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.5}#root{min-height:100svh;position:relative}.atmosphere{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.atmosphere-glow{background:radial-gradient(70% 45% at 50% 100%,#ea580c24,#0000 55%),radial-gradient(50% 35% at 15% 85%,#fb923c14,#0000 50%),radial-gradient(45% 30% at 88% 75%,#78716c1f,#0000 45%);animation:8s ease-in-out infinite alternate atmosphere-glow-pulse;position:absolute;inset:0}.atmosphere-smoke__wisp{filter:blur(48px);opacity:.35;will-change:transform, opacity;background:radial-gradient(circle,#a8a29e73 0%,#0000 70%);border-radius:50%;position:absolute}.atmosphere-smoke__wisp--1{width:min(55vw,420px);height:min(40vw,300px);animation:28s ease-in-out infinite smoke-drift-a;bottom:18%;left:-8%}.atmosphere-smoke__wisp--2{width:min(48vw,380px);height:min(36vw,260px);animation:34s ease-in-out -6s infinite smoke-drift-b;bottom:8%;right:-5%}.atmosphere-smoke__wisp--3{opacity:.22;width:min(62vw,480px);height:min(28vw,220px);animation:40s ease-in-out -12s infinite smoke-drift-c;bottom:42%;left:30%}.atmosphere-smoke__wisp--4{opacity:.28;width:min(40vw,320px);height:min(50vw,340px);animation:32s ease-in-out -18s infinite reverse smoke-drift-a;bottom:22%;left:55%}.atmosphere-smoke__wisp--5{opacity:.18;width:min(35vw,280px);height:min(30vw,240px);animation:36s ease-in-out -4s infinite smoke-drift-b;top:12%;left:8%}.atmosphere-ember{left:calc(8% + (var(--i) * 6.2%));background:radial-gradient(circle, #fed7aa 0%, var(--ember-bright) 45%, transparent 70%);opacity:0;width:3px;height:3px;animation:7s ease-in infinite ember-rise;animation-delay:calc(var(--i) * -.55s);border-radius:50%;position:absolute;bottom:-4%;box-shadow:0 0 6px #fb923ca6}.atmosphere-ember:nth-child(3n){width:2px;height:2px;bottom:-2%}.atmosphere-ember:nth-child(4n){width:4px;height:4px}.atmosphere-ember:nth-child(5n){bottom:0}@keyframes atmosphere-glow-pulse{0%{opacity:.85;transform:scale(1)}to{opacity:1;transform:scale(1.03)}}@keyframes smoke-drift-a{0%,to{opacity:.28;transform:translate(0)scale(1)}50%{opacity:.42;transform:translate(4%,-6%)scale(1.08)}}@keyframes smoke-drift-b{0%,to{opacity:.22;transform:translate(0)scale(1.02)}50%{opacity:.38;transform:translate(-5%,-8%)scale(1.1)}}@keyframes smoke-drift-c{0%,to{opacity:.16;transform:translate(0)rotate(0)}50%{opacity:.3;transform:translate(3%,-5%)rotate(2deg)}}@keyframes ember-rise{0%{opacity:0;transform:translateY(0)translate(0)scale(.6)}12%{opacity:.9}70%{opacity:.35}to{transform:translateY(-72vh) translateX(calc((var(--i) - 7) * 8px)) scale(.2);opacity:0}}@media (prefers-reduced-motion:reduce){.atmosphere-glow,.atmosphere-smoke__wisp,.atmosphere-ember,.preview-overlay--live,.preview-ember-glow{animation:none!important}}.app{z-index:1;flex-direction:column;max-width:1120px;min-height:100svh;margin:0 auto;display:flex;position:relative}@media (width>=900px){.app{height:100svh;max-height:100svh;overflow:hidden}}.site-header{height:var(--header-h);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;padding:0 1.25rem;display:flex}.logo{font-family:var(--font-display);color:var(--heading);letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.logo span{color:var(--ember-bright)}.screen{flex-direction:column;flex:1;gap:1.25rem;min-height:0;padding:1rem 1.25rem 1.5rem;display:flex}.workspace{flex-direction:column;flex:1;order:-1;min-height:0;display:flex}.copy{flex-shrink:0}@media (width>=900px){.screen{flex-direction:row;align-items:center;gap:2rem;padding:.75rem 1.75rem 1.25rem}.workspace{flex:0 0 clamp(300px,38vw,400px);order:1;align-self:center;width:clamp(300px,38vw,400px)}.copy{flex-direction:column;flex:1;order:0;justify-content:center;min-width:0;padding-right:.5rem;display:flex}}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--ember-bright);margin:0 0 .5rem;font-size:.75rem;font-weight:600}.copy h1{font-family:var(--font-display);letter-spacing:-.03em;color:var(--heading);margin:0 0 .75rem;font-size:clamp(1.85rem,4.5vw,2.75rem);font-weight:700;line-height:1.08}.copy h1 em{color:var(--text-muted);font-style:italic;font-weight:500}.hero-lead{max-width:38ch;color:var(--text-muted);margin:0;font-size:1.05rem;line-height:1.55}@media (width<=899px){.hero-lead{font-size:.95rem}}.site-footer{border-top:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:.35rem .5rem;padding:.65rem 1.25rem 1rem;display:flex}.footer-sep{color:var(--text-dim);opacity:.5;-webkit-user-select:none;user-select:none;font-size:.75rem}.footer-link{color:var(--text-dim);align-items:center;gap:.3rem;font-size:.75rem;text-decoration:none;display:inline-flex}.footer-link:hover{color:var(--text-muted);text-underline-offset:3px;text-decoration:underline}.footer-link-icon{opacity:.75;flex-shrink:0}@media (width>=900px){.site-footer{padding-bottom:.75rem}}.btn{cursor:pointer;border:1px solid #0000;border-radius:999px;padding:.55rem 1rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:background .2s,border-color .2s,transform .15s}.btn:focus-visible{outline:2px solid var(--ember-bright);outline-offset:2px}.btn--primary{color:#1c0a02;background:linear-gradient(165deg, #fdba74, var(--ember));box-shadow:0 4px 20px var(--ember-glow)}.btn--primary:hover:not(:disabled){transform:translateY(-1px)}.btn--primary:disabled{opacity:.55;cursor:not-allowed}.btn--ghost{color:var(--text-muted);border-color:var(--border);background:0 0}.btn--ghost:hover{color:var(--heading);border-color:var(--border-strong)}.editor{flex-direction:column;flex:1;gap:.65rem;min-height:0;display:flex}.privacy-notice{color:var(--text-dim);text-align:center;margin:0;font-size:.75rem;line-height:1.45}@media (width<=899px){.editor{gap:.5rem}.privacy-notice{margin-bottom:.85rem;padding:0 .35rem}.editor-stage{margin-top:.15rem}}@media (width>=900px){.privacy-notice{text-align:left}}.banner--error{border-radius:var(--radius-sm);color:#fecaca;background:#dc26261f;border:1px solid #f8717159;padding:.5rem .75rem;font-size:.8125rem}.editor-stage{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;margin:0 auto;display:flex}@media (width<=899px){.editor-stage{aspect-ratio:1;max-height:min(58svh,420px)}}@media (width>=900px){.editor-stage{aspect-ratio:1;width:100%;max-height:calc(100svh - var(--header-h) - 5.5rem);flex:none}}.editor-stage--editing{align-items:center}.upload-zone{aspect-ratio:1;border:2px dashed var(--border-strong);border-radius:var(--radius);background:var(--bg-elevated);width:100%;transition:border-color .2s,background .2s}.upload-zone--active{border-color:var(--ember);background:#ea580c0f}.upload-zone--disabled{opacity:.6;pointer-events:none}.upload-input{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.upload-label{cursor:pointer;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;height:100%;min-height:200px;padding:1.25rem;display:flex}.upload-icon{color:var(--ember-bright);display:flex}.upload-title{color:var(--heading);font-size:1rem;font-weight:600}.upload-hint{color:var(--text-dim);font-size:.8125rem}.preview-frame{border-radius:var(--radius);cursor:grab;touch-action:none;box-shadow:var(--shadow-lg);border:1px solid var(--border-strong);background:#000;flex-shrink:0;position:relative;overflow:hidden}.preview-frame:active{cursor:grabbing}.preview-photo-layer{position:absolute;inset:0;overflow:hidden}.preview-overlay{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.preview-overlay--live{will-change:transform, opacity;animation:14s ease-in-out infinite alternate preview-smoke-drift}.preview-ember-glow{pointer-events:none;mix-blend-mode:screen;background:linear-gradient(#0000 45%,#ea580c14 72%,#ea580c52 100%);animation:4.5s ease-in-out infinite preview-ember-flicker;position:absolute;inset:0}@keyframes preview-smoke-drift{0%{opacity:inherit;transform:scale(1)translate(0)}to{transform:scale(1.025)translate(-.8%,.6%)}}@keyframes preview-ember-flicker{0%,to{opacity:.55}35%{opacity:.75}55%{opacity:.45}72%{opacity:.68}}.preview-hint{text-align:center;color:#fffc;pointer-events:none;background:linear-gradient(#0000,#0000008c);margin:0;padding:.4rem;font-size:.65rem;position:absolute;bottom:0;left:0;right:0}.editor-toolbar{flex-direction:column;flex-shrink:0;gap:.65rem;display:flex}.toolbar-sliders{grid-template-columns:1fr 1fr;gap:.5rem .75rem;display:grid}.slider-field{color:var(--text-muted);flex-direction:column;gap:.2rem;font-size:.75rem;font-weight:600;display:flex}.slider-field input[type=range]{width:100%;accent-color:var(--ember)}.toolbar-actions{flex-wrap:wrap;gap:.5rem;display:flex}.toolbar-actions .btn--primary{flex:auto;padding:.65rem 1rem}.loading-text{color:var(--text-dim);text-align:center;margin:0;font-size:.8125rem}