@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600&family=Inter:wght@300;400;500;600&display=swap";.upload-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:900px;margin:0 auto}.upload-source-grid{display:grid;gap:.9rem;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin:1.5rem 0 1rem}.upload-source-card{align-items:center;background:#ffffffdb;border:1px solid rgba(47,79,62,.14);border-radius:8px;color:var(--color-forest-green);display:flex;gap:.85rem;min-height:104px;padding:1rem;text-align:left;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;width:100%}.upload-source-card:hover{border-color:#2f4f3e52;box-shadow:var(--shadow-soft);transform:translateY(-2px)}.upload-source-card.selected{background:#fff;border-color:#2f4f3e6b;box-shadow:0 14px 34px #2f4f3e14}.upload-source-check{color:var(--color-forest-green);flex:0 0 auto;margin-left:auto;opacity:0;transition:opacity .2s ease}.upload-source-card.selected .upload-source-check{opacity:1}.upload-source-icon{align-items:center;background:#2f4f3e14;border-radius:8px;color:var(--color-forest-green);display:inline-flex;flex:0 0 auto;height:48px;justify-content:center;width:48px}.upload-source-copy{display:grid;gap:.22rem;min-width:0}.upload-source-copy strong{color:var(--color-forest-green);font-size:1rem;font-weight:700;line-height:1.25}.upload-source-copy small{color:var(--color-charcoal-ink);font-size:.86rem;line-height:1.35;opacity:.66}.upload-selected-panel{width:100%;margin-bottom:1.25rem}.upload-option-card{width:100%;border:1px solid rgba(47,79,62,.16);border-radius:8px;background:#ffffffeb;padding:1.5rem;box-sizing:border-box;box-shadow:0 14px 34px #2f4f3e0f}.drive-import-panel{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:1.25rem;align-items:stretch}.upload-option-header{display:flex;align-items:flex-start;gap:.85rem;color:var(--color-forest-green);min-width:0}.upload-option-icon{width:44px;height:44px;border-radius:8px;background:#2f4f3e14;color:var(--color-forest-green);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.upload-option-header svg{flex:0 0 auto}.google-drive-icon{background:#fff;border:1px solid rgba(143,169,155,.22);box-shadow:0 8px 20px #2f4f3e14}.google-drive-logo{display:block;flex:0 0 auto}.upload-option-header span{color:var(--color-muted-sage);display:block;font-size:.72rem;font-weight:800;letter-spacing:.12em;margin-bottom:.25rem;text-transform:uppercase}.upload-option-header h3{margin:0;font-family:var(--font-heading);font-size:1.45rem;font-weight:500;color:var(--color-forest-green)}.upload-option-header p{margin:.25rem 0 0;color:var(--color-charcoal-ink);font-size:.92rem;line-height:1.4;opacity:.68}.drive-folder-summary{min-height:104px;border:1px solid rgba(143,169,155,.24);border-radius:8px;background:#8fa99b14;color:var(--color-charcoal-ink);display:flex;flex-direction:column;justify-content:center;gap:.7rem;padding:.8rem .95rem;box-sizing:border-box;font-size:.95rem;line-height:1.35;align-self:stretch}.drive-folder-name,.drive-counts{align-items:center;display:flex;gap:.55rem;min-width:0}.drive-folder-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drive-folder-name svg{color:var(--color-muted-sage);flex:0 0 auto}.drive-counts{flex-wrap:wrap;margin:0;padding:0}.drive-counts div{align-items:baseline;background:#fff;border:1px solid rgba(47,79,62,.1);border-radius:999px;color:var(--color-forest-green);display:inline-flex;gap:.35rem;min-height:30px;padding:.28rem .62rem}.drive-counts dt{color:var(--color-muted-sage);font-size:.75rem;font-weight:800;letter-spacing:.08em;margin:0;text-transform:uppercase}.drive-counts dd{color:var(--color-forest-green);font-size:.92rem;font-weight:800;line-height:1;margin:0}.drive-actions-row{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.75rem}.drive-step-panel{grid-column:1 / -1;align-items:stretch;background:#2f4f3e0f;border:1px solid rgba(47,79,62,.18);border-radius:8px;display:grid;gap:.85rem;grid-template-columns:minmax(0,1fr) auto;padding:.9rem 1rem}.drive-current-step{align-items:center;color:var(--color-forest-green);display:flex;gap:.75rem;min-width:0}.drive-current-step svg{flex:0 0 auto}.drive-current-step span{display:grid;gap:.12rem;min-width:0}.drive-current-step small{color:var(--color-muted-sage);font-size:.68rem;font-style:normal;font-weight:800;letter-spacing:.11em;line-height:1.2;text-transform:uppercase}.drive-current-step strong{color:var(--color-forest-green);font-size:1rem;line-height:1.25}.drive-current-step em{color:var(--color-charcoal-ink);font-size:.84rem;font-style:normal;line-height:1.35;opacity:.68;overflow-wrap:anywhere}.drive-step-track{align-items:center;display:flex;flex-wrap:wrap;gap:.45rem;justify-content:flex-end}.drive-step-chip{align-items:center;background:#fff;border:1px solid rgba(47,79,62,.12);border-radius:999px;color:var(--color-muted-sage);display:inline-flex;font-size:.72rem;font-weight:800;gap:.35rem;letter-spacing:.08em;line-height:1;min-height:32px;padding:.35rem .55rem .35rem .42rem;text-transform:uppercase}.drive-step-chip b{align-items:center;background:#8fa99b29;border-radius:50%;color:inherit;display:inline-flex;font-size:.7rem;height:20px;justify-content:center;width:20px}.drive-step-chip.active{border-color:#f7c352cc;box-shadow:0 0 0 3px #f7c35229;color:var(--color-forest-green)}.drive-step-chip.done{background:#2f4f3e14;color:var(--color-forest-green)}.drive-step-chip.done b{background:var(--color-forest-green);color:#fff}.drive-import-button{height:44px;border:none;border-radius:8px;background:var(--color-forest-green);color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-size:.78rem;font-weight:700;letter-spacing:.08em;min-width:178px;padding:0 1rem;text-transform:uppercase;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;white-space:nowrap}.drive-actions-row .drive-import-button,.drive-actions-row .drive-cancel-button{width:100%}.drive-import-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-soft)}.drive-import-button.secondary{background:#fff;border:1px solid rgba(47,79,62,.28);color:var(--color-forest-green)}.drive-import-button:disabled{cursor:not-allowed;opacity:.75}.drive-cancel-button{height:44px;border:1px solid rgba(198,40,40,.24);border-radius:8px;background:#fff;color:#c62828;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-size:.78rem;font-weight:700;letter-spacing:.08em;min-width:148px;padding:0 1rem;text-transform:uppercase;transition:transform .2s ease,box-shadow .2s ease;white-space:nowrap}.drive-cancel-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}.drive-summary{grid-column:1 / -1;border:1px solid rgba(47,79,62,.18);border-radius:8px;background:#2f4f3e0d;color:var(--color-forest-green);display:flex;align-items:center;gap:.7rem;padding:.95rem 1rem;font-size:.94rem}.drive-summary span{color:var(--color-charcoal-ink);opacity:.68}.drive-file-list{grid-column:1 / -1;border:1px solid rgba(143,169,155,.22);border-radius:8px;background:#ffffffb8;overflow:hidden}.drive-file-list-header{align-items:center;background:#2f4f3e0f;border-bottom:1px solid rgba(143,169,155,.18);color:var(--color-forest-green);display:flex;justify-content:space-between;gap:1rem;padding:.75rem .95rem}.drive-file-list-header span{font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.drive-file-list-header strong{font-weight:700;font-size:.95rem;min-width:0;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.drive-file-list ul{display:grid;gap:.25rem;list-style:none;margin:0;max-height:180px;overflow:auto;padding:.75rem .95rem}.drive-file-list li{color:var(--color-charcoal-ink);font-size:.86rem;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drive-file-list p{border-top:1px solid rgba(143,169,155,.14);color:var(--color-muted-sage);font-size:.84rem;margin:0;padding:.7rem .95rem}.drive-summary svg{flex:0 0 auto}.drive-progress{grid-column:1 / -1;border-top:1px solid rgba(143,169,155,.2);color:var(--color-charcoal-ink);display:flex;justify-content:space-between;gap:1rem;padding-top:1rem;font-size:.92rem}.drive-progress span{color:var(--color-muted-sage);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.drive-progress strong{color:var(--color-forest-green);font-weight:600;text-align:right}.compact-status{grid-column:1 / -1;margin-top:0;padding:.95rem 1rem}.dropzone{width:100%;min-height:300px;background:#ffffffb8;border:2px dashed rgba(143,169,155,.35);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;margin-top:1.1rem;padding:2.5rem 2rem;box-sizing:border-box;box-shadow:none}.dropzone:before{display:none}.dropzone:hover{transform:translateY(-6px);box-shadow:var(--shadow-large);border-color:var(--color-antique-gold)}.dropzone:hover:before,.dropzone.active:before{border-color:var(--color-antique-gold);background-color:#f7c35208}.dropzone-content{text-align:center;z-index:10;display:flex;flex-direction:column;align-items:center;gap:1.75rem}.upload-icon{width:72px;height:72px;color:var(--color-forest-green);opacity:.7;transition:all .4s cubic-bezier(.16,1,.3,1)}.dropzone:hover .upload-icon{transform:scale(1.15) translateY(-4px);color:var(--color-antique-gold);opacity:1}.dropzone h3{font-family:var(--font-heading);font-size:1.75rem;color:var(--color-forest-green);margin:0;font-weight:500;letter-spacing:.02em}.dropzone p{margin:0;color:var(--color-charcoal-ink);font-size:1.05rem;font-weight:400;opacity:.7;line-height:1.6}.dropzone span{font-size:.85rem;color:var(--color-muted-sage);letter-spacing:.08em;text-transform:uppercase;font-weight:600;padding:.5rem 1rem;background:#8fa99b14;border-radius:20px;margin-top:.5rem}.upload-status{width:100%;margin-top:2rem;padding:1.25rem 1.75rem;border-radius:8px;display:flex;align-items:center;gap:1rem;animation:slideIn .4s cubic-bezier(.16,1,.3,1);background:#fff;box-shadow:var(--shadow-soft);font-family:var(--font-body);font-size:.95rem}.upload-status-stack{width:100%}.status-copy{display:flex;flex-direction:column;gap:.25rem;min-width:0}.status-copy strong{color:inherit;font-size:.96rem;font-weight:700;line-height:1.35}.status-copy small{color:var(--color-muted-sage);font-size:.82rem;line-height:1.35}.status-success{border-left:4px solid var(--color-forest-green);color:var(--color-forest-green);background:linear-gradient(90deg,#2f4f3e0a,#fff)}.status-error{border-left:4px solid #E57373;color:#c62828;background:linear-gradient(90deg,#e573730a,#fff)}.status-loading{border-left:4px solid var(--color-antique-gold);color:var(--color-charcoal-ink);background:linear-gradient(90deg,#f7c3520a,#fff)}@keyframes slideIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.spin{animation:spin 1.5s linear infinite;color:var(--color-antique-gold)}@media(max-width:768px){.drive-import-panel,.upload-source-grid{grid-template-columns:1fr}.upload-option-card{padding:1.1rem}.drive-import-button,.drive-cancel-button{width:100%}.drive-progress{flex-direction:column}.drive-step-panel{grid-template-columns:1fr}.drive-step-track{justify-content:flex-start}.drive-progress strong{text-align:left}.dropzone{min-height:320px;padding:3rem 2rem}.upload-icon{width:56px;height:56px}.dropzone h3{font-size:1.5rem}}.bride-groom-selector{width:100%;max-width:960px;margin:0 auto}.selector-header{text-align:center;margin-bottom:2rem}.selector-header h3{font-size:1.75rem;margin-bottom:.5rem;color:#1a1a1a}.selector-header p{color:#666;font-size:1rem;margin:0 auto;max-width:680px}.error-message{display:flex;align-items:center;justify-content:center;gap:.5rem;background:#fee2e2;color:#991b1b;padding:1rem;border-radius:8px;margin-bottom:1.5rem;text-align:center}.reference-upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin:2rem 0}.reference-section+.reference-section{margin-top:2.5rem}.reference-section-header{text-align:left}.reference-section-header h4{margin:0 0 .35rem;font-size:1.1rem;color:#25342d}.reference-section-header p{margin:0;color:#66736c}.reference-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.25rem}.reference-card.bride{border-top:4px solid #be3455}.reference-card.groom{border-top:4px solid #2f5f8f}.reference-card.p1-member{border-top:4px solid #b68433}.reference-card-heading{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem;color:#25342d}.reference-card-heading h4{margin:0;font-size:1.15rem}.reference-upload-target{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:220px;border:2px dashed #c9d2ca;border-radius:8px;background:#f8faf8;color:#2f4f3e;cursor:pointer;overflow:hidden}.reference-upload-target:hover:not(:disabled){border-color:#2f4f3e;background:#f3f7f4}.reference-upload-target:disabled{cursor:not-allowed;opacity:.72}.reference-upload-target.has-preview{border-style:solid;padding:0}.reference-upload-target img{width:100%;height:100%;object-fit:cover}.reference-upload-state{display:flex;flex-direction:column;align-items:center;gap:.45rem;padding:1rem;text-align:center}.reference-upload-state small{color:#66736c}.reference-change-label{position:absolute;right:0;bottom:0;left:0;background:#25342dd6;color:#fff;font-size:.85rem;font-weight:700;padding:.55rem}.reference-file-input{display:none}.name-input{width:100%;margin-top:1rem;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.95rem}.name-input:focus{outline:none;border-color:var(--color-forest-green)}.reference-required-status{display:flex;align-items:center;justify-content:center;gap:.4rem;margin-top:.85rem;color:#9f1239;font-size:.9rem;font-weight:700}.reference-required-status.complete{color:#166534}.selector-actions{display:flex;justify-content:center;align-items:center;padding-top:1.5rem;border-top:1px solid #e5e7eb}.reference-section-actions{display:flex;justify-content:center}.secondary-button{display:inline-flex;align-items:center;gap:.5rem;border:1px solid #d2c4a3;background:#fffaf0;color:#7a5617;border-radius:999px;padding:.8rem 1.1rem;font-size:.95rem;font-weight:700;cursor:pointer}.secondary-button:hover:not(:disabled){background:#fff4dd}.secondary-button:disabled{opacity:.5;cursor:not-allowed}.bride-groom-selector .cta-button{background:var(--color-forest-green);color:#fff;border:none;padding:1rem 2.25rem;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #2f4f3e33}.bride-groom-selector .cta-button:hover:not(:disabled){background:#254436;transform:translateY(-2px);box-shadow:0 8px 24px #2f4f3e47}.bride-groom-selector .cta-button:disabled{opacity:.5;cursor:not-allowed}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.reference-upload-grid{grid-template-columns:1fr}.reference-upload-target{height:190px}.selector-actions button{width:100%}}.album-selector{width:100%;max-width:1400px;margin:4rem auto 2rem;padding:2rem;scroll-margin-top:2rem}.selector-title{font-family:var(--font-heading);font-size:2.25rem;color:var(--color-forest-green);text-align:center;margin-bottom:.5rem;font-weight:400;letter-spacing:.02em}.selector-subtitle{text-align:center;color:var(--color-muted-sage);font-size:1rem;margin-bottom:3.5rem;font-weight:400;opacity:.85}.album-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:2rem}.album-card{background:#fff;border:1px solid rgba(47,79,62,.12);border-radius:8px;padding:2.5rem 2rem;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;box-shadow:0 1px 3px #2f4f3e0a;display:flex;flex-direction:column;min-height:400px}.album-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #2f4f3e1f;border-color:var(--color-forest-green)}.album-card.popular{border-color:var(--color-forest-green);border-width:2px;background:linear-gradient(to bottom,#fff,#f7c35205)}.popular-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--color-forest-green);color:#fff;padding:.35rem 1rem;border-radius:4px;font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.album-name{font-family:var(--font-heading);font-size:1.5rem;color:var(--color-forest-green);text-align:center;margin-bottom:.75rem;font-weight:500;letter-spacing:.01em}.album-tagline{text-align:center;color:var(--color-muted-sage);font-size:.9rem;margin-bottom:2rem;font-weight:400;line-height:1.4}.album-features{list-style:none;padding:0;margin:0 0 2rem;flex-grow:1}.album-features li{color:var(--color-charcoal-ink);font-size:.9rem;position:relative;padding:.75rem 0 .75rem 1.5rem;line-height:1.5;opacity:.85}.album-features li:before{content:"•";position:absolute;left:0;color:var(--color-forest-green);font-size:1.2rem;line-height:1.2}.select-button{width:100%;padding:.9rem 2rem;background:transparent;color:var(--color-forest-green);border:1.5px solid var(--color-forest-green);border-radius:4px;font-size:.9rem;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:all .3s ease;letter-spacing:.05em;text-transform:uppercase}.select-button:hover{background:var(--color-forest-green);color:#fff}.album-card.popular .select-button{background:var(--color-forest-green);color:#fff;border-color:var(--color-forest-green)}.album-card.popular .select-button:hover{background:#254436;border-color:#254436}@media(max-width:1200px){.album-grid{grid-template-columns:1fr;max-width:450px;margin:0 auto 2rem}.selector-title{font-size:2rem}}.cover-selector{width:100%;max-width:1100px;margin:3rem auto 1rem;padding:1rem;scroll-margin-top:2rem}.cover-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.cover-card{appearance:none;background:#fff;border:1px solid rgba(47,79,62,.12);border-radius:8px;color:inherit;cursor:pointer;display:flex;flex-direction:column;min-height:420px;padding:1rem;position:relative;text-align:left;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease;width:100%}.cover-card:hover,.cover-card:focus-visible{border-color:var(--color-forest-green);box-shadow:0 12px 32px #2f4f3e1f;outline:none;transform:translateY(-3px)}.cover-card.selected{border-color:var(--color-forest-green);border-width:2px;box-shadow:0 14px 34px #2f4f3e24}.cover-card.popular:not(.selected){border-color:#f7c352a6}.cover-badge,.cover-selected-mark{border-radius:4px;font-size:.68rem;font-weight:700;letter-spacing:.08em;padding:.35rem .7rem;position:absolute;text-transform:uppercase;top:.75rem;z-index:2}.cover-badge{background:var(--color-antique-gold);color:#2c2416;left:.75rem}.cover-selected-mark{background:var(--color-forest-green);color:#fff;right:.75rem}.cover-preview{align-items:center;aspect-ratio:4 / 5;border:1px solid rgba(47,79,62,.08);border-radius:6px;display:flex;justify-content:center;overflow:hidden;width:100%}.cover-preview img{display:block;height:100%;object-fit:cover;width:100%}.cover-preview-fallback{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:100%;padding:1.25rem;text-align:center;width:100%}.cover-preview-rule{display:block;height:3px;width:72px}.cover-preview-title{font-family:var(--font-heading);font-size:1.7rem;font-weight:500;line-height:1.1}.cover-preview-file{color:currentColor;font-size:.7rem;font-weight:600;letter-spacing:.08em;opacity:.55;text-transform:uppercase;word-break:break-word}.cover-details{display:flex;flex-direction:column;gap:.55rem;padding:1.1rem .25rem .25rem}.cover-name{color:var(--color-forest-green);font-family:var(--font-heading);font-size:1.35rem;font-weight:500;line-height:1.15}.cover-description{color:var(--color-muted-sage);font-size:.88rem;line-height:1.45}@media(max-width:1000px){.cover-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.cover-selector{padding:0}.cover-grid{grid-template-columns:1fr}}.projects-page-container{min-height:100vh;background:var(--color-warm-ivory);color:var(--color-charcoal-ink);font-family:var(--font-body);position:relative;overflow-x:hidden}.projects-page-container:before{content:"";position:fixed;top:-10%;right:-5%;width:600px;height:600px;background:radial-gradient(circle,rgba(247,195,82,.05) 0%,transparent 70%);border-radius:50%;z-index:0;pointer-events:none}.projects-header{height:80px;background:#fffc;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid rgba(47,79,62,.05);display:flex;align-items:center;justify-content:space-between;padding:0 4rem;position:sticky;top:0;z-index:100}.header-actions{align-items:center;display:flex;justify-content:flex-end}.header-left{display:flex;align-items:center;gap:1.5rem}.back-home-btn{background:#f1f5f9;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#64748b}.back-home-btn:hover{background:#e2e8f0;color:#1e293b;transform:translate(-2px)}.projects-header .brand-logo{position:relative;z-index:1}.create-new-btn{background:#fff;color:var(--color-forest-green);border:1px solid rgba(47,79,62,.1);padding:.6rem 1.25rem;border-radius:50px;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px #2f4f3e0d;font-size:.9rem}.create-new-btn:hover{background:var(--color-forest-green);color:#fff;transform:translateY(-2px);box-shadow:0 6px 15px #2f4f3e26}.projects-main{max-width:1100px;margin:0 auto;padding:6rem 2rem;position:relative;z-index:1}.projects-hero{margin-bottom:5rem;text-align:center}.projects-hero h1{font-family:var(--font-heading);font-size:4.5rem;color:var(--color-forest-green);margin:0;margin-bottom:.75rem;font-weight:500;letter-spacing:-.01em}.projects-hero p{color:var(--color-muted-sage);font-size:1.35rem;font-weight:300;margin-bottom:3.5rem;font-style:italic}.hero-create-btn{background:var(--color-forest-green);color:#fff;border:none;padding:1.25rem 3.5rem;border-radius:100px;font-weight:600;font-size:1.15rem;display:inline-flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 30px #2f4f3e33}.hero-create-btn:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 20px 45px #2f4f3e4d;background:var(--color-deep-emerald)}.projects-grid{display:flex;flex-direction:column;gap:2rem}.project-wide-card{background:#fff;border:1px solid rgba(47,79,62,.04);border-radius:24px;padding:2.5rem;display:flex;align-items:center;gap:3.5rem;transition:all .6s cubic-bezier(.16,1,.3,1);position:relative;box-shadow:0 10px 40px #00000005;cursor:pointer}.project-wide-card:hover,.project-wide-card:focus-within{border-color:#f7c3524d;box-shadow:0 30px 60px #2f4f3e1a;transform:translateY(-8px)}.project-wide-card.has-active-import{border-color:#2f4f3e29;box-shadow:0 18px 50px #2f4f3e14}.project-card-hit-area{position:absolute;inset:0;border-radius:inherit;z-index:1}.project-card-hit-area:focus-visible{outline:3px solid rgba(47,79,62,.28);outline-offset:4px}.project-visual-preview{width:110px;height:110px;background:var(--color-warm-ivory);border-radius:20px;display:flex;align-items:center;justify-content:center;color:var(--color-forest-green);position:relative;border:1px solid rgba(47,79,62,.02);z-index:2}.absolute-trash{position:absolute;top:-10px;left:-10px;opacity:0;transform:scale(.8)}.project-wide-card:hover .absolute-trash{opacity:1;transform:scale(1)}.project-details{flex:1;position:relative;z-index:2}.project-title-row{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.project-title-row h3{margin:0;font-size:1.25rem;font-weight:700;color:#0f172a}.project-status-tag{padding:6px 12px;border-radius:100px;font-size:.75rem;font-weight:600;text-transform:capitalize;letter-spacing:.02em}.project-status-tag.drafting{background:#e6f4ea;color:#1e7e34;border:1px solid rgba(30,126,52,.1)}.project-status-tag.processing{background:#fff8e1;color:#b08d0a;border:1px solid rgba(176,141,10,.1)}.project-status-tag.review{background:#e8eaf6;color:#3f51b5;border:1px solid rgba(63,81,181,.1)}.project-status-tag.importing{align-items:center;background:#2f4f3e14;border:1px solid rgba(47,79,62,.16);color:var(--color-forest-green);display:inline-flex;gap:.35rem}.project-status-tag.photos-ready{background:#e6f4ea;border:1px solid rgba(30,126,52,.1);color:#1e7e34}.project-status-spinner,.project-import-spinner{animation:rotation 1.1s linear infinite;color:var(--color-forest-green);flex:0 0 auto}.project-stats{display:flex;gap:2.5rem;margin-top:1rem}.stat{display:flex;align-items:center;gap:.6rem;color:var(--color-muted-sage);font-size:.9rem;font-weight:300}.project-import-progress{align-items:center;background:#2f4f3e0a;border:1px solid rgba(47,79,62,.1);border-radius:12px;color:var(--color-forest-green);display:flex;gap:.75rem;margin-top:1rem;padding:.75rem .9rem;max-width:520px}.project-import-progress div{display:flex;flex-direction:column;gap:.2rem;min-width:0}.project-import-progress strong,.project-import-progress span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-import-progress strong{color:var(--color-forest-green);font-size:.88rem;font-weight:700}.project-import-progress span{color:var(--color-muted-sage);font-size:.82rem}.project-actions{display:flex;flex-direction:column;gap:.75rem;min-width:170px;position:relative;z-index:3}.open-project-btn{background:var(--color-forest-green);color:#fff;text-decoration:none;padding:1rem 2rem;border-radius:14px;font-weight:600;font-size:.95rem;display:flex;align-items:center;justify-content:center;gap:.75rem;border:1px solid var(--color-forest-green);transition:all .3s cubic-bezier(.16,1,.3,1)}.open-project-btn:hover,.play-album-btn:hover{background:var(--color-deep-emerald);border-color:var(--color-deep-emerald);box-shadow:0 8px 20px #2f4f3e26;transform:translateY(-2px)}.play-album-btn{align-items:center;background:var(--color-forest-green);border:1px solid var(--color-forest-green);border-radius:14px;color:#fff;display:flex;font-size:.95rem;font-weight:700;gap:.65rem;justify-content:center;padding:.95rem 1.4rem;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1)}.primary-cta{background:#2f4f3e;color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-weight:700;cursor:pointer;transition:all .2s}.projects-page-loading{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}.loader{width:48px;height:48px;border:5px solid #f1f5f9;border-bottom-color:#2f4f3e;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.project-title-clickable{margin:0;font-size:1.25rem;font-weight:700;color:#0f172a;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:color .2s}.project-title-clickable:hover{color:#2f4f3e}.edit-hint-icon{opacity:0;color:#64748b;transition:opacity .2s}.project-title-clickable:hover .edit-hint-icon{opacity:1}.project-title-edit-btn{width:30px;height:30px;border:1px solid rgba(47,79,62,.12);border-radius:50%;background:#fff;color:var(--color-muted-sage);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:translate(-4px);transition:opacity .2s ease,transform .2s ease,color .2s ease,border-color .2s ease;position:relative;z-index:4}.project-wide-card:hover .project-title-edit-btn,.project-title-edit-btn:focus-visible{opacity:1;transform:translate(0)}.project-title-edit-btn:hover{color:var(--color-forest-green);border-color:#2f4f3e47}.inline-edit-group{display:flex;align-items:center;gap:.5rem;flex:1;position:relative;z-index:4}.inline-edit-input{font-size:1.25rem;font-weight:700;color:#0f172a;background:#f1f5f9;border:2px solid #2f4f3e;border-radius:8px;padding:4px 12px;font-family:inherit;width:300px;outline:none}.edit-confirm-btn,.edit-cancel-btn{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .2s}.edit-confirm-btn{background:#dcfce7;color:#166534}.edit-confirm-btn:hover{background:#166534;color:#fff}.edit-cancel-btn{background:#fee2e2;color:#991b1b}.edit-cancel-btn:hover{background:#991b1b;color:#fff}.delete-project-btn{background:#fff;color:#94a3b8;border:1px solid #e2e8f0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px #0000001a;z-index:4}.delete-project-btn:hover{background:#fee2e2;color:#ef4444;border-color:#fecaca;transform:scale(1.05)}.modal-overlay{position:fixed;inset:0;background:#0f172ab3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.modal-content{background:#fff;border-radius:24px;padding:2.5rem;max-width:450px;width:90%;text-align:center;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.modal-icon-warning{width:80px;height:80px;background:#fee2e2;color:#ef4444;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.modal-content h2{font-family:Outfit,sans-serif;font-size:1.75rem;color:#0f172a;margin-bottom:1rem}.modal-content p{color:#64748b;line-height:1.6;margin-bottom:2rem}.modal-error{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#991b1b;font-size:.95rem;font-weight:700;margin:-.75rem 0 1.5rem;padding:.85rem 1rem}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.project-title-modal{text-align:left}.project-title-modal h2,.project-title-modal p{text-align:center}.project-title-modal-label{display:block;color:#475569;font-weight:700;margin-bottom:.5rem}.project-title-modal-input{width:100%;border:2px solid rgba(47,79,62,.18);border-radius:12px;color:#0f172a;font:inherit;font-size:1.05rem;margin-bottom:1.5rem;outline:none;padding:.875rem 1rem;transition:border-color .2s ease,box-shadow .2s ease}.project-title-modal-input:focus{border-color:var(--color-forest-green);box-shadow:0 0 0 4px #2f4f3e1f}@media(max-width:900px){.projects-header{padding:0 1rem}.header-left{gap:.85rem;min-width:0}.projects-header .brand-logo{height:58px;width:auto}}.btn-secondary{background:#f1f5f9;color:#475569;border:none;padding:.875rem;border-radius:12px;font-weight:700;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#e2e8f0;color:#1e293b}.btn-danger{background:#ef4444;color:#fff;border:none;padding:.875rem;border-radius:12px;font-weight:700;cursor:pointer;transition:all .2s}.btn-danger,.btn-secondary{align-items:center;display:inline-flex;justify-content:center;min-height:48px}.btn-danger:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.65}.btn-danger:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef444433}.btn-danger:disabled:hover{background:#ef4444;box-shadow:none;transform:none}.button-spinner{animation:spin 1s linear infinite;margin-right:.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.layout-editor-container{display:flex;height:100vh;width:100vw;overflow:hidden;position:relative;background:#f5f5f5;font-family:Inter,sans-serif}.editor-loading-state{align-items:center;background:#f7f3ec;color:#1f2933;display:flex;flex-direction:column;font-family:Inter,sans-serif;gap:22px;height:100vh;justify-content:center;padding:32px;text-align:center;width:100vw}.editor-loading-mark{align-items:center;background:#fff;border:1px solid rgba(47,79,62,.12);border-radius:50%;box-shadow:0 18px 48px #2f4f3e1f;color:#2f4f3e;display:flex;height:76px;justify-content:center;position:relative;width:76px}.editor-loading-ring{border:3px solid rgba(47,79,62,.12);border-top-color:#c59a3d;border-radius:50%;inset:-7px;position:absolute;animation:editorLoadingSpin 1.1s linear infinite}.editor-loading-copy{align-items:center;display:flex;flex-direction:column;gap:8px;max-width:min(560px,100%)}.editor-loading-copy span{color:#637083;font-size:.86rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.editor-loading-copy strong{color:#17202a;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.45rem,2.4vw,2.35rem);font-weight:500;letter-spacing:0;line-height:1.18}@keyframes editorLoadingSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.editor-icon-bar{width:80px;background:#2f4f3e;display:flex;flex-direction:column;align-items:center;padding:1.5rem 8px;gap:.5rem;z-index:30;flex-shrink:0}.icon-bar-divider{width:40px;height:1px;background:#ffffff1a;margin:.5rem 0}.icon-bar-spacer{flex:1}.icon-tab{width:100%;height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;color:#ffffffb3;transition:background .2s ease,color .2s ease,box-shadow .2s ease;border:1px solid transparent;border-radius:8px;position:relative;padding:0 4px;background:transparent;outline:none}.icon-tab:focus-visible{background:#ffffff26;color:#fff;box-shadow:0 0 0 2px var(--color-antique-gold)}.icon-tab span{font-size:.75rem;font-weight:500;text-align:center}.icon-tab:hover{background:#ffffff14;color:#fff}.icon-tab.active{color:#fff;background:#ffffff1f;border-color:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff0a}.icon-tab.active:before{background:var(--color-antique-gold);border-radius:999px;bottom:14px;content:"";left:0;position:absolute;top:14px;width:3px}.editor-drawer{width:320px;background:#fff;border-right:1px solid #e5e5e5;display:flex;flex-direction:column;position:relative;z-index:20;transition:width .3s ease}.editor-drawer:not(.open){width:0;overflow:hidden;border-right:none}.drawer-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:320px}.drawer-header{padding:1.5rem;border-bottom:1px solid #f0f0f0;background:#fafafa}.drawer-header h3{font-family:var(--font-heading);font-size:1.1rem;margin:0;margin-bottom:.5rem;color:var(--color-charcoal-ink);font-weight:600}.drawer-subtitle{font-size:.85rem;color:#666;margin:0}.small-action-btn{background:var(--color-forest-green);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:6px;font-size:.85rem;cursor:pointer;margin-top:.75rem;width:100%;font-weight:500;transition:background .2s}.small-action-btn:hover{background:#3d6450}.icon-action-btn{align-items:center;background:var(--color-forest-green);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;height:34px;justify-content:center;transition:background .2s ease;width:34px}.icon-action-btn:hover{background:#3d6450}.album-settings-drawer,.photos-drawer{background:#fff}.album-tier-list{display:flex;flex-direction:column;gap:.75rem;padding:1rem}.album-tier-option{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:var(--color-charcoal-ink);cursor:pointer;display:grid;gap:.35rem;padding:1rem 2.5rem 1rem 1rem;position:relative;text-align:left;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.album-tier-option:hover{border-color:var(--color-forest-green);box-shadow:0 6px 14px #2f4f3e14;transform:translateY(-1px)}.album-tier-option.active{background:#f7fbf8;border-color:var(--color-forest-green);box-shadow:inset 0 0 0 1px var(--color-forest-green)}.album-tier-name{font-family:var(--font-heading);font-size:1rem;font-weight:700}.album-tier-sheets{color:var(--color-forest-green);font-size:.82rem;font-weight:700}.album-tier-tagline{color:#6b7280;font-size:.82rem;line-height:1.35}.album-tier-check{color:var(--color-forest-green);position:absolute;right:.9rem;top:1rem}.album-action-panel{border-top:1px solid #eef0f2;display:grid;gap:1rem;margin-top:auto;padding:1rem}.album-action-panel>div{display:grid;gap:.25rem}.album-action-label{color:#6b7280;font-size:.76rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.album-action-panel strong{color:var(--color-charcoal-ink);font-size:1rem}.album-action-panel small{color:#6b7280;font-size:.82rem}.regenerate-album-btn{align-items:center;background:var(--color-forest-green);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:700;gap:.5rem;justify-content:center;min-height:44px;padding:.75rem 1rem;transition:background .2s ease,transform .2s ease;width:100%}.regenerate-album-btn:hover:not(:disabled){background:#3d6450;transform:translateY(-1px)}.regenerate-album-btn:disabled{cursor:wait;opacity:.75}.album-status-message{color:#166534;font-size:.84rem;font-weight:600;margin:0;text-align:center}.photo-library-summary{display:grid;gap:.75rem;padding:1rem}.photo-stat-card{background:#f8faf9;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;min-height:58px;padding:.85rem 1rem}.photo-stat-card span{color:#6b7280;font-size:.82rem;font-weight:700}.photo-stat-card strong{color:var(--color-charcoal-ink);font-size:1.15rem}.photo-drawer-actions{border-top:1px solid #eef0f2;display:grid;gap:.75rem;margin-top:auto;padding:1rem}.photo-primary-action,.photo-secondary-action{align-items:center;border-radius:8px;cursor:pointer;display:inline-flex;font-weight:700;gap:.55rem;justify-content:center;min-height:44px;padding:.75rem 1rem;transition:background .2s ease,border-color .2s ease,transform .2s ease;width:100%}.photo-primary-action{background:var(--color-forest-green);border:1px solid var(--color-forest-green);color:#fff}.photo-secondary-action{background:#fff;border:1px solid #d1d5db;color:var(--color-charcoal-ink)}.photo-primary-action:hover,.photo-secondary-action:hover{transform:translateY(-1px)}.photo-primary-action:hover{background:#3d6450}.photo-secondary-action:hover{border-color:var(--color-forest-green);color:var(--color-forest-green)}.layout-insights-drawer{background:#fff}.insights-summary-grid{border-bottom:1px solid #eef0f2;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr);padding:1rem}.insight-summary-item{background:#f8faf9;border:1px solid #e5e7eb;border-radius:8px;display:grid;gap:.2rem;min-width:0;padding:.75rem .5rem;text-align:center}.insight-summary-item span{color:#6b7280;font-size:.72rem;font-weight:700}.insight-summary-item strong{color:var(--color-charcoal-ink);font-size:1rem}.insights-note,.insights-empty-state{color:#6b7280;font-size:.86rem;line-height:1.45;padding:1rem}.insights-note{background:#fff8e6;border-bottom:1px solid #f2dfad;color:#765617}.insights-spread-context{align-items:center;border-bottom:1px solid #eef0f2;color:#6b7280;display:flex;font-size:.78rem;justify-content:space-between;gap:.75rem;padding:.8rem 1rem}.insights-spread-context span{font-weight:800;text-transform:uppercase}.insights-spread-context strong{color:var(--color-charcoal-ink);font-size:.86rem;text-align:right}.insights-page-list{display:grid;gap:1rem;overflow-y:auto;padding:1rem}.insights-page-row{border-bottom:1px solid #eef0f2;display:grid;gap:.7rem;padding-bottom:1rem}.insights-page-row.current:last-child{border-bottom:0}.insights-page-button{align-items:center;background:#f8faf9;border:1px solid #e5e7eb;border-radius:8px;color:var(--color-charcoal-ink);cursor:pointer;display:flex;justify-content:space-between;min-height:42px;padding:.65rem .75rem;text-align:left}.insights-page-button:hover{border-color:var(--color-forest-green)}.insights-page-button.active{background:#eef7f1;border-color:var(--color-forest-green)}.insights-page-button span{font-size:.9rem;font-weight:800}.insights-page-button small{color:#6b7280;font-size:.72rem;max-width:140px;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.insights-page-meta,.insight-photo-tags,.insight-role-probabilities,.insight-eligibility-row{display:flex;flex-wrap:wrap;gap:.35rem}.insights-page-meta span,.insight-photo-tags span,.insight-role-probabilities span,.insight-eligibility-row span{background:#edf5ef;border-radius:999px;color:var(--color-forest-green);font-size:.7rem;font-weight:800;padding:.25rem .45rem}.insight-role-probabilities{margin-top:.4rem}.insight-role-probabilities span{background:#eef2ff;color:#3730a3}.insight-eligibility-row{margin-top:.35rem}.insight-eligibility-row span.eligible{background:#dcfce7;color:#166534}.insight-eligibility-row span.blocked{background:#fee2e2;color:#991b1b}.insight-blockers{color:#7f1d1d;display:grid;font-size:.78rem;gap:.25rem;line-height:1.35;margin:.45rem 0 0;padding-left:1rem}.insights-template-reason{color:#6b7280;font-size:.82rem;line-height:1.45;margin:0}.insight-photo-decision{display:grid;gap:.65rem;grid-template-columns:30px 1fr}.insight-photo-rank{align-items:center;background:var(--color-forest-green);border-radius:50%;color:#fff;display:flex;font-size:.78rem;font-weight:800;height:30px;justify-content:center;width:30px}.insight-photo-body{min-width:0}.insight-photo-body strong{color:var(--color-charcoal-ink);display:block;font-size:.86rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.insight-photo-body p{color:#4b5563;font-size:.8rem;line-height:1.45;margin:.4rem 0 0}.library-grid-sidebar{padding:1rem;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;overflow-y:auto;align-content:start;flex:1}.library-item{aspect-ratio:1;border-radius:6px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s;box-shadow:0 2px 4px #00000014;position:relative}.library-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.library-item.selected{border-color:var(--color-forest-green);box-shadow:0 0 0 1px var(--color-forest-green)}.library-image{width:100%;height:100%;object-fit:cover;display:block}.image-number{position:absolute;top:4px;left:4px;background:#000000b3;color:#fff;padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:600;pointer-events:none}.pagination-info{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#f8f8f8;border-bottom:1px solid #e5e5e5;font-size:.85rem;color:#666;font-weight:500}.page-indicator{color:var(--color-forest-green);font-weight:600}.pagination-controls{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;border-top:1px solid #e5e5e5;background:#fff}.server-batch-controls{align-items:center;background:#fff;border-bottom:1px solid #e5e5e5;color:#666;display:flex;font-size:.8rem;font-weight:600;gap:.5rem;justify-content:space-between;padding:.75rem 1rem}.server-batch-controls .page-nav-btn{padding:.45rem .65rem}.page-nav-btn{background:#fff;border:1px solid #ddd;padding:.5rem .75rem;border-radius:6px;font-size:.85rem;font-weight:500;color:var(--color-charcoal-ink);cursor:pointer;transition:all .2s}.page-nav-btn:hover:not(:disabled){background:var(--color-forest-green);color:#fff;border-color:var(--color-forest-green)}.page-nav-btn:disabled{opacity:.3;cursor:not-allowed}.page-numbers{display:flex;gap:.25rem}.page-num-btn{background:#fff;border:1px solid #ddd;width:36px;height:36px;border-radius:6px;font-size:.9rem;font-weight:500;color:var(--color-charcoal-ink);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.page-num-btn:hover{background:#f0f0f0;border-color:#ccc}.page-num-btn.active{background:var(--color-forest-green);color:#fff;border-color:var(--color-forest-green);font-weight:600}.empty-library-message{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:#999}.empty-library-message svg{color:#ddd;margin-bottom:1rem}.empty-library-message p{margin:.25rem 0;font-size:.9rem;color:#666}.empty-library-message .hint{font-size:.8rem;color:#999;font-style:italic}.layouts-sidebar{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;height:100%;overflow-y:auto}.sidebar-title{font-family:var(--font-heading);font-size:1.25rem;margin:0;color:var(--color-charcoal-ink)}.sidebar-subtitle{font-size:.85rem;color:#666;margin-top:-1rem}.sidebar-message{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:2rem;text-align:center;color:#999;gap:1rem}.template-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding-bottom:2rem}.template-btn{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem;background:#fff;border:1px solid #e5e5e5;border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.template-btn:hover{border-color:var(--color-forest-green);background:#f9fffb;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.template-btn.active{border-color:var(--color-forest-green);background:#f0fdf4;box-shadow:0 0 0 1px var(--color-forest-green)}.template-info{width:60px;height:60px;background:#f5f5f5;border:1px solid #eee;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s}.template-btn:hover .template-info{background:#fff;border-color:#d1fae5}.template-count{font-size:1.25rem;font-weight:700;color:var(--color-forest-green)}.template-name{font-size:.75rem;font-weight:600;color:#4b5563;text-align:center}.mini-layout{width:40px;height:40px;border:1px solid #ddd;display:grid;gap:2px;background:#f5f5f5;padding:2px;border-radius:4px}.mini-layout.full{grid-template-columns:1fr;background:#fff}.mini-layout.half{grid-template-rows:1fr 1fr;background:#fff}.mini-layout.grid2{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;background:#fff}.mini-layout.three{grid-template-columns:1fr 1fr;grid-template-rows:2fr 1fr;background:#fff}.pages-list-view{padding:1.5rem;display:flex;flex-direction:column;gap:1rem;overflow-y:auto;flex:1}.page-thumbnail-item{display:flex;align-items:center;gap:1.25rem;padding:.75rem;background:#fff;border:1px solid #e5e5e5;border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);width:100%;text-align:left;font-family:inherit;outline:none}.page-thumbnail-item:focus-visible{outline:2px solid var(--color-forest-green);outline-offset:2px}.page-thumbnail-item:hover{border-color:var(--color-forest-green);background:#f9fffb;transform:translate(4px)}.page-thumbnail-item.active{border-color:var(--color-forest-green);background:#f0fdf4;box-shadow:0 0 0 1px var(--color-forest-green)}.page-thumbnail-item.drag-over-page{border-color:var(--color-antique-gold);background:#fffdf0;transform:scale(1.02);box-shadow:0 4px 12px #0000001a}.page-mini-preview{width:72px;height:48px;display:grid;gap:2px;padding:4px;background:#f5f5f5;border:1px solid #ddd;border-radius:4px;flex-shrink:0}.page-mini-preview .mini-slot{background:#fff;border:.5px solid #eee;border-radius:1px}.page-mini-preview .mini-slot.filled{background:#2f4f3e;border-color:#2f4f3e;opacity:.6}.page-thumbnail-info{display:flex;flex-direction:column;gap:2px}.page-num-label{font-size:.9rem;font-weight:700;color:var(--color-charcoal-ink)}.page-template-label{font-size:.7rem;color:#888;text-transform:capitalize}.editor-workspace-area{flex:1;position:relative;display:flex;flex-direction:column;overflow:hidden;transition:margin-right .3s cubic-bezier(.16,1,.3,1)}.editor-workspace-area.shrink-workspace{margin-right:400px}.editor-top-nav{height:65px;background:#fff;border-bottom:1px solid #e5e5e5;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;z-index:10;flex-shrink:0}.nav-section{display:flex;align-items:center;gap:1.5rem}.page-nav-controls{display:flex;align-items:center;gap:1rem;background:#f8f8f8;padding:.5rem 1rem;border-radius:8px}.nav-arrow-btn{background:#fff;border:1px solid #ddd;width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-charcoal-ink);transition:all .2s}.nav-arrow-btn:hover:not(:disabled){background:var(--color-forest-green);color:#fff;border-color:var(--color-forest-green)}.nav-arrow-btn:disabled{opacity:.3;cursor:not-allowed}.spread-label{font-size:.95rem;font-weight:600;color:var(--color-charcoal-ink);min-width:150px;text-align:center}.zoom-controls{display:flex;align-items:center;gap:.75rem;background:#f8f8f8;padding:.5rem 1rem;border-radius:8px}.zoom-controls button{background:#fff;border:1px solid #ddd;width:32px;height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#555;transition:all .2s}.zoom-controls button:hover{background:#eee;border-color:#ccc}.zoom-value{font-size:.9rem;font-weight:600;min-width:50px;text-align:center;color:var(--color-charcoal-ink)}.view-controls{display:flex;gap:.5rem}.view-mode-btn{background:#fff;border:1px solid #ddd;width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#555;transition:all .2s}.view-mode-btn:hover{background:#f0f0f0;border-color:#bbb}.canvas-scroller{flex:1;overflow:auto;display:flex;align-items:center;justify-content:center;padding:6rem 3rem;background:#f5f5f5;position:relative}.spread-container{display:flex;gap:0;box-shadow:0 10px 40px #00000026;transition:transform .3s ease;background:#fff;border-radius:2px}.page-wrapper.updated-highlight{animation:highlightedPage 1s ease}@keyframes highlightedPage{0%{transform:scale(1);box-shadow:0 0 #10b98100}30%{transform:scale(1.02);box-shadow:0 0 20px 5px #10b98166}to{transform:scale(1);box-shadow:0 0 #10b98100}}.page-header-label{position:absolute;top:.22rem;font-size:.55rem;color:#bbb;text-transform:uppercase;letter-spacing:.15em;font-weight:700;line-height:1;z-index:5;pointer-events:none}.page-wrapper.left .page-header-label{left:.7rem}.page-wrapper.right .page-header-label{right:.7rem;text-align:right}.page-wrapper.selected .page-header-label{color:var(--color-forest-green);opacity:.8}.page-canvas{--page-safe-x: .7rem;--page-safe-top: .85rem;--page-safe-bottom: .9rem;--page-grid-gap: .5rem;width:600px;height:400px;background:#fff;display:grid;padding:var(--page-safe-top) var(--page-safe-x) var(--page-safe-bottom);gap:var(--page-grid-gap);border-right:1px solid #f0f0f0;position:relative;box-sizing:border-box}.page-wrapper:last-child .page-canvas{border-right:none}.page-canvas.empty-page{background:#fafafa;border:2px dashed #ddd}.slot{position:relative;background:#fafafa;border:2px dashed #ddd;overflow:visible;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;border-radius:4px;min-height:0}.slot.slot-role-hero,.slot.slot-role-support,.slot.slot-role-detail,.slot.slot-role-standard{margin:0}.slot.is-bleed{margin:0!important;border-radius:0;border:none;z-index:2}.slot.is-bleed.bleed-top{margin-top:0!important}.slot.is-bleed.bleed-right{margin-right:0!important}.slot.is-bleed.bleed-bottom{margin-bottom:0!important}.slot.is-bleed.bleed-left{margin-left:0!important}.slot.is-bleed .slot-image-frame{border-radius:0}.page-wrapper.full-spread-page{z-index:10}.page-wrapper.full-spread-page .page-canvas{width:600px;position:relative}.slot:hover{background:#fff;border-color:var(--color-forest-green);border-style:solid}.slot.has-image{background:transparent;border-color:transparent;border-style:solid}.slot.has-image:hover{background:transparent;border-color:transparent}.slot.active-target{background:#2f4f3e0d;border:3px solid var(--color-forest-green);border-style:solid;animation:pulseGlow 1.5s ease-in-out infinite}.slot.highlight-drop{border-color:var(--color-antique-gold);border-style:solid;background:#fffdf0;border-width:3px}.page-wrapper.selected .page-canvas{border:3px solid var(--color-forest-green);box-shadow:0 15px 50px #2f4f3e33}.page-wrapper.selected .page-header-label{color:var(--color-forest-green);font-weight:800}.internal-page-number{position:absolute;bottom:2rem;font-family:var(--font-heading);font-size:.9rem;color:#ccc;font-weight:500;pointer-events:none;z-index:5;background:#fff;padding:0 1rem}.page-wrapper.left .internal-page-number{left:1.5rem}.page-wrapper.right .internal-page-number{right:1.5rem}.page-wrapper.selected .internal-page-number{color:var(--color-forest-green);font-weight:700}.slot-image-frame{width:100%;height:100%;border-radius:inherit;overflow:hidden;position:relative}.slot-image{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:inherit;display:block;transform-origin:center;transition:transform .16s ease,transform-origin .16s ease,object-position .16s ease}.slot-empty-text{font-size:.75rem;color:#bbb;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.slot-context-menu{position:absolute;top:-10px;left:50%;transform:translate(-50%,-100%);background:#fffffff5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:14px;padding:6px;display:flex;align-items:center;gap:6px;box-shadow:0 12px 28px #0f172a2e,0 0 0 1px #0f172a14;z-index:600;animation:menuPopIn .18s ease-out;border:1px solid rgba(255,255,255,.75);white-space:nowrap;flex-direction:column}.context-menu-actions{display:flex;align-items:center;gap:4px}.slot-context-menu:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid rgba(255,255,255,.95)}@keyframes menuPopIn{0%{opacity:0;transform:translate(-50%,-92%) scale(.98)}to{opacity:1;transform:translate(-50%,-100%) scale(1)}}.context-menu-btn{background:transparent;border:none;height:34px;padding:0 12px;border-radius:10px;display:flex;align-items:center;gap:6px;cursor:pointer;transition:background .16s ease,color .16s ease,box-shadow .16s ease;color:#1a1a1a;font-size:.75rem;font-weight:700}.context-menu-btn:hover{background:#f3f4f6;box-shadow:inset 0 0 0 1px #0f172a0d}.context-menu-btn.active{background:#edf7f1;color:var(--color-forest-green);box-shadow:inset 0 0 0 1px #2f4f3e1f}.context-menu-btn.danger{color:#dc2626}.context-menu-btn.danger:hover{background:#fee2e2}.context-menu-btn.close{width:34px;padding:0;color:#6b7280}.context-menu-btn.close:hover{background:#f3f4f6;color:#111827}.slot.crop-active{border-color:var(--color-antique-gold);border-style:solid}.crop-control-panel{width:auto;display:grid;grid-template-columns:auto 56px repeat(5,30px);grid-template-rows:30px;gap:4px;align-items:center;justify-content:stretch;padding:6px 2px 0;border-top:1px solid #eef0f2}.crop-nudge-btn,.crop-reset-btn{width:30px;height:30px;border-radius:8px;border:1px solid #e5e5e5;background:#fff;color:#333;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}.crop-nudge-btn:hover,.crop-reset-btn:hover{background:#f8faf9;border-color:var(--color-forest-green);color:var(--color-forest-green);box-shadow:0 1px 4px #0f172a14}.crop-zoom-stepper{grid-column:2;grid-row:1;display:grid;grid-template-columns:1fr 1fr;height:30px;overflow:hidden;border:1px solid #e5e5e5;border-radius:8px;background:#fff}.crop-zoom-btn{width:100%;height:100%;border:none;border-radius:0;background:transparent;color:#333;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .16s ease,color .16s ease}.crop-zoom-btn+.crop-zoom-btn{border-left:1px solid #e5e5e5}.crop-zoom-btn:hover{background:#f8faf9;color:var(--color-forest-green)}.crop-nudge-btn.up{grid-column:4;grid-row:1}.crop-nudge-btn.left{grid-column:3;grid-row:1}.crop-reset-btn{grid-column:5;grid-row:1}.crop-nudge-btn.right{grid-column:7;grid-row:1}.crop-nudge-btn.down{grid-column:6;grid-row:1}.crop-source-label{grid-column:1;grid-row:1;color:#777;font-size:.62rem;font-weight:700;letter-spacing:.04em;padding:0 7px 0 4px;text-align:left;text-transform:uppercase}.status-toast{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);background:#1a1a1a;color:#fff;padding:.75rem 1.25rem;border-radius:50px;display:flex;align-items:center;gap:1rem;box-shadow:0 10px 30px #0000004d;z-index:1000;animation:toastPopUp .3s cubic-bezier(.16,1,.3,1);border:1px solid rgba(255,255,255,.1)}@keyframes toastPopUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.toast-content{display:flex;align-items:center;gap:.75rem}.toast-text{display:flex;flex-direction:column}.toast-title{font-size:.85rem;font-weight:600;line-height:1.2}.toast-desc{font-size:.75rem;color:#aaa}.toast-close{background:#ffffff1a;border:none;color:#ccc;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;margin-left:.5rem}.toast-close:hover{background:#ffffff40;color:#fff}.pulse-icon{animation:pulseIcon 2s infinite;color:var(--color-antique-gold)}@keyframes pulseIcon{0%{opacity:.7}50%{opacity:1;transform:scale(1.1)}to{opacity:.7}}.slot.active-target{border-color:var(--color-forest-green);border-style:solid;border-width:3px;animation:pulseGlow 1.5s ease-in-out infinite;background:#2f4f3e0d}@keyframes pulseGlow{0%,to{box-shadow:0 0 #2f4f3e66;border-color:var(--color-forest-green)}50%{box-shadow:0 0 0 8px #2f4f3e00;border-color:#34d399}}.page-canvas,.mini-layout-preview{display:grid;gap:1rem}.mini-layout-preview{width:72px;height:48px;gap:2px;padding:2px;background:#f0f0f0;border-radius:4px;border:1px solid #ddd}.mini-slot{background:#fff;border:1px solid #eee;border-radius:1px}.template-full{grid-template-columns:1fr}.template-half_vertical{grid-template-rows:1fr;grid-template-columns:repeat(2,minmax(0,1fr))}.template-half_horizontal{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:1fr}.template-grid_2x2{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}.template-three{grid-template-rows:minmax(0,2fr) minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr))}.template-three .slot:first-child,.template-three .mini-slot:first-child{grid-column:span 2}.template-hero_left_vertical_stack{grid-template-rows:1fr 1fr 1fr;grid-template-columns:2fr 1fr}.template-asymmetric_magazine{grid-template-rows:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);grid-template-columns:1fr 2fr}.template-center_hero_corner_details{grid-template-rows:minmax(0,1fr) minmax(0,3fr) minmax(0,1fr);grid-template-columns:1fr 3fr 1fr}.template-diagonal_cascade{grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr))}.template-triptych_bottom_hero{grid-template-rows:minmax(0,1fr) minmax(0,2fr);grid-template-columns:repeat(3,minmax(0,1fr))}.template-mosaic_grid_nine{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr))}.template-polaroid_scatter{grid-template-rows:repeat(5,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr))}.template-golden_ratio_split{grid-template-rows:minmax(0,2fr) minmax(0,3fr);grid-template-columns:3fr 2fr}.template-filmstrip_horizontal{grid-template-rows:minmax(0,2fr) repeat(3,minmax(0,1fr));grid-template-columns:1fr}.template-cross_focus{grid-template-rows:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);grid-template-columns:1fr 2fr 1fr}.template-staircase_ascend{grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr))}.template-window_pane_four{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr))}.template-l_shape_modern{grid-template-rows:minmax(0,2fr) minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr))}.template-sandwich_hero{grid-template-rows:minmax(0,1fr) minmax(0,3fr) minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr))}.template-zigzag_dynamic{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr))}.template-featured_trio{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:2fr repeat(2,minmax(0,1fr))}.template-collage_organic{grid-template-rows:repeat(6,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr))}.template-spotlight_corners{grid-template-rows:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr)}.template-timeline_vertical{grid-template-rows:repeat(5,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr))}.template-full_bleed_single,.template-full_spread_hero{grid-template-rows:1fr;grid-template-columns:1fr}.template-hero_full_left,.template-portrait_landscape_mix{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:minmax(0,1.28fr) minmax(0,1fr)}.template-detail_strip_left{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:minmax(0,.85fr) repeat(2,minmax(0,1fr))}.template-detail_mosaic{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr)) minmax(0,1.15fr)}.template-asymmetric_3{grid-template-rows:minmax(0,1fr) minmax(0,1fr) minmax(0,1.15fr);grid-template-columns:repeat(2,minmax(0,1fr))}.template-staggered_4{grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(12,minmax(0,1fr));row-gap:1.1rem}.template-staggered_4 .slot:nth-child(1),.template-staggered_4 .slot:nth-child(3){grid-column:2 / span 7!important}.template-staggered_4 .slot:nth-child(2),.template-staggered_4 .slot:nth-child(4){grid-column:5 / span 7!important}.search-container{margin-bottom:.5rem}.sidebar-search-input{width:100%;padding:.75rem 1rem;border:1px solid #e5e5e5;border-radius:8px;font-size:.85rem;outline:none;transition:all .2s;background:#fcfcfc}.sidebar-search-input:focus{border-color:var(--color-forest-green);background:#fff;box-shadow:0 0 0 3px #2f4f3e0d}.no-results{grid-column:1 / -1;text-align:center;padding:2rem;color:#999;font-size:.9rem}.regenerate-btn{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#166534;border:1px solid #86efac;padding:.5rem 1rem;border-radius:8px;font-size:.75rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #1665340d}.regenerate-btn:hover{background:linear-gradient(135deg,#dcfce7,#bbf7d0);transform:translateY(-1px);box-shadow:0 4px 12px #1665341a}.regenerate-btn:active{transform:translateY(0)}.regenerate-btn svg{color:#10b981}.flex-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:.5rem}.header-icon{color:#666}.editor-drawer .projects-tab{background:#fff;border:none;border-radius:0;box-shadow:none;color:inherit;display:flex;flex-direction:column;align-items:stretch;gap:0;font-size:inherit;font-weight:inherit;letter-spacing:0;padding:0;text-decoration:none;transform:none;width:auto}.editor-drawer .projects-tab:hover{background:#fff;color:inherit;box-shadow:none;transform:none}.projects-list{padding:1rem;display:flex;flex-direction:column;gap:.75rem;overflow-y:auto}.project-card{display:flex;align-items:center;padding:1rem;background:#fcfcfc;border:1px solid #eee;border-radius:12px;text-decoration:none;color:inherit;transition:all .2s}.project-card:hover{background:#f5f5f5;transform:translate(4px);border-color:#ddd}.project-card.active{background:#f0fdf4;border-color:#86efac}.project-info{flex:1}.project-name-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.project-name{font-weight:700;font-size:.9rem;color:#1a1a1a}.current-badge{padding:2px 6px;background:#166534;color:#fff;font-size:.6rem;border-radius:4px;text-transform:uppercase;font-weight:800}.project-meta{display:flex;gap:1rem;font-size:.75rem;color:#666}.meta-item{display:flex;align-items:center;gap:4px}.card-arrow{color:#ccc;transition:color .2s}.project-card:hover .card-arrow{color:#2f4f3e}.status-finished{color:#10b981}.status-pending{color:#f59e0b}.capitalize{text-transform:capitalize}.nav-divider{width:1px;height:24px;background:#e5e5e5;margin:0 .5rem}.save-project-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s;border:1px solid #e5e5e5;background:#fff;color:#1a1a1a}.save-project-btn:not(:disabled):hover{background:#f8f8f8;border-color:#d1d1d1}.save-project-btn.saving{background:#f5f5f5;color:#999;cursor:wait}.save-project-btn.saved{background:#f0fdf4;color:#166534;border-color:#bbf7d0}.save-project-btn.saved svg{color:#10b981}.right-photo-panel{position:absolute;top:0;right:0;bottom:0;width:400px;background:#fff;z-index:100;box-shadow:-5px 0 25px #0000001a;display:flex;flex-direction:column;border-left:1px solid #e5e5e5;animation:slideInRight .3s cubic-bezier(.16,1,.3,1)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.right-panel-header{padding:1.5rem;border-bottom:1px solid #f0f0f0;background:#fff;display:flex;align-items:center;justify-content:space-between}.right-panel-header h3{margin:0;font-size:1.1rem;font-family:var(--font-heading);color:var(--color-charcoal-ink)}.close-panel-btn{background:none;border:none;cursor:pointer;color:#999;padding:4px;border-radius:4px;transition:all .2s}.close-panel-btn:hover{background:#f5f5f5;color:#333}.right-panel-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:min-content;gap:16px;padding:1.5rem;overflow-y:auto;flex:1;align-content:start}.library-item.large{aspect-ratio:3/2;border-radius:8px;box-shadow:0 2px 8px #0000000f;cursor:pointer;position:relative;overflow:hidden;padding:0;border:2px solid transparent;background:none;outline:none}.library-item.large:focus-visible{outline:2px solid var(--color-forest-green);outline-offset:2px}.library-item.large:hover{transform:translateY(-3px);box-shadow:0 8px 16px #0000001f}.library-item.large .image-number{position:absolute;top:6px;left:6px;background:#0009;color:#fff;padding:2px 8px;border-radius:4px;font-size:.8rem}.used-star-badge{position:absolute;top:6px;right:6px;background:gold;color:#000;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003;z-index:10;border:1px solid rgba(0,0,0,.1);animation:starPop .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes starPop{0%{transform:scale(0) rotate(-45deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.library-item.large img{width:100%;height:100%;object-fit:cover;display:block}.full-view-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:2.5rem;padding:2.5rem;width:100%;max-width:1200px;margin:0 auto}.grid-page-container{display:flex;flex-direction:column;gap:.75rem;cursor:pointer;transition:transform .2s}.grid-page-container:hover{transform:translateY(-5px)}.grid-page-label{font-size:.8rem;font-weight:600;color:#666;text-align:center}.page-wrapper.grid-item{box-shadow:0 4px 12px #0000001a;border-radius:4px;overflow:hidden;background:#fff}.page-wrapper.grid-item .page-canvas{width:100%!important;height:auto!important;aspect-ratio:3 / 2;padding:1rem;pointer-events:none}.view-mode-btn.active{background:var(--color-forest-green);color:#fff;border-color:var(--color-forest-green)}.grid-mode .nav-divider,.grid-mode .zoom-controls,.grid-mode .page-nav-controls{opacity:.5;pointer-events:none}.grid-mode .canvas-scroller{align-items:flex-start;padding-top:8rem}.quality-filter-tabs{display:flex;gap:.5rem;padding:.75rem 1rem;background:#f8fafc;border-bottom:1px solid #e2e8f0}.filter-tab{flex:1;padding:.5rem;font-size:.8rem;font-weight:600;color:#64748b;background:#fff;border:1px solid #cbd5e1;border-radius:6px;cursor:pointer;transition:all .2s ease}.filter-tab:hover{color:var(--color-forest-green);border-color:var(--color-forest-green);background:#f0fdf4}.filter-tab.active{color:#fff;background:var(--color-forest-green);border-color:var(--color-forest-green);box-shadow:0 2px 4px #2f4f3e26}.quality-warning-badge{position:absolute;bottom:6px;left:6px;background:#ef4444e6;color:#fff;padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:700;box-shadow:0 1px 3px #00000026;z-index:10}.editor-modal-backdrop{align-items:center;background:#1118277a;display:flex;inset:0;justify-content:center;padding:2rem;position:fixed;z-index:200}.editor-upload-modal{background:#fff;border-radius:8px;box-shadow:0 24px 80px #00000038;max-height:calc(100vh - 4rem);max-width:980px;overflow:auto;width:min(980px,100%)}.modal-header{align-items:flex-start;border-bottom:1px solid #edf0f2;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.modal-header h3{color:var(--color-charcoal-ink);font-family:var(--font-heading);font-size:1.25rem;margin:0 0 .25rem}.modal-header p{color:#6b7280;font-size:.9rem;margin:0}.editor-upload-modal .upload-container{padding:1.5rem}.editor-upload-modal .upload-title,.editor-upload-modal .upload-subtitle{display:none}.album-visualizer{min-height:100vh;background:#0f1711;color:#f8faf5;display:grid;grid-template-rows:76px 1fr 96px;overflow:hidden}.album-visualizer-header{align-items:center;background:#0f1711f0;border-bottom:1px solid rgba(247,195,82,.12);display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;padding:0 1.5rem;position:relative;z-index:5}.album-header-left,.album-header-actions{align-items:center;display:flex;gap:.75rem}.album-header-actions{justify-content:flex-end}.album-logo-link .brand-logo{filter:drop-shadow(0 3px 10px rgba(0,0,0,.24))}.album-icon-btn,.album-secondary-btn,.album-mini-btn{align-items:center;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#f8faf5;cursor:pointer;display:inline-flex;gap:.5rem;justify-content:center;min-height:40px;padding:0 .8rem;transition:background .2s ease,border-color .2s ease,transform .2s ease;text-decoration:none}.album-icon-btn{width:42px}.album-secondary-btn:hover,.album-icon-btn:hover,.album-mini-btn:hover{background:#ffffff24;border-color:#ffffff38;transform:translateY(-1px)}.album-secondary-btn:disabled{cursor:wait;opacity:.62;transform:none}.album-frame-status{color:#f8faf5a8;display:flex;flex-direction:column;font-size:.75rem;font-weight:600;letter-spacing:.08em;line-height:1.4;text-align:center;text-transform:uppercase}.album-frame-status strong{color:#f7e8b2;font-size:.9rem;letter-spacing:0}.album-stage{align-items:center;display:grid;grid-template-columns:72px minmax(0,1fr) 72px;min-height:0;padding:1.5rem 1rem}.album-frame{align-items:center;display:flex;justify-content:center;min-height:0;perspective:1800px}.digital-spread{background:#fdfdfb;box-shadow:0 28px 80px #0000006b;display:flex;max-width:calc(100vw - 190px);transform:rotateX(1deg)}.album-page-wrapper{position:relative}.album-page-canvas{aspect-ratio:3 / 2;height:min(400px,calc(100vh - 220px),calc((100vw - 210px) / 3));width:auto}.album-page-label{color:#10140f6b;font-size:.55rem;font-weight:800;letter-spacing:.14em;line-height:1;position:absolute;text-transform:uppercase;top:.22rem;z-index:4}.album-page-wrapper.left .album-page-label{left:.7rem}.album-page-wrapper.right .album-page-label{right:.7rem}.album-slot{border-color:transparent;cursor:default;overflow:hidden}.album-slot:hover{background:transparent;border-color:transparent}.album-empty-page{background:#f5f3ee;border-left:1px solid #ece8df}.album-empty-slot{display:block;height:100%;width:100%}.digital-cover{align-items:center;aspect-ratio:3 / 2;box-shadow:0 32px 90px #00000061;display:flex;justify-content:center;max-height:min(400px,calc(100vh - 220px));overflow:hidden;position:relative;width:min(600px,calc(100vw - 190px))}.digital-cover-art{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.digital-cover-overlay{align-items:center;background:linear-gradient(180deg,#ffffff05,#0f171129),radial-gradient(circle at center,rgba(255,255,255,.06),transparent 54%);display:flex;flex-direction:column;inset:0;justify-content:center;padding:3rem;position:absolute;text-align:center}.digital-front-signature{align-items:center;color:#f7e8b2;display:flex;flex-direction:column;margin-top:5%;max-width:min(72%,620px);text-align:center;text-shadow:0 3px 18px rgba(0,0,0,.38)}.digital-front-signature h1{color:#f8efd0;font-family:var(--font-heading);font-size:clamp(2.8rem,6vw,6.8rem);font-weight:500;letter-spacing:0;line-height:.96;margin:.75rem auto 1.15rem;max-width:12ch;overflow-wrap:normal;text-wrap:balance}.digital-front-signature p{color:#b6882f;font-size:clamp(.72rem,1.1vw,.9rem);font-weight:700;letter-spacing:.18em;margin:0;max-width:24ch;text-transform:uppercase}.digital-front-signature span{color:#f8efd0d1;font-family:var(--font-heading);font-size:clamp(1.18rem,2vw,1.6rem);font-weight:500;letter-spacing:0;line-height:1.1}.digital-back-signature{align-items:center;display:flex;flex-direction:column;gap:clamp(4.5rem,13vh,7rem);margin-top:8%;max-width:72%}.digital-back-logo{filter:drop-shadow(0 7px 18px rgba(0,0,0,.18));max-width:280px;object-fit:contain;opacity:.9;width:min(100%,280px)}.digital-back-signature span{color:#f7e8b2;font-size:clamp(.78rem,1.2vw,.95rem);font-weight:700;letter-spacing:.14em;line-height:1.5;max-width:22ch;text-shadow:0 2px 12px rgba(0,0,0,.32);text-transform:uppercase}.album-nav-btn{align-items:center;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:50%;color:#f8faf5;cursor:pointer;display:flex;height:48px;justify-content:center;justify-self:center;transition:opacity .2s ease,transform .2s ease,background .2s ease;width:48px}.album-nav-btn:hover:not(:disabled){background:#ffffff29;transform:scale(1.04)}.album-nav-btn:disabled{cursor:not-allowed;opacity:.26}.album-player-bar{align-items:center;background:#10140ff5;border-top:1px solid rgba(255,255,255,.08);display:grid;gap:1rem;grid-template-columns:auto auto minmax(0,1fr);padding:1rem 1.5rem}.album-player-btn{align-items:center;background:#f7c352;border:none;border-radius:50%;color:#142017;cursor:pointer;display:flex;height:58px;justify-content:center;transition:transform .2s ease,box-shadow .2s ease;width:58px}.album-player-btn:hover{box-shadow:0 14px 28px #f7c3523d;transform:translateY(-2px)}.album-timeline{align-items:center;display:flex;gap:.4rem;min-width:0;overflow-x:auto;padding:.5rem 0}.album-timeline-dot{background:#ffffff38;border:none;border-radius:999px;cursor:pointer;flex:0 0 auto;height:8px;padding:0;transition:background .2s ease,width .2s ease;width:24px}.album-timeline-dot.active{background:#f7c352;width:54px}.album-visualizer-loading,.album-visualizer-empty{align-items:center;background:#10140f;color:#f8faf5;display:flex;flex-direction:column;gap:1rem;min-height:100vh;justify-content:center;text-align:center}.album-visualizer-empty h1{font-family:var(--font-heading);font-size:2.5rem;margin:0}.album-visualizer-empty p{color:#f8faf5b8;margin:0}.album-visualizer-empty button{background:#f7c352;border:none;border-radius:8px;color:#142017;cursor:pointer;font-weight:800;margin-top:1rem;padding:.9rem 1.4rem}@media(max-width:900px){.album-visualizer{grid-template-rows:auto 1fr auto}.album-visualizer-header{grid-template-columns:1fr;padding:.75rem 1rem}.album-header-left,.album-header-actions{justify-content:center}.album-stage{grid-template-columns:48px minmax(0,1fr) 48px;padding:1rem .25rem}.digital-spread{max-width:calc(100vw - 116px)}.album-page-canvas{height:min(230px,calc(100vh - 280px),calc((100vw - 116px) / 3));padding:.65rem .55rem .7rem}.digital-cover{max-height:min(230px,calc(100vh - 280px));width:min(84vw,345px)}.album-secondary-btn span{display:none}.album-player-bar{grid-template-columns:auto auto minmax(0,1fr);padding:.75rem 1rem}}:root{--color-forest-green: #2F4F3E;--color-antique-gold: #F7C352;--color-warm-ivory: #F6F1EA;--color-soft-linen: #E8E1D8;--color-charcoal-ink: #1A1A1A;--color-muted-sage: #8FA99B;--color-blush-sand: #D6B8A9;--color-deep-emerald: #1B3126;--font-heading: "Cormorant Garamond", serif;--font-body: "Inter", sans-serif;--shadow-soft: 0 4px 12px rgba(47, 79, 62, .05);--shadow-medium: 0 12px 32px rgba(47, 79, 62, .08);--shadow-large: 0 24px 64px rgba(47, 79, 62, .12);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .4)}*{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font-body);background:var(--color-warm-ivory);position:relative;color:var(--color-charcoal-ink);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(https://www.transparenttextures.com/patterns/linen.png);opacity:.15;pointer-events:none;z-index:9999}.linen-bg{background-image:radial-gradient(at 0% 0%,rgba(247,195,82,.05) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(47,79,62,.05) 0px,transparent 50%)}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-forest-green);margin:0}button{font-family:var(--font-body);cursor:pointer}.app-nav-header{position:fixed;top:0;left:0;right:0;height:80px;display:flex;justify-content:center;z-index:1000;padding:0 2rem;pointer-events:none}.nav-container{max-width:1400px;width:100%;display:flex;justify-content:space-between;align-items:center;pointer-events:auto}.brand-logo-link{align-items:center;display:inline-flex;flex-shrink:0;line-height:0;text-decoration:none}.brand-logo{display:block;filter:drop-shadow(0 4px 14px rgba(47,79,62,.12));height:76px;object-fit:contain;width:auto}.brand-logo--header{height:76px}.brand-logo--compact{height:120px}.projects-tab{display:flex;align-items:center;gap:.75rem;background:#fff;padding:.7rem 1.4rem;border-radius:100px;text-decoration:none;color:var(--color-forest-green);font-weight:600;font-size:.9rem;box-shadow:0 10px 25px #2f4f3e1a;border:1px solid rgba(47,79,62,.05);transition:all .4s cubic-bezier(.16,1,.3,1);letter-spacing:.01em}.projects-tab:hover{transform:translateY(-3px) scale(1.02);background:var(--color-forest-green);color:#fff;box-shadow:0 15px 35px #2f4f3e33}.projects-tab span{position:relative}.nav-right{align-items:center;display:flex;justify-content:flex-end}.profile-menu-shell{position:relative}.profile-menu-trigger{background:transparent;border:none;box-shadow:none;color:inherit;cursor:pointer;padding:0}.profile-menu-trigger-compact{display:inline-flex;align-items:center;border-radius:14px;justify-content:center}.profile-menu-trigger:focus-visible,.profile-menu-item:focus-visible{outline:2px solid rgba(47,79,62,.28);outline-offset:3px}.profile-avatar{align-items:center;display:inline-flex;font-size:.95rem;font-weight:700;justify-content:center}.profile-avatar-compact{background:#4b7f2b;border:2px solid rgba(255,255,255,.96);border-radius:12px;box-shadow:inset 0 0 0 1px #0f172a2e;color:#fff;height:44px;width:44px}.profile-menu-trigger-open .profile-avatar-compact{box-shadow:inset 0 0 0 1px #0f172a3d,0 0 0 2px #2f4f3e14}.profile-menu-dropdown{background:#fffffffa;border:1px solid rgba(30,41,59,.16);border-radius:16px;box-shadow:0 18px 34px #0f172a1f;display:flex;flex-direction:column;min-width:270px;overflow:hidden;padding:0;position:absolute;right:0;top:calc(100% + .4rem);z-index:150}.profile-menu-summary{border-bottom:1px solid rgba(15,23,42,.12);padding:1.05rem 1.15rem .95rem}.profile-menu-summary-name{color:#1f2937;font-size:.95rem;font-weight:700;line-height:1.2}.profile-menu-summary-email{color:#8b8b8b;font-size:.88rem;font-weight:500;line-height:1.3;margin-top:.45rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-menu-item{align-items:center;background:transparent;border:0;border-radius:0;color:#1f2937;display:flex;font-size:.96rem;font-weight:600;gap:.8rem;justify-content:flex-start;padding:1rem 1.15rem;text-align:left;text-decoration:none;transition:background .2s ease;width:100%}.profile-menu-item:hover{background:#0f172a0a}.hero-logo-box{display:flex;justify-content:center;margin-bottom:2rem;margin-top:4rem}.hero-brand-logo{width:550px;height:auto;max-width:90vw;filter:drop-shadow(0 4px 12px rgba(47,79,62,.08))}.landing-content{display:flex;flex-direction:column;align-items:center;max-width:100%;margin:0 auto;padding:80px 2rem 5rem;width:100%;min-height:100vh}.project-stage-indicator{position:absolute;top:1rem;left:1rem;background:#ffffffe6;color:var(--color-forest-green);padding:.5rem 1rem;border-radius:6px;font-size:.75rem;font-weight:600;box-shadow:0 2px 8px #2f4f3e1a;border:1px solid rgba(47,79,62,.1);letter-spacing:.05em;text-transform:capitalize}.health-warning{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,#fff3e0,#ffe0b2);color:#e65100;padding:.5rem 1rem;border-radius:6px;font-size:.75rem;font-weight:600;box-shadow:0 2px 8px #e6510026;border:1px solid rgba(230,81,0,.1);letter-spacing:.02em}.landing-content{display:flex;flex-direction:column;align-items:center;max-width:1100px;margin:0 auto;padding:2rem 2rem 5rem;width:100%;flex:1}.hero-section{text-align:center;margin-bottom:3.5rem;max-width:900px;animation:fadeIn 1.2s cubic-bezier(.16,1,.3,1);position:relative;z-index:10}.hero-title{font-family:var(--font-heading);font-size:5rem;line-height:1.1;color:var(--color-forest-green);font-weight:500;margin-bottom:1.5rem}.hero-moment-wrap{position:relative;display:inline-block;margin-left:.5rem;font-style:italic;color:var(--color-antique-gold)}.moment-underline{position:absolute;bottom:-10px;left:0;width:100%;height:auto;opacity:.8;animation:drawLine 1.5s ease-out forwards .8s;stroke-dasharray:400;stroke-dashoffset:400}@keyframes drawLine{to{stroke-dashoffset:0}}.hero-subtitle{font-size:1.25rem;color:var(--color-charcoal-ink);opacity:.8;line-height:1.8;max-width:600px;margin:0 auto 2.5rem;font-weight:300;letter-spacing:.03em}.hero-actions{animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) .4s backwards}.bg-decor-1{position:fixed;top:15%;left:10%;width:300px;height:300px;background:radial-gradient(circle,rgba(247,195,82,.1) 0%,transparent 70%);border-radius:50%;filter:blur(60px);z-index:1;animation:float 20s infinite alternate ease-in-out}.bg-decor-2{position:fixed;bottom:10%;right:5%;width:400px;height:400px;background:radial-gradient(circle,rgba(47,79,62,.08) 0%,transparent 70%);border-radius:50%;filter:blur(80px);z-index:1;animation:float 25s infinite alternate-reverse ease-in-out}@keyframes float{0%{transform:translate(0)}to{transform:translate(30px,40px)}}.upload-section{width:100%;display:flex;justify-content:center;animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) .2s backwards}.app-footer{text-align:center;padding:2.5rem 2rem;color:var(--color-muted-sage);font-size:.875rem;margin-top:auto;background:#fff6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(47,79,62,.06);letter-spacing:.02em}.app-footer p{margin:0;font-weight:400}@keyframes fadeIn{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.hero-section h1{font-size:2.5rem}.hero-subtitle{font-size:1rem}.brand-logo--header{height:62px}.brand-logo--compact{height:88px}.landing-content{padding:1.5rem 1rem 3rem}.profile-menu-trigger{padding:0}.profile-menu-dropdown{min-width:240px;right:-.2rem;top:calc(100% + .35rem)}.app-header{padding:2rem 0 1rem}}.welcome-screen{text-align:center;max-width:700px;margin:0 auto;padding:3rem 2rem;animation:fadeIn .8s cubic-bezier(.16,1,.3,1)}.welcome-title{font-family:var(--font-heading);font-size:3.5rem;color:var(--color-forest-green);margin-bottom:1.5rem;font-weight:500;letter-spacing:.01em}.hero-subtitle-main{font-size:1.5rem;color:var(--color-charcoal-ink);opacity:.75;line-height:1.6;margin-bottom:3rem;font-weight:300}.cta-button{padding:1.25rem 3rem;background:var(--color-forest-green);color:#fff;border:none;border-radius:50px;font-size:1.15rem;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);letter-spacing:.02em;box-shadow:0 4px 16px #2f4f3e33}.cta-button:hover{background:#254436;transform:translateY(-4px);box-shadow:0 8px 24px #2f4f3e4d}.upload-flow{width:100%;max-width:1000px;margin:0 auto}.selected-album-banner{display:flex;align-items:center;justify-content:center;background:#fff;padding:1.5rem 2rem;border-radius:12px;margin-bottom:2rem;box-shadow:var(--shadow-soft);border-left:4px solid var(--color-antique-gold)}.banner-text{display:flex;flex-direction:column;gap:.25rem;text-align:center}.banner-text strong{font-family:var(--font-heading);font-size:1.5rem;color:var(--color-forest-green)}.banner-text span{color:var(--color-muted-sage);font-size:.95rem;font-style:italic}#upload-section{scroll-margin-top:2rem;margin-top:4rem}.upload-title{font-family:var(--font-heading);font-size:2rem;color:var(--color-forest-green);text-align:center;margin-bottom:.5rem;font-weight:400}.upload-subtitle{text-align:center;color:var(--color-muted-sage);font-size:1rem;margin-bottom:2rem;font-weight:400}.confirmation-section{width:100%;max-width:600px;margin:4rem auto 2rem;padding:2rem;scroll-margin-top:2rem}.confirmation-card{background:#fff;border:2px solid var(--color-forest-green);border-radius:12px;padding:3rem 2.5rem;text-align:center;box-shadow:var(--shadow-medium)}.confirmation-card h2{font-family:var(--font-heading);font-size:2rem;color:var(--color-forest-green);margin-bottom:1rem;font-weight:500}.confirmation-card p{color:var(--color-charcoal-ink);font-size:1.1rem;margin-bottom:.5rem;line-height:1.6}.confirmation-tagline{color:var(--color-muted-sage);font-style:italic;margin-bottom:1.5rem!important}.sheets-info{display:flex;flex-direction:column;gap:.35rem;color:var(--color-forest-green);font-size:1.05rem!important;margin-bottom:2rem!important;font-weight:500}.sheets-info strong{color:var(--color-antique-gold)}.sheets-info small{color:var(--color-muted-sage);font-size:.86rem;font-weight:500}.app-header.compact-header{padding:0 2rem;justify-content:flex-start;align-items:center;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(47,79,62,.08);height:70px;position:sticky;top:0;z-index:1000;transition:all .4s ease}.compact-header .logo-container{width:auto;margin:0;display:flex;align-items:center;height:100%}.compact-header .brand-logo{width:auto;height:40px;max-width:250px;filter:none;object-fit:contain}.landing-content:has(.layout-editor){height:calc(100vh - 70px);padding:0;max-width:none;overflow:hidden;display:block;background:#f8f6f3}.layout-editor{height:100%;padding:1.5rem 2rem;margin:0;max-width:100%}.editor-fullscreen{position:fixed;inset:0;height:100vh;width:100vw;padding:0;margin:0;max-width:none;overflow:hidden}.setup-wizard-main{width:100%;max-width:900px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.wizard-progress{display:flex;align-items:center;justify-content:center;margin-bottom:3rem;width:100%;max-width:520px}.step-dot{width:34px;height:34px;border-radius:50%;background:var(--color-warm-ivory);border:2px solid var(--color-muted-sage);color:var(--color-muted-sage);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;line-height:1;position:relative;transition:all .3s ease;z-index:2}.step-dot.current{background:var(--color-forest-green);border-color:var(--color-forest-green);color:#fff;box-shadow:0 4px 10px #2f4f3e33}.step-dot.done{background:#fff;border-color:var(--color-forest-green);color:var(--color-forest-green)}.step-number{display:inline-flex;transform:translateY(-1px)}.step-check-icon{filter:drop-shadow(0 1px 0 rgba(47,79,62,.14))}.step-progress-icon{animation:spin 1s linear infinite;bottom:-3px;position:absolute;right:-3px;stroke-width:3}.step-line{flex:1;height:2px;background:#e2e8f0;margin:0 8px;transition:all .3s ease}.step-line.done{background:var(--color-forest-green)}.setup-step{width:100%;display:flex;flex-direction:column;align-items:center}.section-header.center-text{text-align:center;margin-bottom:2rem}.setup-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:var(--shadow-medium);width:100%;border:1px solid rgba(47,79,62,.05)}.wizard-actions{display:flex;justify-content:center;margin-top:2rem;gap:1rem}.text-btn{background:none;border:none;color:var(--color-muted-sage);font-weight:600;cursor:pointer;padding:.5rem 1rem;transition:color .2s}.text-btn:hover{color:var(--color-forest-green);text-decoration:underline}.text-btn.secondary{display:block;margin:1rem auto 0}.preview-note{color:var(--color-muted-sage);font-size:.92rem;margin-top:1rem}.preview-link-btn{align-items:center;display:flex;gap:.5rem;justify-content:center}.project-setup-page{background-color:var(--color-warm-ivory);min-height:100vh;display:flex;flex-direction:column}.setup-wizard-header{height:100px;width:100%;display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;z-index:1000;background:#f6f1eacc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(47,79,62,.05)}.premium-logo-link{transition:transform .3s ease}.premium-logo-link:hover{transform:translateY(-2px)}.logo-text-premium{font-family:var(--font-heading);font-size:2.2rem;font-weight:500;color:var(--color-forest-green);letter-spacing:-.01em;display:flex;align-items:center;gap:.5rem}.gold-accent{color:var(--color-antique-gold);font-style:italic;font-weight:400;margin:0 4px}.setup-wizard-container{padding:140px 2rem 5rem;flex:1;display:flex;justify-content:center;width:100%}.setup-wizard-main{width:100%;max-width:900px;display:flex;flex-direction:column}.editorial-layout{background-color:var(--color-warm-ivory);overflow-x:hidden}.editorial-hero{display:flex;min-height:90vh;width:100%;max-width:1400px;margin:0 auto;align-items:center;padding:4rem 2rem;gap:4rem}.hero-text-side{flex:1;animation:fadeInLeft 1.2s cubic-bezier(.16,1,.3,1)}.editorial-label{font-size:.85rem;letter-spacing:.3em;text-transform:uppercase;color:var(--color-muted-sage);margin-bottom:2rem;font-weight:600}.hero-title-editorial{font-family:var(--font-heading);font-size:5.5rem;line-height:1;color:var(--color-forest-green);margin-bottom:2rem;font-weight:400}.italic-text{font-style:italic;color:var(--color-antique-gold)}.hero-desc-editorial{font-size:1.2rem;line-height:1.8;color:var(--color-charcoal-ink);opacity:.8;max-width:500px;margin-bottom:3rem;font-weight:300}.hero-cta-group{display:flex;align-items:center;gap:2rem}.cta-button-premium{padding:1.25rem 3rem;background:var(--color-forest-green);color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .4s ease;box-shadow:0 10px 30px #2f4f3e26}.cta-button-premium:hover{background:var(--color-deep-emerald);transform:translateY(-5px);box-shadow:0 15px 40px #2f4f3e40}.cta-hint{font-size:.85rem;color:var(--color-muted-sage);font-style:italic}.hero-image-side{flex:1.2;position:relative;display:flex;justify-content:center;align-items:center;animation:fadeInRight 1.5s cubic-bezier(.16,1,.3,1)}.mockup-container{position:relative;width:100%;aspect-ratio:1/1;border-radius:8px;overflow:visible}.album-hero-image{width:100%;height:100%;object-fit:cover;border-radius:8px;box-shadow:var(--shadow-large)}.floating-logo-bg{position:absolute;top:-40px;left:-40px;opacity:.1;z-index:-1;animation:rotateSlow 20s linear infinite}.image-overlay-card{position:absolute;bottom:40px;right:-30px;background:#fff;padding:2rem;box-shadow:var(--shadow-medium);border-radius:4px;text-align:right;z-index:10}.card-top{font-family:var(--font-heading);font-size:1.5rem;color:var(--color-forest-green);margin-bottom:.5rem}.card-bottom{font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--color-antique-gold);font-weight:700}.editorial-detail-row{display:flex;max-width:1200px;margin:4rem auto 10rem;padding:6rem 2rem 0;gap:4rem;border-top:1px solid rgba(47,79,62,.1)}.detail-item{flex:1}.detail-item h3{font-family:var(--font-heading);font-size:1.75rem;margin-bottom:1rem;color:var(--color-forest-green)}.detail-item p{font-size:1rem;line-height:1.6;color:var(--color-charcoal-ink);opacity:.7}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes rotateSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:1024px){.hero-title-editorial{font-size:4rem}.editorial-hero{flex-direction:column-reverse;text-align:center;padding-top:120px}.hero-desc-editorial{margin:0 auto 3rem}.hero-cta-group{justify-content:center}.image-overlay-card{right:0;bottom:0}.editorial-detail-row{flex-direction:column;gap:3rem}}.header-inner{width:100%;max-width:1400px;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;position:relative}.hero-brand-logo.premium{width:450px;height:auto;filter:drop-shadow(0 4px 15px rgba(47,79,62,.1))}.fade-in{animation:fadeIn .5s ease forwards}.landing-content.landing-luxe{--landing-ink: #16382c;--landing-moss: #285443;--landing-gold: #c9943d;--landing-cream: #f7f3eb;align-items:stretch;background:radial-gradient(circle at 8% 18%,rgba(218,196,153,.3),transparent 28rem),linear-gradient(135deg,#fbf8f1,#f4eee3 58%,#ece3d4);isolation:isolate;max-width:none;min-height:100vh;overflow:hidden;padding:0;position:relative}.landing-luxe:before{background-image:repeating-linear-gradient(90deg,rgba(58,48,35,.018) 0 1px,transparent 1px 4px);content:"";inset:0;opacity:.45;pointer-events:none;position:absolute;z-index:-1}.landing-ambient{border:1px solid rgba(40,84,67,.1);border-radius:999px;pointer-events:none;position:absolute;z-index:-1}.landing-ambient-one{height:38rem;right:-22rem;top:5rem;width:38rem}.landing-ambient-two{bottom:7rem;height:22rem;left:-15rem;width:22rem}.landing-luxe .app-nav-header{background:linear-gradient(to bottom,#f9f6efeb,#f9f6ef00);height:118px;padding:0 clamp(1.25rem,4vw,4.5rem);position:absolute}.landing-luxe .nav-container{max-width:1500px}.landing-luxe .brand-logo--header{height:122px;margin-left:-1.15rem}.nav-invitation{color:#16382cad;font-family:var(--font-heading);font-size:1.05rem;font-style:italic;letter-spacing:.02em}.landing-luxe .editorial-hero{align-items:center;display:grid;gap:clamp(3rem,5vw,5.75rem);grid-template-columns:minmax(24rem,.9fr) minmax(31rem,1.1fr);margin:0 auto;max-width:1500px;min-height:0;padding:7.5rem clamp(1.5rem,5vw,5.5rem) 4.75rem;width:100%}.landing-luxe .hero-text-side{animation:landingReveal .9s cubic-bezier(.16,1,.3,1) both;max-width:610px;position:relative;z-index:2}.landing-luxe .editorial-label{align-items:center;color:#8c6a35;display:flex;font-size:.72rem;font-weight:700;gap:.8rem;letter-spacing:.22em;margin-bottom:1.6rem}.landing-luxe .editorial-label:after{background:#8c6a3561;content:"";height:1px;margin-left:.35rem;width:3.5rem}.landing-luxe .hero-title-editorial{color:var(--landing-ink);font-size:clamp(4rem,5vw,5.6rem);font-weight:400;letter-spacing:-.055em;line-height:.79;margin:0 0 2rem}.landing-luxe .italic-text{color:var(--landing-gold);display:inline-block;font-weight:300;letter-spacing:-.045em;line-height:1.02;margin-left:.35em;margin-top:.12em}.landing-luxe .hero-desc-editorial{color:#4b544d;font-size:1.05rem;font-weight:400;line-height:1.8;margin:0 0 2rem;max-width:510px;opacity:1}.landing-luxe .hero-cta-group{margin-bottom:1.15rem}.landing-luxe .google-sign-in-group{align-items:flex-start;display:flex;flex-direction:column}.landing-luxe .cta-button-premium{align-items:center;background:var(--landing-ink);border:1px solid var(--landing-ink);border-radius:999px;box-shadow:0 16px 32px #16382c2e;color:#fffdf8;display:inline-flex;font-size:.78rem;font-weight:700;gap:1.1rem;justify-content:center;letter-spacing:.15em;min-height:58px;padding:1rem 1.9rem;text-transform:uppercase;transition:transform .3s ease,background .3s ease,box-shadow .3s ease}.landing-luxe .cta-button-premium:hover{background:var(--landing-moss);box-shadow:0 20px 38px #16382c3d;transform:translateY(-3px)}.landing-luxe .cta-button-premium:focus-visible{outline:3px solid rgba(201,148,61,.45);outline-offset:4px}.hero-assurance{align-items:center;color:#6d756f;display:flex;flex-wrap:wrap;font-size:.72rem;gap:.8rem;letter-spacing:.03em}.hero-assurance span{align-items:center;display:inline-flex;gap:.5rem}.hero-assurance .assurance-divider{background:#16382c3d;height:3px;width:3px}.hero-process-notes{border-top:1px solid rgba(22,56,44,.14);display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-top:2rem;max-width:480px;padding-top:1.15rem}.hero-process-notes span{align-items:baseline;color:var(--landing-ink);display:flex;font-family:var(--font-heading);font-size:1.05rem;gap:.55rem}.hero-process-notes small{color:var(--landing-gold);font-family:var(--font-body);font-size:.57rem;font-weight:700;letter-spacing:.08em}.landing-luxe .hero-image-side{animation:landingImageReveal 1.1s cubic-bezier(.16,1,.3,1) .12s both;min-width:0}.landing-luxe .mockup-container{aspect-ratio:auto;max-width:690px;overflow:visible;position:relative;width:100%}.hero-image-frame{aspect-ratio:1 / 1;background:#ded3c2;border-radius:1.35rem;box-shadow:0 30px 75px #44362236,0 2px #ffffffb3 inset;overflow:hidden;padding:.7rem;position:relative}.landing-luxe .album-hero-image{border-radius:.95rem;box-shadow:none;height:100%;object-fit:cover;transform:scale(1.015);transition:transform 1.2s cubic-bezier(.16,1,.3,1);width:100%}.landing-luxe .mockup-container:hover .album-hero-image{transform:scale(1.05)}.image-vignette{background:linear-gradient(180deg,#121f1805 50%,#121f1838);border-radius:inherit;inset:.7rem;pointer-events:none;position:absolute}.collection-index{align-items:center;bottom:2rem;color:#fff;display:flex;gap:1rem;left:2rem;position:absolute;text-shadow:0 2px 15px rgba(0,0,0,.3)}.collection-index span{font-size:.61rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;writing-mode:vertical-rl}.collection-index strong{font-family:var(--font-heading);font-size:3.7rem;font-weight:300;line-height:1}.landing-luxe .image-overlay-card{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffdf8f0;border:1px solid rgba(255,255,255,.8);border-radius:.65rem;bottom:-1.5rem;box-shadow:0 18px 45px #2a282026;display:flex;gap:1.15rem;left:-2.2rem;padding:1rem 1.3rem;right:auto;text-align:left}.overlay-icon{align-items:center;background:#efe5d3;border-radius:50%;color:var(--landing-gold);display:flex;height:42px;justify-content:center;width:42px}.card-kicker{color:#987446;font-size:.58rem;font-weight:700;letter-spacing:.18em;margin-bottom:.25rem;text-transform:uppercase}.landing-luxe .card-top{color:var(--landing-ink);font-size:1.25rem;margin:0}.curation-badge{align-items:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#16382ceb;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#f8f2e7;display:flex;font-size:.69rem;gap:.75rem;padding:.8rem 1.1rem;position:absolute;right:-1.4rem;top:23%}.curation-badge strong{color:#e5bc71;font-weight:600}.landing-luxe .editorial-detail-row{border-bottom:1px solid rgba(255,255,255,.1);border-top:1px solid rgba(255,255,255,.1);background:var(--landing-ink);display:grid;gap:0;grid-template-columns:repeat(3,1fr);margin:0;max-width:none;padding:0 clamp(1.5rem,5vw,5.5rem);width:100%}.landing-luxe .detail-item{align-items:flex-start;display:flex;gap:1rem;padding:2.3rem clamp(1.4rem,3vw,3.5rem)}.landing-luxe .detail-item+.detail-item{border-left:1px solid rgba(255,255,255,.1)}.detail-number{color:#d6aa5d;font-family:var(--font-heading);font-size:1.05rem;font-style:italic;padding-top:.25rem}.landing-luxe .detail-item h3{color:#fffaf0;font-size:1.42rem;font-weight:400;margin:0 0 .4rem}.landing-luxe .detail-item p{color:#fffaf0a3;font-size:.76rem;line-height:1.55;margin:0;max-width:18rem;opacity:1}.landing-luxe .app-footer{align-items:center;background:var(--landing-ink);border:0;color:#fffaf073;display:flex;font-size:.67rem;justify-content:space-between;letter-spacing:.08em;margin:0;padding:1.15rem clamp(1.5rem,5vw,5.5rem);text-transform:uppercase}@keyframes landingReveal{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes landingImageReveal{0%{opacity:0;transform:translateY(34px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:1100px){.landing-luxe .editorial-hero{gap:3.5rem;grid-template-columns:minmax(21rem,.9fr) minmax(27rem,1.1fr)}.landing-luxe .hero-title-editorial{font-size:clamp(3.8rem,6.4vw,4.8rem)}.curation-badge{right:-.5rem}}@media(max-width:850px){.landing-luxe .app-nav-header{height:94px}.nav-invitation{display:none}.landing-luxe .brand-logo--header{height:92px}.landing-luxe .editorial-hero{display:flex;flex-direction:column;gap:3.2rem;padding-bottom:5rem;padding-top:7.5rem;text-align:left}.landing-luxe .hero-text-side{max-width:650px;width:100%}.landing-luxe .hero-desc-editorial{margin-left:0;margin-right:0}.landing-luxe .hero-cta-group{justify-content:flex-start}.landing-luxe .hero-image-side{max-width:650px;width:100%}.landing-luxe .editorial-detail-row{grid-template-columns:1fr}.landing-luxe .detail-item+.detail-item{border-left:0;border-top:1px solid rgba(255,255,255,.1)}}@media(max-width:560px){.landing-luxe .app-nav-header{padding:0 1rem}.landing-luxe .brand-logo--header{height:84px}.landing-luxe .editorial-hero{gap:2.5rem;min-height:auto;padding:6.5rem 1.15rem 4rem}.landing-luxe .editorial-label{font-size:.62rem;letter-spacing:.16em}.landing-luxe .editorial-label:after{width:1.8rem}.landing-luxe .hero-title-editorial{font-size:clamp(3.55rem,16vw,4.5rem);line-height:.84;margin-bottom:1.5rem}.landing-luxe .italic-text{margin-left:.08em}.landing-luxe .hero-desc-editorial{font-size:.92rem;line-height:1.7}.landing-luxe .cta-button-premium{min-height:54px;width:100%}.landing-luxe .google-sign-in-group{width:100%}.hero-assurance{font-size:.66rem}.hero-process-notes{gap:.5rem;margin-top:1.5rem}.hero-process-notes span{font-size:.92rem;gap:.35rem}.hero-image-frame{padding:.45rem}.image-vignette{inset:.45rem}.landing-luxe .image-overlay-card{bottom:-1.7rem;left:.7rem;padding:.8rem 1rem}.landing-luxe .card-top{font-size:1.02rem}.overlay-icon{height:36px;width:36px}.curation-badge{right:-.2rem;top:18%}.landing-luxe .editorial-detail-row{padding:0 1.15rem}.landing-luxe .detail-item{padding:1.8rem .4rem}.landing-luxe .app-footer{align-items:flex-start;flex-direction:column;gap:.4rem;padding:1.2rem 1.15rem}}@media(prefers-reduced-motion:reduce){.landing-luxe .hero-text-side,.landing-luxe .hero-image-side{animation:none}.landing-luxe .album-hero-image,.landing-luxe .cta-button-premium{transition:none}}.processing-status{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.5rem;padding:1rem;background:var(--color-warm-ivory);border-radius:50px;border:1px solid rgba(47,79,62,.1);animation:fadeIn .5s ease}.processing-status span{color:var(--color-forest-green);font-weight:500;font-size:.95rem}.mini-loader{width:20px;height:20px;border:2px solid rgba(47,79,62,.2);border-top-color:var(--color-forest-green);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.processing-progress-card{background:#fff;border-radius:16px;padding:3rem 2.5rem;text-align:center;box-shadow:var(--shadow-medium);border:1px solid rgba(47,79,62,.05);width:100%;max-width:600px;animation:fadeIn .5s ease;margin:0 auto}.progress-ring-wrapper{display:flex;flex-direction:column;align-items:center;margin:1.5rem 0 2rem;width:100%}.processing-rotating-message{color:var(--color-forest-green);font-size:1rem;font-weight:600;line-height:1.45;margin:1.25rem auto 0;min-height:1.45em}.progress-percentage{font-family:var(--font-heading);font-size:4rem;font-weight:500;color:var(--color-forest-green);margin-bottom:1rem}.progress-bar-outer{width:100%;height:8px;background:#f1f5f9;border-radius:999px;overflow:hidden;position:relative}.progress-bar-inner{height:100%;background:linear-gradient(90deg,var(--color-forest-green) 0%,var(--color-antique-gold) 100%);border-radius:999px;transition:width .4s cubic-bezier(.16,1,.3,1)}.stages-list{display:flex;flex-direction:column;gap:1rem;margin-top:2rem;text-align:left;background:#f8fafc;padding:1.5rem;border-radius:12px;border:1px solid rgba(47,79,62,.03)}.stage-item{display:flex;align-items:flex-start;gap:.75rem;opacity:.4;transition:opacity .3s ease}.stage-item.active{opacity:1}.stage-item.done{opacity:.8}.stage-status-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700}.stage-item.done .stage-status-icon{color:#10b981}.stage-item.active .stage-status-icon{color:var(--color-antique-gold)}.stage-label-group{display:flex;flex-direction:column}.stage-label{font-weight:500;font-size:.95rem;color:var(--color-charcoal-ink)}.stage-item.active .stage-label{color:var(--color-forest-green);font-weight:600}.stage-msg{font-size:.8rem;color:var(--color-muted-sage);margin-top:.15rem}.spinner-mini{width:14px;height:14px;border:2px solid rgba(247,195,82,.2);border-top-color:var(--color-antique-gold);border-radius:50%;animation:spin .8s linear infinite}