:root{--font-serif:"Cormorant Garamond", Georgia, serif;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;font-family:var(--font-sans);--color-brown-950:#1b0f0a;--color-brown-900:#2c1810;--color-brown-800:#3e2317;--color-brown-700:#543322;--color-brown-600:#714631;--color-brown-500:#8e5b42;--color-brown-400:#b28065;--color-brown-300:#cca58f;--color-brown-200:#e2c7b6;--color-brown-100:#f3e6de;--color-brown-50:#faf3ee;--color-white-pure:#fff;--color-white-snow:#fdfdfd;--color-white-ivory:#faf8f5;--color-white-cream:#f5f0ea;--color-white-pearl:#efe7dd;--color-white-parchment:#e7dcce;--color-gold-warm:#c59b63;--color-gold-light:#e9d5ba;--color-gold-glow:#c59b6340;--color-rose-warm:#c98a7d;--bg-primary:var(--color-white-ivory);--bg-secondary:var(--color-white-cream);--bg-card:var(--color-white-pure);--bg-accent:var(--color-brown-900);--text-primary:var(--color-brown-900);--text-secondary:var(--color-brown-700);--text-muted:var(--color-brown-500);--text-light:var(--color-white-ivory);--border-subtle:var(--color-white-pearl);--border-strong:var(--color-brown-200);--shadow-sm:0 2px 8px #2c18100d;--shadow-md:0 8px 24px #2c181014;--shadow-lg:0 16px 40px #2c18101f;--shadow-gold:0 8px 25px #c59b6333;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.6}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);width:100%;min-height:100vh;color:var(--text-primary);font-family:var(--font-sans);overflow-x:hidden}#root{width:100%;min-height:100vh}.app-container{flex-direction:column;justify-content:center;align-items:center;max-width:960px;min-height:100vh;margin:0 auto;padding:32px 16px 48px;display:flex}.carousel-wrapper{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.carousel-progress-track{background:var(--color-white-pearl);border-radius:var(--radius-full);width:100%;max-width:860px;height:4px;margin-bottom:24px;overflow:hidden}.carousel-progress-fill{background:linear-gradient(90deg, var(--color-gold-warm), var(--color-brown-600));border-radius:var(--radius-full);height:100%;transition:width .1s linear}.carousel-stage{justify-content:center;align-items:center;width:100%;min-height:440px;display:flex;position:relative}.adaptive-frame-container{flex-direction:column;align-items:center;margin:0 auto;transition:max-width .45s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.adaptive-frame{border-radius:var(--radius-lg);background:linear-gradient(135deg,#2c1810 0%,#3e2317 50%,#24140d 100%);flex-direction:column;align-items:center;max-width:100%;padding:16px;display:flex;position:relative;box-shadow:0 20px 50px #2c181040,0 8px 16px #2c181026,inset 0 0 0 2px #c59b63,inset 0 0 0 4px #1b0f0a}.frame-passepartout{background:var(--color-white-ivory);border-radius:var(--radius-md);box-shadow:inset 0 2px 6px #2c18101a, 0 0 0 1px var(--color-brown-200);flex-direction:column;align-items:center;padding:10px;display:flex;position:relative;overflow:hidden}.frame-corner-heart{z-index:10;width:32px;height:32px;color:var(--color-brown-950);background:linear-gradient(135deg,#c59b63,#e9d5ba);border-radius:50%;justify-content:center;align-items:center;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;box-shadow:0 4px 10px #0000004d,0 0 0 2px #3e2317}.frame-corner-heart:hover{transform:scale(1.2)rotate(8deg)}.frame-corner-heart svg{fill:#a32a2a;stroke:#a32a2a;filter:drop-shadow(0 1px 2px #0003)}.corner-tl{top:-8px;left:-8px}.corner-tr{top:-8px;right:-8px}.corner-bl{bottom:-8px;left:-8px}.corner-br{bottom:-8px;right:-8px}.photo-viewport{border-radius:var(--radius-sm);background:var(--color-brown-100);cursor:pointer;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.photo-image{object-fit:contain;border-radius:var(--radius-sm);width:auto;max-width:100%;height:auto;max-height:65vh;transition:opacity .4s,transform .3s;display:block}.photo-viewport:hover .photo-image{transform:scale(1.015)}.nav-arrow{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-brown-200);color:var(--color-brown-900);cursor:pointer;z-index:15;width:46px;height:46px;transition:var(--transition-smooth);box-shadow:var(--shadow-md);background:#ffffffe0;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.nav-arrow:hover{background:var(--color-brown-900);color:var(--color-white-pure);border-color:var(--color-brown-900);transform:translateY(-50%)scale(1.08)}.nav-prev{left:8px}.nav-next{right:8px}.carousel-bottom-bar{justify-content:center;align-items:center;gap:12px;margin-top:18px;display:flex}.carousel-btn{background:var(--color-white-pure);border:1px solid var(--color-brown-200);color:var(--color-brown-800);border-radius:var(--radius-full);cursor:pointer;width:38px;height:38px;transition:var(--transition-smooth);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;display:inline-flex}.carousel-btn:hover{background:var(--color-brown-900);color:var(--color-white-pure);border-color:var(--color-brown-900);box-shadow:var(--shadow-md);transform:translateY(-2px)}.thumbnails-container{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--color-brown-300) transparent;align-items:center;gap:10px;width:100%;max-width:860px;margin-top:20px;padding:10px 4px 14px;display:flex;overflow-x:auto}.thumbnails-container::-webkit-scrollbar{height:6px}.thumbnails-container::-webkit-scrollbar-thumb{background-color:var(--color-brown-300);border-radius:var(--radius-full)}.thumb-item{border-radius:var(--radius-sm);cursor:pointer;background:var(--color-white-pure);border:2px solid var(--color-white-pearl);height:64px;transition:var(--transition-smooth);box-shadow:var(--shadow-sm);flex:0 0 64px;padding:0;position:relative;overflow:hidden}.thumb-item img{object-fit:cover;width:100%;height:100%;display:block}.thumb-item:hover{border-color:var(--color-brown-400);transform:translateY(-2px)scale(1.05)}.thumb-item.active{border-color:var(--color-gold-warm);box-shadow:0 0 0 2px var(--color-brown-800), var(--shadow-gold);transform:translateY(-3px)scale(1.08)}.lightbox-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:9999;background:#1b0f0af0;justify-content:center;align-items:center;padding:24px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.lightbox-content{justify-content:center;align-items:center;max-width:92vw;max-height:92vh;display:flex;position:relative}.lightbox-close-btn{color:var(--color-white-pure);cursor:pointer;width:36px;height:36px;transition:var(--transition-smooth);background:#fff3;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-44px;right:0}.lightbox-close-btn:hover{background:var(--color-white-pure);color:var(--color-brown-950)}.lightbox-image{object-fit:contain;border-radius:var(--radius-md);border:2px solid var(--color-gold-warm);max-width:90vw;max-height:85vh;box-shadow:0 25px 50px #00000080}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=640px){.carousel-stage{min-height:320px}.adaptive-frame{padding:12px}.frame-passepartout{padding:8px}.frame-corner-heart{width:26px;height:26px}.frame-corner-heart svg{width:14px;height:14px}.photo-image{max-height:52vh}.nav-arrow{width:38px;height:38px}.nav-prev{left:4px}.nav-next{right:4px}.thumb-item{flex:0 0 52px;height:52px}}