:root{--page-bg:#f4f1eb;--surface:#fbf9f5;--ink:#171717;--muted:#77736d;--line:#17171721;--soft-line:#17171714;--serif:"Iowan Old Style", "Baskerville", "Times New Roman", serif;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--sans);color:var(--ink);background:var(--page-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{background:var(--page-bg);min-width:320px}body{background:radial-gradient(circle at 12% 14%, #d7c6a429, transparent 25rem), var(--page-bg);min-width:320px;min-height:100svh;margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--ink);outline-offset:4px}#root{min-height:100svh}h1,h2,p{margin:0}h1,h2{font-family:var(--serif);letter-spacing:-.04em;font-weight:400}h1{font-size:clamp(2.7rem,7vw,5.25rem);line-height:.98}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.brand-mark{color:var(--ink);letter-spacing:.2em;text-transform:uppercase;font-size:.75rem;font-weight:700;line-height:1}.button{border:1px solid #0000;border-radius:999px;min-height:48px;padding:0 1.35rem;font-size:.92rem;font-weight:650;transition:transform .18s,background-color .18s,border-color .18s}.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(0)}.button--primary{color:#fff;background:var(--ink);box-shadow:0 8px 18px #1717171f}.button--secondary{color:var(--ink);border-color:var(--line);background:0 0}.text-button{min-height:44px;color:var(--muted);background:0 0;border:0;padding:.25rem 0;font-size:.86rem;font-weight:650}.text-button:hover{color:var(--ink)}.feature-picker{width:min(100%,1220px);min-height:100svh;margin:0 auto;padding:2rem clamp(1.25rem,4vw,3.5rem) 3rem}.feature-picker__header{border-bottom:1px solid var(--soft-line);justify-content:space-between;align-items:center;padding-bottom:1.4rem;display:flex}.feature-picker__status,.feature-picker__kicker,.mode-card__eyebrow{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;font-size:.68rem;font-weight:750}.feature-picker__intro{gap:1rem;max-width:48rem;padding:clamp(3.2rem,8vw,6.5rem) 0 clamp(2rem,5vw,3.5rem);display:grid}.feature-picker__intro h1{max-width:9ch}.feature-picker__intro>p:last-child{max-width:39rem;color:var(--muted);font-size:1rem;line-height:1.75}.mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.mode-card{border:1px solid var(--soft-line);min-width:0;color:var(--ink);text-align:left;background:#fbf9f5a3;border-radius:1.45rem;padding:0;transition:transform .18s,border-color .18s,box-shadow .18s;overflow:hidden;box-shadow:0 14px 35px #31281c0f}.mode-card:hover{border-color:#17171740;transform:translateY(-5px);box-shadow:0 22px 48px #31281c21}.mode-card:active{transform:translateY(-1px)}.mode-card__copy{align-content:start;gap:.55rem;min-height:12rem;padding:1.2rem 1.2rem 1.35rem;display:grid}.mode-card__topline{justify-content:space-between;align-items:center;display:flex}.mode-card__arrow{font-size:1.25rem;line-height:1}.mode-card__copy strong{font-family:var(--serif);letter-spacing:-.05em;font-size:clamp(1.7rem,3vw,2.45rem);font-weight:400}.mode-card__copy>span:not(.mode-card__topline){color:var(--muted);font-size:.86rem;line-height:1.55}.mode-card__copy small{color:var(--ink);opacity:.7;font-size:.73rem;line-height:1.45}.mode-example{isolation:isolate;height:17rem;position:relative;overflow:hidden}.mode-example__photo,.mode-example__glass-photo{display:block;position:absolute}.mode-example__photo{background:linear-gradient(135deg,#ffffff26,#0000 40%),linear-gradient(155deg,#8c9a8b 0 25%,#d8c5a1 25% 43%,#718c74 43% 68%,#283c3a 68%);border-radius:.9rem;inset:18% 13% 15%;box-shadow:0 14px 20px #1717172e}.mode-example--glass{background:linear-gradient(145deg,#b9c8d0,#5c7180 60%,#263941)}.mode-example__glass-layer{background:#ffffff29;border:1px solid #fff6;border-radius:1rem;display:block;position:absolute}.mode-example__glass-layer--one{inset:1.2rem 1rem 1.4rem}.mode-example__glass-layer--two{background:#ffffff14;inset:2.2rem 2.1rem 2.4rem}.mode-example__glass-photo{background:linear-gradient(135deg,#ffffff2b,#0000 34%),linear-gradient(160deg,#d7c3a2 0 20%,#82969a 20% 46%,#425c61 46% 67%,#27373b 67%);border-radius:.7rem;inset:4rem 2.4rem 4.5rem;box-shadow:0 12px 20px #17171733}.mode-example__glass-swatch{border:2px solid #ffffff7a;border-radius:50%;width:1.25rem;height:1.25rem;display:block;position:absolute;bottom:1.45rem;box-shadow:0 3px 10px #17171729}.mode-example__glass-swatch--one{background:#d7c3a2;left:1.55rem}.mode-example__glass-swatch--two{background:#82969a;left:3.1rem}.mode-example__glass-swatch--three{background:#425c61;left:4.65rem}.mode-example__glass-swatch--four{background:#27373b;left:6.2rem}.mode-example__glass-swatch--five{background:#b7c8bd;left:7.75rem}.mode-example--bubble{background:linear-gradient(145deg,#f2d58f,#da9670 55%,#743e4e)}.mode-example--bubble .mode-example__photo{border:.45rem solid #ffffffd1;top:15%;bottom:14%;transform:rotate(-4deg)}.mode-example__bubble{border:3px solid #ffffffc7;border-radius:50%;display:block;position:absolute;box-shadow:inset -7px -7px 12px #17171721,0 10px 16px #17171726}.mode-example__bubble--one{background:#e9b34f;width:3.6rem;height:3.6rem;top:12%;left:8%}.mode-example__bubble--two{background:#789c80;width:4.8rem;height:4.8rem;top:31%;right:7%}.mode-example__bubble--three{background:#9e4960;width:2.7rem;height:2.7rem;bottom:8%;left:14%}.mode-example__stamp{color:#fff;letter-spacing:.12em;border:2px dashed #fffc;border-radius:50%;place-items:center;width:4.3rem;height:4.3rem;font-size:.56rem;font-weight:800;display:grid;position:absolute;bottom:11%;right:10%;transform:rotate(12deg)}.mode-example--moment{color:#eff0e6;background:linear-gradient(160deg,#2d4a38,#172e24);padding:1.35rem}.mode-example--moment .mode-example__photo{background:linear-gradient(135deg,#ffffff1f,#0000 45%),linear-gradient(150deg,#b4c890 0 25%,#547850 25% 48%,#d4bd83 48% 67%,#425243 67%);border-radius:.65rem;inset:5.2rem 1.35rem 1.35rem}.mode-example__moment-title{z-index:1;letter-spacing:.12em;text-align:center;font-size:.55rem;font-weight:750;display:block;position:relative}.mode-example__moment-line{z-index:1;background:#eff0e6ad;border-radius:99px;height:.3rem;display:block;position:absolute;left:1.35rem}.mode-example__moment-line--one{width:4.5rem;bottom:.65rem}.mode-example__moment-line--two{opacity:.5;width:2.4rem;bottom:.65rem;left:auto;right:1.35rem}.feature-picker__privacy{color:var(--muted);text-align:center;padding-top:1.45rem;font-size:.74rem}.upload-state,.processing-state,.error-state{text-align:center;place-content:center;justify-items:center;gap:2.1rem;width:min(100%,760px);min-height:100svh;margin:0 auto;padding:3.5rem 1.25rem 2.5rem;display:grid}.upload-copy{justify-items:center;gap:1.25rem;display:grid}.upload-mode-label{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;margin-bottom:-.45rem;font-size:.72rem;font-weight:750}.upload-back-button{margin-top:-1rem}.upload-copy h1{max-width:10ch}.upload-description,.processing-state>p:last-child,.error-state>p:not(.brand-mark){max-width:34rem;color:var(--muted);font-size:1rem;line-height:1.7}.upload-panel{background:#fbf9f585;border:1px dashed #17171759;border-radius:1.5rem;align-content:center;place-items:center;gap:.65rem;width:min(100%,26rem);min-height:17rem;padding:2.5rem 1.5rem;transition:border-color .18s,background-color .18s,transform .18s;display:grid}.upload-state--dragging .upload-panel{border-color:var(--ink);background:#ffffff9e;transform:scale(1.015)}.upload-icon{border:1.5px solid var(--ink);border-radius:.75rem;width:3.25rem;height:3.25rem;margin-bottom:.35rem;position:relative}.upload-icon:before,.upload-icon:after,.upload-icon span{content:"";display:block;position:absolute}.upload-icon:before{border:1.5px solid var(--ink);background:var(--page-bg);border-radius:50%;width:1.25rem;height:1.25rem;bottom:-.55rem;right:-.55rem}.upload-icon:after{background:var(--ink);width:.75rem;height:1.5px;bottom:-.02rem;right:-.18rem;transform:rotate(90deg)}.upload-icon span:first-child{border-bottom:1.5px solid var(--ink);border-left:1.5px solid var(--ink);width:1.2rem;height:.6rem;bottom:.65rem;left:.5rem;transform:rotate(-28deg)}.upload-icon span:last-child{border:1.5px solid var(--ink);border-radius:50%;width:.5rem;height:.5rem;top:.72rem;left:.75rem}.upload-panel__title{font-family:var(--serif);font-size:1.55rem}.upload-panel__hint{color:var(--muted);margin-bottom:.8rem;font-size:.8rem}.decorative-swatches{grid-template-columns:repeat(5,1fr);gap:.5rem;width:min(100%,21rem);display:grid}.decorative-swatch{border-radius:.85rem;height:2.25rem;display:block;box-shadow:inset 0 0 0 1px #1717170f}.decorative-swatch--one{background:#e8d9b8}.decorative-swatch--two{background:#c4a873}.decorative-swatch--three{background:#8c9675}.decorative-swatch--four{background:#a76735}.decorative-swatch--five{background:#272625}.processing-state{gap:1.3rem}.processing-state h1,.error-state h1{max-width:9ch}.processing-mark{gap:.5rem;margin-bottom:1.2rem;display:flex}.processing-mark span{background:var(--ink);border-radius:50%;width:.75rem;height:.75rem;animation:1.1s ease-in-out infinite alternate processing-breathe}.processing-mark span:nth-child(2){animation-delay:.18s}.processing-mark span:nth-child(3){animation-delay:.36s}@keyframes processing-breathe{0%{opacity:.28;transform:translateY(0)}to{opacity:1;transform:translateY(-.4rem)}}.error-state{gap:1.25rem}.app-header,.result-state{width:min(100%,1180px);margin:0 auto}.result-state{padding:2.25rem clamp(1.25rem,4vw,3.5rem) 4rem}.app-header{border-bottom:1px solid var(--soft-line);justify-content:space-between;align-items:center;padding-bottom:2rem;display:flex}.app-header__actions{align-items:center;gap:1.15rem;display:flex}.result-grid{grid-template-columns:minmax(0,1fr) minmax(19rem,27rem);align-items:start;gap:clamp(2.5rem,7vw,7rem);padding-top:clamp(2.25rem,6vw,5rem);display:grid}.result-controls{min-width:0}.result-heading{gap:.9rem;margin-bottom:2rem;display:grid}.result-kicker{color:var(--muted);letter-spacing:.17em;text-transform:uppercase;font-size:.72rem}.result-heading h1{max-width:8ch;font-size:clamp(3rem,6vw,5.8rem)}.result-heading>p:last-child{max-width:30rem;color:var(--muted);font-size:.96rem;line-height:1.65}.photo-frame{aspect-ratio:4/3;background:#ded8cc;border-radius:1.35rem;width:100%;overflow:hidden;box-shadow:0 16px 40px #31281c1f}.photo-frame img,.share-card__photo{object-fit:contain;width:100%;height:100%;display:block}.photo-frame img{background:#ded8cc}.palette-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;margin:1rem 0 .7rem;display:grid}.color-swatch{text-align:left;border:0;border-radius:.95rem;flex-direction:column;justify-content:space-between;align-items:flex-start;min-width:0;min-height:5.35rem;padding:.7rem;transition:transform .18s,box-shadow .18s;display:flex}.color-swatch:hover{transform:translateY(-2px);box-shadow:0 8px 18px #17171721}.color-swatch--selected{outline:2px solid var(--ink);outline-offset:3px;transform:translateY(-2px);box-shadow:0 10px 22px #1717172e}.color-swatch__hex{letter-spacing:.02em;font-size:.7rem;font-weight:750}.color-swatch__share{opacity:.68;font-size:.68rem}.local-note{min-height:1.5rem;color:var(--muted);font-size:.78rem}.selection-heading{justify-content:space-between;align-items:flex-end;gap:1rem;margin-top:1.8rem;display:flex}.selection-heading__label{font-size:.98rem;font-weight:700}.selection-heading__hint{color:var(--muted);margin-top:.32rem;font-size:.76rem;line-height:1.45}.selection-heading__value{color:var(--muted);letter-spacing:.04em;flex:none;font-size:.82rem;font-weight:750}.action-row{flex-wrap:wrap;gap:.65rem;margin-top:1.25rem;display:flex}.preview-column{position:sticky;top:1.5rem}.share-card{--share-card-border:#ffffff3d;aspect-ratio:9/16;color:var(--share-card-text);background:radial-gradient(circle at 88% 14%, #ffffff29, transparent 28%), linear-gradient(164deg, var(--share-card-surface) 0%, var(--share-card-background) 43%, var(--share-card-accent) 100%);border-radius:1.35rem;flex-direction:column;padding:clamp(1rem,3vw,1.45rem);display:flex;position:relative;overflow:hidden;box-shadow:0 22px 55px #31281c26}.share-card__header{border-bottom:1px solid var(--share-card-border);justify-content:space-between;align-items:center;padding-bottom:.8rem;display:flex}.share-card__brand{letter-spacing:-.03em;font-size:clamp(.88rem,2vw,1.15rem);font-weight:800}.share-card__eyebrow,.share-card__footer-label{color:var(--share-card-muted);letter-spacing:.16em;text-transform:uppercase;font-size:.56rem;font-weight:750}.share-card__intro{justify-content:space-between;align-items:flex-end;gap:1rem;padding:clamp(1.1rem,3vw,1.7rem) 0 .8rem;display:flex}.share-card__intro p{max-width:11ch;color:var(--share-card-muted);font-family:var(--serif);font-size:clamp(1rem,2.7vw,1.45rem);line-height:1.08}.share-card__intro strong{letter-spacing:.08em;font-size:clamp(.72rem,1.8vw,.98rem)}.share-card__stage{border:1px solid var(--share-card-border);background:#ffffff1a;border-radius:1.15rem;flex:1;align-items:center;min-height:0;padding:.55rem;display:flex}.share-card__photo{aspect-ratio:4/3;object-fit:contain;border-radius:.8rem;width:100%;overflow:hidden;box-shadow:0 12px 24px #17171729}.share-card__footer{border-top:1px solid var(--share-card-border);justify-content:space-between;align-items:flex-end;gap:1rem;padding-top:1rem;display:flex}.share-card__footer-value{letter-spacing:.06em;margin-top:.32rem;font-size:clamp(1.25rem,3.5vw,2rem);font-weight:800}.share-card__footer-meta{text-align:right;justify-items:end;gap:.28rem;display:grid}.share-card__footer-meta strong{font-size:clamp(1.3rem,3vw,1.8rem)}.share-card__footer-meta span{color:var(--share-card-muted);font-size:.58rem}.share-card__color-strip{gap:.38rem;padding:.9rem 0 .65rem;display:flex}.share-card__color-strip span{border-radius:99px;flex:1;min-width:0;height:.72rem;box-shadow:inset 0 0 0 1px #fff3}.card-editor{border:1px solid var(--soft-line);background:#fbf9f5a8;border-radius:1.15rem;margin-top:1.75rem;padding:1.15rem}.card-editor__heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.card-editor__heading h2{margin-top:.28rem;font-size:1.65rem}.card-editor__kicker{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;font-size:.64rem;font-weight:750}.card-editor__badge{color:var(--muted);white-space:nowrap;background:#1717170d;border-radius:99px;padding:.38rem .58rem;font-size:.64rem}.field{gap:.4rem;min-width:0;margin-top:.8rem;display:grid}.field>span{color:var(--muted);font-size:.72rem;font-weight:700}.field input,.field textarea{border:1px solid var(--line);width:100%;min-width:0;color:var(--ink);resize:vertical;background:#ffffff6b;border-radius:.7rem;padding:.72rem .8rem;font-size:.86rem;line-height:1.45}.field input::placeholder,.field textarea::placeholder{color:var(--muted);opacity:.7}.card-editor__moment-fields{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:.75rem;display:grid}.card-editor__note{color:var(--muted);margin-top:.9rem;font-size:.7rem}.share-card[data-card-mode=bubble-stamp]{color:#fff8ec;background:radial-gradient(circle at 10% 20%, #fff3, transparent 18%), linear-gradient(150deg, var(--share-card-accent) 0%, var(--share-card-background) 46%, #422b34 100%)}.share-card[data-card-mode=moment-card]{--share-card-border:#ecf1e23d;color:#eef1e8;background:radial-gradient(circle at 84% 12%, #d6eab229, transparent 26%), linear-gradient(160deg, var(--share-card-surface) 0%, var(--share-card-background) 56%, var(--share-card-accent) 100%)}.bubble-card__intro{padding:clamp(1.1rem,3vw,1.7rem) 0 .9rem}.bubble-card__intro h2,.moment-card__title h2{max-width:13ch;margin-top:.5rem;font-size:clamp(1.45rem,4vw,2.4rem);line-height:1.05}.bubble-card__intro>p:last-child,.moment-card__title>p{max-width:24ch;color:var(--share-card-muted);font-family:var(--serif);margin-top:.65rem;font-size:.88rem;line-height:1.4}.bubble-card__stage{flex:1;align-items:center;min-height:0;padding:1.25rem 0;display:flex;position:relative}.bubble-card__stage .share-card__photo{z-index:1;aspect-ratio:4/5;border:.38rem solid #ffffffbf;border-radius:1.4rem;width:82%;height:auto;max-height:100%;margin:0 auto;position:relative;box-shadow:0 18px 30px #17171733}.bubble-card__bubble{z-index:2;border:.25rem solid #ffffffad;border-radius:50%;display:block;position:absolute;box-shadow:inset -.55rem -.65rem 1rem #17171729,0 .7rem 1.1rem #17171730}.bubble-card__bubble--1{aspect-ratio:1;width:4.5rem;top:8%;left:0}.bubble-card__bubble--2{aspect-ratio:1;width:5.8rem;top:26%;right:0}.bubble-card__bubble--3{aspect-ratio:1;width:3.4rem;bottom:12%;left:3%}.bubble-card__bubble--4{aspect-ratio:1;width:3rem;bottom:1%;right:13%}.bubble-card__bubble--5{aspect-ratio:1;width:2.5rem;top:1%;right:21%}.bubble-card__stamp{z-index:3;letter-spacing:.08em;border:2px dashed #fffc;border-radius:50%;place-items:center;width:4.7rem;height:4.7rem;font-size:.62rem;font-weight:800;display:grid;position:absolute;bottom:4%;right:.2rem;transform:rotate(8deg)}.bubble-card__footer,.moment-card__footer{border-top:1px solid var(--share-card-border);color:var(--share-card-muted);letter-spacing:.12em;justify-content:space-between;align-items:center;gap:1rem;padding-top:.9rem;font-size:.58rem;font-weight:750;display:flex}.bubble-card__footer strong{color:var(--share-card-text);letter-spacing:0;font-size:1.35rem}.moment-card__meta{text-align:center;gap:.35rem;padding:clamp(1.8rem,5vw,3rem) 0 1.35rem;display:grid}.moment-card__meta strong{letter-spacing:.1em;text-transform:uppercase;font-size:clamp(.68rem,2vw,.88rem);line-height:1.45}.moment-card__meta span{color:var(--share-card-muted);letter-spacing:.08em;font-size:.62rem}.moment-card__title{flex:none;padding-bottom:1.35rem}.moment-card__stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:0;display:flex;overflow:hidden}.moment-card__stage .share-card__photo{aspect-ratio:auto;background:var(--share-card-surface);object-fit:contain;border-radius:.7rem;width:100%;height:100%}.moment-card__footer{margin-top:1rem;padding-top:1.05rem}.preview-note{color:var(--muted);text-align:right;padding-top:.75rem;font-size:.68rem}.download-error{z-index:2;max-width:min(24rem,100vw - 2rem);color:var(--ink);background:#fbf9f5;border:1px solid #1717171a;border-radius:.85rem;padding:.85rem 1rem;font-size:.84rem;position:fixed;bottom:1rem;right:1rem;box-shadow:0 12px 30px #31281c26}@media (width<=767px){.feature-picker{padding-top:1.25rem}.feature-picker__status{font-size:.56rem}.feature-picker__intro{padding-top:3.2rem}.mode-grid{grid-template-columns:1fr}.mode-example{height:13.5rem}.mode-card__copy{min-height:0}.card-editor__moment-fields{grid-template-columns:1fr}.upload-state,.processing-state,.error-state{padding-top:2.5rem;padding-bottom:2rem}.upload-panel{min-height:15rem}.result-state{padding-top:1.5rem}.app-header{padding-bottom:1.25rem}.result-grid{padding-top:2rem;display:block}.result-heading h1{font-size:clamp(3rem,15vw,4.7rem)}.preview-column{width:min(100%,29rem);margin:2.25rem auto 0;position:static}.action-row>.button{flex:100%}.preview-note{text-align:left}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}