.couples-page{--couple-panel:#111d2c;--couple-soft:#182635;--couple-gold:#edb969;--couple-text:#f2e9dc;--couple-muted:#a8b0bc;--couple-line:#ffffff18;background:#080f1b;color:var(--couple-text)}
.couples-page header{max-width:1600px}.couples-page main{max-width:1420px;padding:48px 5% 72px}.couples-page header nav{gap:20px;flex-wrap:wrap}.couples-page header nav a.active{border-color:var(--couple-gold)}
.couple-intro{display:grid;grid-template-columns:1.25fr 1fr;gap:48px;align-items:center;margin-bottom:48px}.couple-intro h1{font-size:clamp(38px,4.8vw,68px);line-height:1.08;letter-spacing:-2.5px;margin:16px 0 0;white-space:pre-line}.couple-intro h1::first-line{color:var(--couple-text)}.couple-intro h1{color:var(--couple-gold)}.couple-intro p{color:var(--couple-muted);font-size:16px;line-height:1.85;max-width:490px}.couple-process{display:flex;gap:24px;flex-wrap:wrap;border-top:1px solid var(--couple-line);padding-top:22px;margin-top:24px;font-size:14px}.couple-process b{color:var(--couple-gold);margin-right:9px;font-size:13px}.couple-section-title{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:22px}.couple-section-title h2{font-size:28px;margin:0}.couple-section-title p{font-size:14px;color:var(--couple-muted);max-width:360px;line-height:1.6;margin:0}.couple-style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.couple-style{background:linear-gradient(145deg,var(--couple-soft),var(--couple-panel));border:1px solid var(--couple-line);border-radius:26px;overflow:hidden;min-width:0;transition:border-color .2s,transform .2s}.couple-style.is-selected{border-color:var(--couple-gold);box-shadow:0 0 0 1px #edb96935}.couple-style-media{display:block;padding:0;border:0;width:100%;background:#121b25;position:relative;aspect-ratio:3/4;cursor:pointer}.couple-style-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}.couple-style-media span{position:absolute;bottom:16px;right:16px;padding:9px 14px;background:#08111cdf;border:1px solid #e5b47655;border-radius:30px;color:#f1d9b8;font-size:14px;backdrop-filter:blur(8px)}.couple-style-body{padding:22px}.couple-style h3{font-size:24px;letter-spacing:-.7px;margin:10px 0}.couple-style-body p{min-height:46px;line-height:1.7;color:var(--couple-muted);font-size:14px;margin:10px 0 20px}.couple-style-meta{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--couple-gold)}.couple-style-bottom{display:flex;flex-direction:column;gap:16px}.couple-style-bottom strong{font-size:16px}.couples-page .primary,.couple-dialog .primary{background:linear-gradient(120deg,#eebf7e,#c89351);color:#201810;border:1px solid #e9bf80;border-radius:12px;gap:12px}.couples-page .primary:hover,.couple-dialog .primary:hover{filter:brightness(1.08)}.couples-page .primary:disabled,.couple-dialog .primary:disabled{opacity:.5;cursor:default}.couple-style button[data-choose]{width:100%;justify-content:center}.couple-note{font-size:14px!important;line-height:1.8;color:var(--couple-muted);margin:24px 0;max-width:930px}.couple-summary{display:flex;justify-content:space-between;align-items:center;gap:28px;background:var(--couple-panel);border:1px solid var(--couple-line);padding:26px 30px;border-radius:20px;margin:30px 0 0}.couple-summary small{display:block;color:var(--couple-muted);font-size:14px}.couple-summary strong{font-size:22px;display:block;margin-top:8px}.couple-summary button{justify-content:center;min-width:240px}.couple-load-status{line-height:1.7}.couple-load-status button{margin-left:16px}
.couple-dialog{background:#101a28;color:#f0e6d7;border:1px solid #ffffff20;border-radius:24px;width:min(780px,calc(100% - 24px));padding:28px;--ink:#f0e6d7;--muted:#a8b0bc;--line:#ffffff20;--orange:#edb969}.couple-dialog::backdrop{background:#030812bc;backdrop-filter:blur(8px)}.couple-dialog .icon-button{color:inherit}.couple-dialog h2{font-size:28px}.couple-dialog p{line-height:1.75}.couple-dialog .detail-tabs{display:flex;gap:12px;margin:22px 0 12px}.couple-dialog .detail-tabs button,.couple-controls button{padding:10px 16px;border-radius:10px;background:#ffffff05;color:inherit;border:1px solid #ffffff25;font-size:14px}.couple-dialog .detail-tabs button[aria-pressed=true]{border-color:#edb969;color:#edb969}.couple-preview-stage{height:410px;position:relative;border-radius:18px;overflow:hidden;background:radial-gradient(ellipse at center,#344052,#101925);display:grid;place-items:center}.couple-preview-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}.couple-preview-stage canvas{display:block;max-width:100%;touch-action:none}.couple-controls{display:flex;justify-content:center;gap:12px;margin-top:14px}.couple-preview-hint{font-size:14px;color:var(--muted)}.couple-dialog fieldset{border:0;margin:0;padding:0;min-width:0}.couple-dialog label{font-size:14px}.couple-dialog input:not([type=checkbox]),.couple-dialog textarea,.couple-dialog select{width:100%;background:#09111d;border:1px solid #ffffff28;border-radius:10px;color:inherit;padding:12px;margin-top:8px;font:inherit;min-width:0}.couple-dialog textarea{resize:vertical}.couple-contact-row{display:grid;grid-template-columns:1fr 1.3fr;gap:16px}.couple-contact-row label{margin-bottom:0}.couple-dialog .couple-consent{display:flex;gap:12px;align-items:start;font-size:14px;line-height:1.7}.couple-consent input{width:18px;height:18px;flex:0 0 18px;margin-top:4px;accent-color:#dba961}.couple-photo-previews{display:flex;gap:12px;flex-wrap:wrap}.couple-photo-previews figure{margin:0;width:110px;min-width:0}.couple-photo-previews img{width:110px;height:90px;object-fit:cover;border-radius:10px;border:1px solid #ffffff25}.couple-photo-previews figcaption{font-size:12px;overflow-wrap:anywhere;color:var(--muted);margin-top:5px}.couple-honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.couple-dialog [role=status]{white-space:pre-line;font-size:14px}.couple-request-style{display:flex;gap:16px;align-items:center;margin-top:20px;padding:14px;border:1px solid var(--line);border-radius:12px}.couple-request-style img{width:70px;height:70px;border-radius:8px;object-fit:cover}.couple-request-style strong{display:block}.couple-request-style small{color:var(--muted);display:block;margin-top:5px}.couple-request-style button{margin-left:auto}.couple-dialog [data-new-request]{margin-top:14px}
[data-theme=light] .couples-page{--couple-panel:#f6edde;--couple-soft:#fffbf5;--couple-text:#352d25;--couple-muted:#76685b;--couple-line:#8b683b30;--couple-gold:#956024;background:#ece0cf;color:var(--couple-text)}[data-theme=light] .couple-dialog{background:#fbf5eb;color:#30291f;--ink:#30291f;--muted:#76685b;--line:#8b683b30}[data-theme=light] .couple-dialog input:not([type=checkbox]),[data-theme=light] .couple-dialog textarea,[data-theme=light] .couple-dialog select{background:#fffaf3;border-color:#8b683b40}[data-theme=light] .couple-dialog .detail-tabs button,[data-theme=light] .couple-controls button{border-color:#8b683b40}[data-theme=light] .couple-dialog .detail-tabs button[aria-pressed=true]{color:#85571e;border-color:#a5783e}[data-theme=light] .couple-preview-stage{background:radial-gradient(ellipse at center,#fff7e8,#e4d4bf)}
@media(min-width:1000px){.couple-style:hover{transform:translateY(-4px)}}@media(max-width:980px){.couples-page header{gap:16px}.couples-page header nav{order:4;width:100%;justify-content:center}.couple-style-grid{gap:14px}.couple-style-body{padding:16px}.couple-intro{gap:30px}}@media(max-width:700px){.couples-page main{padding-top:30px}.couple-intro{grid-template-columns:1fr;gap:12px;margin-bottom:32px}.couple-intro h1{font-size:42px;letter-spacing:-1.5px}.couple-intro p{margin-bottom:0}.couple-section-title{display:block}.couple-section-title p{margin-top:12px}.couple-style-grid{grid-template-columns:1fr}.couple-style-media{aspect-ratio:3/4}.couple-style-body{padding:20px}.couple-style-body p{min-height:0}.couple-summary{padding:22px;flex-direction:column;align-items:stretch;gap:18px}.couple-summary button{min-width:0;width:100%}.couple-dialog{padding:20px}.couple-preview-stage{height:320px}.couple-contact-row{grid-template-columns:1fr;gap:0}.couple-process{gap:16px}.couples-page header nav{gap:12px;font-size:14px}.couple-dialog h2{font-size:24px}}
