/* Easy Wedding (easywedding.in) — original design & code © 2026 Chandan Kumar Mahato. All rights reserved. Origin fingerprint: EW-ORIGIN-2026-369eafc22a98. Unauthorised copying is prohibited. */
:root{--paper:#fbf7ef;--gold:#b78d43;--maroon:#681b36;--maroon-deep:#381222}body{background:#fbf7ef}.sidebar{background:linear-gradient(160deg,#681b36,#391223);box-shadow:5px 0 30px #39122312}.sidebar>.brand{background:#fff9ee;padding:9px 8px;border-radius:8px;margin-bottom:24px}.sidebar .brand-logo-crop{width:190px}.nav-icon svg{width:18px;height:18px;stroke-width:1.5}.sidebar nav button{transition:background .3s,transform .3s}.sidebar nav button:hover{transform:translateX(3px)}.sidebar nav button.active{background:#ffffff12;border-left-color:#e3bd78}.topbar{backdrop-filter:blur(14px);background:#fffcf3ed;border-bottom:1px solid #b78d4326}.workspace #main-content{max-width:1500px;margin-inline:auto}.cine-hero{min-height:420px;align-items:center;border-radius:18px;box-shadow:0 16px 40px #40132612}.cine-hero-bg{object-position:center 55%;opacity:.88}.cine-hero .grade-shadows{background:linear-gradient(90deg,#301021e8,#49152999 45%,#49152912)}.cine-hero-copy{padding:42px;max-width:700px}.cine-hero .hero-title{font-size:clamp(52px,5vw,78px);line-height:1.1;margin-bottom:18px}.cine-hero .hl-line,.cine-hero .hl-inner,.cine-hero .hl-amp{display:inline}.cine-hero .hl-amp{font-size:.75em;color:#e6c17b;margin-inline:12px}.cine-hero .hero-sub{font-size:16px;line-height:1.7}.cine-hero .hero-eyebrow{color:#f2dbb2}.hero-count{top:30px;right:30px;padding:20px;background:#381222ad;backdrop-filter:blur(10px)}.hero-count strong{font-size:44px}.marquee{margin-block:18px;opacity:.75}.cine-section{padding-block:30px}.cine-head h2{font-size:38px}.cine-band{margin-block:15px 5px;border:1px solid #c3a06133;border-radius:14px;background:linear-gradient(110deg,#fffdf7,#f5ecdf);padding:24px}.cine-stat-value{font-size:34px;color:#681b36}.cine-cards{gap:20px}.cine-card{border-radius:12px;border:1px solid #b78d4330;box-shadow:0 5px 20px #681b3607;transition:transform .5s,box-shadow .5s}.cine-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #681b3612}.cine-card .zoom-frame{aspect-ratio:auto;height:175px}.cine-card-body{padding:20px}.cine-card-title{font-size:27px}.cine-card-hit:focus-visible{outline:3px solid #b78d43;outline-offset:4px}.panel,.stat,.event-card{border-radius:12px;border-color:#bb945633;box-shadow:0 6px 24px #38122206}.event-card-header{position:relative;overflow:hidden}.event-card-header:after{content:'';position:absolute;width:140px;height:140px;right:-50px;top:-40px;border:1px solid currentColor;opacity:.12;border-radius:50%}.button{border-radius:7px;transition:transform .25s,box-shadow .25s}.button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #38122220}.button:active{transform:translateY(0)}.studio-layout{grid-template-columns:minmax(320px,1fr) 370px}.invitation-theme-grid{gap:10px}.invitation-theme-grid .template-card{border-radius:9px;overflow:hidden;transition:transform .4s,box-shadow .4s}.template-card:hover{transform:translateY(-3px);box-shadow:0 10px 22px #38122218}.template-card.active{box-shadow:0 0 0 2px #b78d43}.studio-window{border-radius:18px;background:#efe7d9}.page-heading h1{font-size:clamp(34px,3vw,48px)}.window-header{background:#fffcf4}.photo-upload{border:1px dashed #b78d4370;border-radius:10px;padding:14px;background:#fcf7ed}.photo-upload:focus-within{outline:2px solid #b78d43}.design-stage{border-radius:14px;overflow:hidden}.budget-ring{transition:background .6s}.app-footer{background:#381222}.toast{box-shadow:0 14px 35px #38122222}@media(max-width:1150px){.studio-layout{grid-template-columns:1fr 280px}.cine-hero-copy{padding:30px;max-width:75%}.cine-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.cine-hero{min-height:390px}.cine-hero-copy{max-width:100%;padding:28px}.hero-count{top:18px;right:18px;padding:12px}.hero-count strong{font-size:30px}.cine-hero .hero-title{font-size:48px;padding-top:60px}.cine-cards{grid-template-columns:repeat(2,1fr)}.studio-layout{grid-template-columns:1fr}.cine-stat-value{font-size:26px}.cine-card .zoom-frame{height:145px}.cine-card-body{padding:16px}}@media(max-width:540px){.cine-cards{grid-template-columns:1fr}.cine-hero .hero-title{font-size:42px}.cine-hero .hero-cta{flex-wrap:wrap}.cine-band{padding:16px}.cine-head h2{font-size:30px}.cine-card .zoom-frame{height:170px}.cine-duo{gap:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.button:hover,.cine-card:hover,.template-card:hover,.sidebar nav button:hover{transform:none!important}}

.cine-stat-label{color:#805a31}.cine-stat-note{color:#72645b}.invitation-theme-grid .template-card small{color:#fff5e7}.hero-scroll-cue{display:none}
/* Shared microinteractions: quick feedback, with low-amplitude motion. */
@media(prefers-reduced-motion:no-preference){dialog[open]{animation:workspace-dialog-enter .35s cubic-bezier(.16,1,.3,1)}dialog::backdrop{animation:workspace-backdrop-enter .3s ease}.toast:not([hidden]),#toast:not([hidden]){animation:workspace-toast-enter .35s cubic-bezier(.16,1,.3,1)}.budget-ring{animation:workspace-ring-enter .7s cubic-bezier(.16,1,.3,1)}.template-card img{transition:transform .8s cubic-bezier(.16,1,.3,1)}.template-card:hover img{transform:scale(1.035)}.photo-upload img,.upload-box img{animation:workspace-photo-enter .55s cubic-bezier(.16,1,.3,1)}.task-line.done .task-copy{animation:workspace-task-done .4s ease}.design-gallery article{animation:workspace-photo-enter .55s cubic-bezier(.16,1,.3,1)}}
@keyframes workspace-dialog-enter{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}@keyframes workspace-backdrop-enter{from{opacity:0}to{opacity:1}}@keyframes workspace-toast-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes workspace-ring-enter{from{opacity:.2;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes workspace-photo-enter{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes workspace-task-done{50%{transform:translateX(3px)}}

/* Personal photograph in the overview, sharing the invitation's saved image. */
.cine-hero:has(.overview-portrait){min-height:480px}.cine-hero:has(.overview-portrait) .cine-hero-copy{max-width:68%;padding-right:28px}.overview-portrait{position:absolute;right:35px;bottom:25px;width:230px;margin:0;padding:10px;background:#fff9ee;border:1px solid #e3bd78;border-radius:120px 120px 12px 12px;box-shadow:0 18px 45px #220c2450;z-index:3}.overview-portrait-images{display:flex;gap:4px;height:210px;overflow:hidden;border-radius:110px 110px 5px 5px;background:#eadbcb}.overview-portrait-images img{width:100%;height:100%;object-fit:cover;min-width:0}.overview-portrait.partners .overview-portrait-images>*{width:50%}.overview-photo-placeholder{display:grid;place-items:center;font:60px Georgia,serif;color:#681b36;background:linear-gradient(150deg,#f6e8d5,#ddc3a2)}.overview-portrait figcaption{text-align:center;padding:12px 4px 4px;color:#681b36}.overview-portrait figcaption>span{display:block;font-size:9px;letter-spacing:.22em;color:#805a31}.overview-portrait figcaption strong{display:block;font:24px Georgia,serif;margin:6px 0}.overview-portrait .text-link{font-size:12px;color:#681b36}.overview-portrait-images img{transition:transform 1.2s cubic-bezier(.16,1,.3,1)}.overview-portrait:hover img{transform:scale(1.045)}
@media(max-width:1100px) and (min-width:851px){.overview-portrait{width:190px;right:22px}.overview-portrait-images{height:170px}.cine-hero:has(.overview-portrait) .hero-title{font-size:52px}.cine-hero:has(.overview-portrait) .hero-cta{flex-wrap:wrap}}
@media(max-width:850px){.cine-hero:has(.overview-portrait){display:flex;flex-direction:column;align-items:stretch;padding-bottom:22px}.cine-hero:has(.overview-portrait) .cine-hero-copy{max-width:100%;padding-right:28px}.overview-portrait{position:relative;right:auto;bottom:auto;align-self:center;width:230px;margin:8px 0}.overview-portrait-images{height:210px}}
@media(prefers-reduced-motion:reduce){.overview-portrait:hover img{transform:none}}
.cine-hero:has(.overview-portrait) .hero-count{top:18px;padding:12px 16px}.cine-hero:has(.overview-portrait) .hero-count strong{font-size:32px}.cine-hero:has(.overview-portrait) .hero-count span{font-size:9px}
@media(max-width:850px){.cine-hero:has(.overview-portrait) .hero-eyebrow{max-width:calc(100% - 100px);line-height:1.8}}

.opacity-control{margin-top:20px;padding:16px;background:#fcf7ed;border:1px solid #b78d4340;border-radius:10px}.opacity-control label{display:flex;justify-content:space-between;gap:12px;font-size:14px;font-weight:600}.opacity-control output{color:#681b36;font-variant-numeric:tabular-nums}.opacity-control input[type=range]{width:100%;margin:16px 0 8px;accent-color:#681b36;cursor:pointer;min-height:24px}.opacity-control input:focus-visible{outline:2px solid #b78d43;outline-offset:3px}.opacity-endpoints{display:flex;justify-content:space-between;font-size:11px;color:#72645b}.opacity-control .field-help{margin-top:12px}
/* Wardrobe references retain the complete outfit from neckline to footwear. */
.wardrobe-art{aspect-ratio:auto;height:auto;object-fit:contain;display:block;background:#f2e9dc}.wardrobe-image .art-caption{line-height:1.5;margin-top:12px}

.song-upload{display:grid;gap:12px}.song-upload label{display:grid;gap:10px}.song-upload [role=status]{overflow-wrap:anywhere}.invitation-photo-controls select{margin-bottom:10px}