@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:opsz,wght@6..12,400;6..12,500;6..12,600;6..12,700;6..12,800&display=swap";.lp{font-family:Avenir Next,Avenir,Nunito Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1d1d1f;background:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden}.lp-nav{position:fixed;top:0;left:0;right:0;z-index:200;background:#ffffffeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.06)}.lp-nav-inner{max-width:1200px;margin:0 auto;padding:.75rem 1.25rem;display:flex;align-items:center;justify-content:space-between}.lp-brand{display:flex;align-items:center;gap:.5rem;font-family:Mifelin,Georgia,serif;font-weight:400;font-size:1.05rem;letter-spacing:.12em;text-transform:uppercase;color:#304849;text-decoration:none;flex-shrink:0}.lp-brand img{border-radius:6px}.lp-nav-desktop{display:none;align-items:center;gap:1.75rem}.lp-nav-desktop a{color:#3f5150;text-decoration:none;font-size:.875rem;font-weight:500;transition:color .2s}.lp-nav-desktop a:hover{color:#1d1d1f}.lp-nav-signin{color:#1d1d1f!important;font-weight:600!important}.lp-nav-cta{background:#1d1d1f!important;color:#fff!important;padding:.5rem 1.25rem!important;border-radius:980px;font-weight:600!important;font-size:.8125rem!important;transition:opacity .2s}.lp-nav-cta:hover{opacity:.85}.lp-hamburger{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:none;border:none;color:#1d1d1f;cursor:pointer;-webkit-tap-highlight-color:transparent}.lp-mobile-menu{position:fixed;right:0;bottom:0;left:0;top:56px;z-index:199;background:#fffffffa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:2rem}.lp-mobile-menu a{color:#1d1d1f;text-decoration:none;font-size:1.25rem;font-weight:600}.lp-mobile-menu .lp-btn-primary{color:#fff;font-size:1rem;padding:1rem 2.5rem}.lp-page-content{min-height:60vh}.guide-page--lp{padding-top:0}.guide-page--lp .guide-hero{display:none}.guide-page--lp .guide-layout{margin-top:0}.lp-hero{padding:6.5rem 1.25rem 3.5rem;text-align:center;background:#fdf8e2;border-bottom:1px solid #efe4b6}.lp-hero-inner{max-width:720px;margin:0 auto}.lp-h1{font-family:Mifelin,Georgia,serif;font-size:2.5rem;font-weight:400;line-height:1.18;letter-spacing:.06em;margin:0 0 1.25rem;color:#16211f}.lp-h1-accent{color:#52756f}.lp-hero-sub{font-size:1rem;line-height:1.65;color:#3f5150;max-width:540px;margin:0 auto 2rem}.lp-hero-actions{display:flex;flex-direction:column;gap:.75rem;align-items:center}.lp-hero-note{margin-top:1rem;font-size:.8125rem;color:#5f7270}.lp-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:#304849;color:#fcefb3;padding:.9375rem 2rem;border-radius:980px;font-weight:600;font-size:.9375rem;text-decoration:none;transition:opacity .2s;border:none;cursor:pointer;min-height:48px;-webkit-tap-highlight-color:transparent}.lp-btn-primary:hover{opacity:.85}.lp-btn-lg{padding:1rem 2.5rem;font-size:1.0625rem}.lp-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:transparent;color:#304849;padding:.9375rem 2rem;border-radius:980px;font-weight:600;font-size:.9375rem;text-decoration:none;border:1.5px solid #81a49f;transition:border-color .2s;min-height:48px;-webkit-tap-highlight-color:transparent}.lp-btn-secondary:hover{border-color:#5f7270}.lp-btn-ghost{display:inline-flex;align-items:center;gap:.5rem;color:#304849;font-weight:600;font-size:.9375rem;text-decoration:none;transition:opacity .2s;min-height:48px;-webkit-tap-highlight-color:transparent}.lp-btn-ghost:hover{opacity:.7}.lp-proof{padding:0 1.25rem}.lp-proof-inner{max-width:900px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem 2rem;padding:1.5rem 0;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}.lp-proof-item{text-align:center;flex:1 1 120px}.lp-proof-item strong{display:block;font-size:1.375rem;font-weight:700;letter-spacing:-.02em}.lp-proof-item span{font-size:.75rem;color:#5f7270}.lp-proof-divider{display:none}.lp-section-inner{max-width:1100px;margin:0 auto;padding:0 1.25rem}.lp-section-head{text-align:center;margin-bottom:2.5rem}.lp-section-head h2{font-size:1.625rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .625rem;line-height:1.2}.lp-section-head p{font-size:.9375rem;color:#3f5150;max-width:560px;margin:0 auto;line-height:1.6}.lp-features{padding:3.5rem 1.25rem}.lp-features-grid{display:grid;grid-template-columns:1fr;gap:1rem}.lp-feature-card{padding:1.5rem;border-radius:16px;background:#f7faf9;border:1px solid #e2eae8;text-align:center}.lp-feature-icon{width:40px;height:40px;border-radius:10px;background:#304849;color:#fcefb3;display:inline-flex;align-items:center;justify-content:center;margin-bottom:.875rem}.lp-feature-card h3{font-size:1rem;font-weight:600;margin:0 0 .375rem}.lp-feature-card p{font-size:.875rem;color:#3f5150;line-height:1.6;margin:0}.lp-raw{padding:0 1.25rem}.lp-raw-inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;padding:1.75rem 1.5rem;background:#f5f5f7;border-radius:16px;max-width:800px;margin:0 auto}.lp-raw-icon{flex-shrink:0;width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#304849,#81a49f);color:#fff;display:flex;align-items:center;justify-content:center}.lp-raw-inner h3{font-size:1rem;font-weight:600;margin:0 0 .25rem}.lp-raw-inner p{font-size:.8125rem;color:#3f5150;line-height:1.6;margin:0}.lp-trust{padding:3.5rem 1.25rem;background:#fafafa}.lp-trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.lp-trust-card{text-align:center;padding:1.5rem 1rem}.lp-trust-icon{width:44px;height:44px;border-radius:12px;background:#e8f4fd;color:#304849;display:inline-flex;align-items:center;justify-content:center;margin-bottom:.75rem}.lp-trust-card h3{font-size:.9375rem;font-weight:600;margin:0 0 .375rem}.lp-trust-card p{font-size:.8125rem;color:#3f5150;line-height:1.5;margin:0}.lp-trust-cta{text-align:center;margin-top:2rem}.lp-pricing{padding:3.5rem 0}.lp-pricing .lp-section-inner{padding:0 1.25rem}.lp-pricing-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;padding:0 1.25rem 1rem;margin:0 -1.25rem;scrollbar-width:none}.lp-pricing-scroll::-webkit-scrollbar{display:none}.lp-pricing-grid{display:grid;grid-auto-flow:column;grid-auto-columns:260px;gap:1rem;padding-right:1.25rem}.lp-tier{padding:1.5rem 1.25rem;border-radius:16px;border:1px solid #e5e5e7;background:#fff;position:relative;scroll-snap-align:start;min-width:0}.lp-tier-popular{border-color:#1d1d1f;box-shadow:0 4px 20px #00000014}.lp-tier-badge{position:absolute;top:-.625rem;left:50%;transform:translate(-50%);background:#304849;color:#fcefb3;font-size:.6875rem;font-weight:600;padding:.25rem .75rem;border-radius:980px;white-space:nowrap}.lp-tier h3{font-size:1rem;font-weight:600;margin:0 0 .625rem}.lp-tier-price{margin-bottom:.375rem}.lp-tier-amount{font-size:1.875rem;font-weight:700;letter-spacing:-.02em}.lp-tier-period{font-size:.875rem;color:#5f7270}.lp-tier-storage{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:500;color:#304849;margin-bottom:1rem}.lp-tier-features{list-style:none;padding:0;margin:0 0 1.25rem}.lp-tier-features li{display:flex;align-items:flex-start;gap:.5rem;font-size:.8125rem;color:#3f5150;padding:.25rem 0;line-height:1.4}.lp-tier-features li svg{flex-shrink:0;color:#34c759;margin-top:2px}.lp-tier-cta{display:block;text-align:center;padding:.75rem 0;border-radius:980px;border:1.5px solid #81a49f;color:#1d1d1f;font-size:.8125rem;font-weight:600;text-decoration:none;transition:all .2s;min-height:44px;line-height:1;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.lp-tier-cta:hover{border-color:#5f7270}.lp-tier-cta.primary{background:#304849;color:#fcefb3;border-color:#1d1d1f}.lp-tier-cta.primary:hover{opacity:.85}.lp-pricing-note{text-align:center;margin-top:2rem;padding:0 1.25rem}.lp-pricing-note p{font-size:.8125rem;color:#5f7270;line-height:1.6}.lp-final-cta{padding:3.5rem 1.25rem;text-align:center;background:#fafafa}.lp-final-cta h2{font-size:1.375rem;font-weight:700;letter-spacing:-.02em;margin:0 auto .75rem;max-width:600px;line-height:1.3}.lp-final-cta p{color:#3f5150;margin-bottom:2rem;font-size:.9375rem}.lp-footer{padding:2rem 1.25rem;border-top:1px solid #f0f0f0}.lp-footer-inner{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.lp-footer-brand{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.875rem;color:#1d1d1f}.lp-footer-brand img{border-radius:4px}.lp-footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:1.25rem}.lp-footer-links a{color:#5f7270;text-decoration:none;font-size:.8125rem;transition:color .2s}.lp-footer-links a:hover{color:#1d1d1f}.lp-footer-copy{font-size:.75rem;color:#5f7270}.ft-hero-screenshot{padding:0 1.25rem 2rem}.ft-screenshot-frame{max-width:1100px;margin:0 auto;border-radius:12px;overflow:hidden;box-shadow:0 8px 40px #0000001f,0 2px 8px #0000000f;background:#f5f5f7}.ft-screenshot-frame img{display:block;width:100%;height:auto}.ft-showcase{padding:3rem 1.25rem}.ft-showcase:nth-child(2n){background:#fafafa}.ft-showcase-inner{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.ft-showcase-text{flex:1}.ft-showcase-icon{width:44px;height:44px;border-radius:12px;background:#304849;color:#fcefb3;display:inline-flex;align-items:center;justify-content:center;margin-bottom:1rem}.ft-showcase-text h2{font-size:1.375rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .75rem;line-height:1.25}.ft-showcase-text p{font-size:.9375rem;color:#3f5150;line-height:1.65;margin:0}.ft-showcase-image{flex:1.2}.ft-showcase-image .ft-screenshot-frame{box-shadow:0 4px 24px #0000001a,0 1px 4px #0000000a}@media (min-width: 640px){.lp-nav-inner{padding:.75rem 2rem}.lp-hero{padding:7.5rem 2rem 3.5rem}.lp-h1{font-size:2.75rem}.lp-hero-actions{flex-direction:row;justify-content:center}.lp-features{padding:4.5rem 2rem}.lp-features-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}.lp-section-inner{padding:0 2rem}.lp-section-head{margin-bottom:3rem}.lp-section-head h2{font-size:1.875rem}.lp-proof-inner{grid-template-columns:repeat(4,1fr);gap:0}.lp-proof-divider{display:block;width:1px;height:36px;background:#e5e5e7;justify-self:center}.lp-proof{padding:0 2rem}.lp-trust{padding:4.5rem 2rem}.lp-trust-grid{grid-template-columns:repeat(4,1fr)}.lp-pricing{padding:4.5rem 0}.lp-pricing .lp-section-inner,.lp-raw{padding:0 2rem}.lp-raw-inner{flex-direction:row;text-align:left;align-items:flex-start}.ft-hero-screenshot{padding:0 2rem 2.5rem}.ft-showcase{padding:3.5rem 2rem}.ft-showcase-text h2{font-size:1.625rem}.lp-final-cta{padding:5rem 2rem}.lp-final-cta h2{font-size:1.75rem}.lp-footer{padding:2.5rem 2rem}}@media (min-width: 960px){.lp-hamburger{display:none}.lp-nav-desktop{display:flex}.lp-hero{padding:10rem 2rem 5rem}.lp-h1{font-size:clamp(3rem,5vw,4rem)}.lp-hero-sub{font-size:1.125rem}.lp-features{padding:6rem 2rem}.lp-features-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}.lp-feature-card{padding:2rem;text-align:left}.lp-feature-icon{display:flex}.lp-feature-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000000f}.ft-hero-screenshot{padding:0 2rem 3rem}.ft-screenshot-frame{border-radius:16px}.ft-showcase{padding:5rem 2rem}.ft-showcase-inner{flex-direction:row;align-items:center;gap:3rem}.ft-showcase-reverse .ft-showcase-inner{flex-direction:row-reverse}.ft-showcase-text h2{font-size:1.75rem}.lp-trust{padding:6rem 2rem}.lp-trust-card{padding:2rem 1.5rem}.lp-pricing{padding:6rem 0}.lp-pricing-scroll{overflow:visible;padding:0;margin:0}.lp-pricing-grid{grid-auto-flow:unset;grid-auto-columns:unset;grid-template-columns:repeat(5,1fr);padding-right:0}.lp-tier:hover{border-color:#c8c8cc;box-shadow:0 4px 20px #0000000a}.lp-pricing-note{padding:0;margin-top:2.5rem}.lp-final-cta{padding:6rem 2rem}.lp-final-cta h2{font-size:2rem}.lp-footer-inner{flex-direction:row;text-align:left;justify-content:space-between}}@media (min-width: 1200px){.lp-features-grid{gap:2rem}.lp-pricing-grid{gap:1.25rem}}.os-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;border-radius:999px;background:linear-gradient(135deg,#f0f5f4,#dfeae8);border:1px solid #c2d5d2;color:#253a3b;font-size:.8rem;font-weight:600;letter-spacing:.02em;margin-bottom:1.25rem}.ph-upload{--ph-ink: #1e293b;--ph-muted: #64748b;--ph-line: #e2e8f0;--ph-accent: #0f766e;box-sizing:border-box;min-width:0;width:100%;max-width:760px;max-height:min(92dvh,960px);min-height:0;display:flex;flex-direction:column;overflow:hidden;background:#fff;color:var(--ph-ink);border:1px solid var(--ph-line);border-radius:24px;box-shadow:0 24px 80px #0f172a26;font:inherit;line-height:1.5;isolation:isolate}.ph-upload *,.ph-upload *:before,.ph-upload *:after{box-sizing:border-box}.ph-upload button{font:inherit;cursor:pointer;touch-action:manipulation}.ph-upload button:disabled{cursor:not-allowed;opacity:.45}.ph-upload button:focus-visible,.ph-upload select:focus-visible,.ph-upload input:focus-visible,.ph-upload summary:focus-visible{outline:3px solid #0d9488;outline-offset:3px}.ph-upload h2,.ph-upload h3,.ph-upload p{margin:0}.ph-upload__header{display:flex;align-items:center;gap:14px;padding:22px 26px;border-bottom:1px solid var(--ph-line);flex-shrink:0}.ph-upload__brand-icon,.ph-upload__destination-icon{display:flex;align-items:center;justify-content:center;background:#f0fdfa;color:var(--ph-accent);border-radius:14px;width:44px;height:44px;flex-shrink:0;font-size:24px}.ph-upload__heading{min-width:0;flex:1}.ph-upload__heading h2{font-size:23px;line-height:1.25;font-weight:700;overflow-wrap:anywhere}.ph-upload__heading p{color:var(--ph-muted);font-size:13px;margin-top:4px}.ph-upload__header-actions,.ph-upload__file-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.ph-upload__icon-button{width:40px;height:40px;border:0;background:transparent;color:var(--ph-muted);border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:18px;padding:0}.ph-upload__icon-button:hover{color:var(--ph-accent);background:#f0fdfa}.ph-upload__body{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;min-height:0;padding:24px 26px;scrollbar-width:thin}.ph-upload__body>*+*{margin-top:20px}.ph-upload__settings{padding:16px;background:#f8fafc;border:1px solid var(--ph-line);border-radius:14px}.ph-upload__settings[hidden]{display:none}.ph-upload__settings .ph-upload__section-heading{margin-bottom:12px}.ph-upload__settings select,.ph-upload__destination select{max-width:100%;min-width:0}.ph-upload__destination{display:flex;align-items:center;gap:12px;padding:16px;background:#f8fafc;border:1px solid var(--ph-line);border-radius:16px}.ph-upload__destination-icon{width:34px;height:34px;font-size:19px;border-radius:10px;background:#ccfbf1}.ph-upload__destination-controls{flex:1;min-width:0;overflow-wrap:anywhere}.ph-upload__dropzone{display:flex;flex-direction:column;gap:12px;align-items:center;padding:24px 18px;text-align:center;background:#f8fafc80;border:2px dashed var(--ph-line);border-radius:18px}.ph-upload__dropzone.is-dragging{border-color:var(--ph-accent);background:#f0fdfa}.ph-upload__dropzone.is-disabled{background:#f8fafc}.ph-upload__add-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;border:1px solid #f1f5f9;background:#fff;color:#0d9488;font-size:26px;box-shadow:0 2px 3px #0f172a08}.ph-upload__browse{background:none;border:0;color:var(--ph-ink);padding:4px 0;font-weight:650!important;border-radius:3px}.ph-upload__browse:hover{text-decoration:underline}.ph-upload__drop-copy{color:var(--ph-muted)}.ph-upload__hint{max-width:100%;color:var(--ph-muted);font-size:12px;overflow-wrap:anywhere}.ph-upload__intake-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.ph-upload__text-button{color:var(--ph-accent);background:none;border:0;border-radius:4px;padding:6px 2px;font-size:13px!important}.ph-upload__text-button:hover{text-decoration:underline}.ph-upload__clear{color:#be123c;white-space:nowrap;flex-shrink:0}.ph-upload__section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.ph-upload__section-heading h3{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:var(--ph-muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em;font-weight:700}.ph-upload__count{text-transform:none;letter-spacing:0;padding:3px 10px;border-radius:20px;color:#475569;background:#f1f5f9;white-space:nowrap}.ph-upload__files{list-style:none;padding:0;margin-bottom:0}.ph-upload__files:empty{display:none}.ph-upload__file{display:flex;align-items:center;gap:14px;border:1px solid var(--ph-line);border-radius:15px;padding:14px;min-width:0}.ph-upload__file+.ph-upload__file{margin-top:10px}.ph-upload__file--failed{border-color:#fecdd3}.ph-upload__thumbnail{width:52px;height:52px;border-radius:10px;overflow:hidden;background:#f1f5f9;color:#94a3b8;flex-shrink:0}.ph-upload__thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.ph-upload__thumbnail>span{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:2px;font-size:21px}.ph-upload__thumbnail small{font-size:9px;max-width:48px;overflow:hidden;text-overflow:ellipsis}.ph-upload__file-content{flex:1;min-width:0}.ph-upload__file-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ph-upload__filename{font-weight:600;font-size:14px;min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ph-upload__badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;padding:2px 8px;border-radius:20px;color:#475569;background:#f1f5f9;max-width:100%;overflow-wrap:anywhere}.ph-upload__badge--transferring,.ph-upload__badge--processing,.ph-upload__badge--confirming{background:#f0fdfa;color:#0f766e}.ph-upload__badge--ready{background:#ecfdf5;color:#047857}.ph-upload__badge--failed{background:#fff1f2;color:#be123c}.ph-upload__metadata{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--ph-muted);margin-top:4px;overflow-wrap:anywhere}.ph-upload__file-detail{color:var(--ph-muted);font-size:12px;margin-top:6px!important;overflow-wrap:anywhere}.ph-upload__error{color:#be123c;font-size:12px;margin-top:6px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.ph-upload__progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;border:0;border-radius:10px;overflow:hidden;height:5px;width:100%;margin-top:10px;background:#e2e8f0;color:#0d9488}.ph-upload__progress::-webkit-progress-bar{background:#e2e8f0}.ph-upload__progress::-webkit-progress-value{background:#0d9488}.ph-upload__progress::-moz-progress-bar{background:#0d9488}.ph-upload__empty{text-align:center;padding:28px 12px;color:var(--ph-muted);border:1px dashed var(--ph-line);border-radius:14px;font-size:13px}.ph-upload__empty>svg{width:28px;height:28px;color:#94a3b8;margin-bottom:8px}.ph-upload__empty>span{font-size:12px}.ph-upload__summary{background:#f8fafc;border:1px solid var(--ph-line);padding:14px 16px;border-radius:14px;font-size:13px}.ph-upload__summary p{color:var(--ph-muted);margin-top:4px;overflow-wrap:anywhere}.ph-upload__summary--processing,.ph-upload__summary--success{background:#f0fdfa;border-color:#99f6e4}.ph-upload__summary--error{background:#fff1f2;border-color:#fecdd3}.ph-upload__summary-counts{display:flex;flex-wrap:wrap;gap:4px 14px;color:var(--ph-muted);font-size:12px;margin-top:6px}.ph-upload__footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 26px;border-top:1px solid var(--ph-line);background:#fff;flex-shrink:0}.ph-upload__totals{display:flex;flex-direction:column;font-size:12px;color:var(--ph-muted)}.ph-upload__totals strong{color:var(--ph-ink);font-weight:550}.ph-upload__footer-actions{display:flex;align-items:center;gap:10px}.ph-upload__primary,.ph-upload__secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:13px;min-height:44px;padding:10px 16px;font-size:13px!important;font-weight:600!important}.ph-upload__primary{background:#1e293b;color:#fff;box-shadow:0 3px 6px #0f172a1a}.ph-upload__primary:hover{background:#0f172a}.ph-upload__secondary{background:#f1f5f9;color:#475569}.ph-upload__secondary:hover{background:#e2e8f0}@media (max-width: 540px){.ph-upload{border-radius:18px;max-height:96dvh}.ph-upload__header{padding:16px;gap:10px}.ph-upload__brand-icon{width:34px;height:34px;font-size:20px}.ph-upload__heading h2{font-size:18px}.ph-upload__heading p{font-size:11px}.ph-upload__header-actions{gap:0}.ph-upload__header-actions .ph-upload__icon-button{width:34px}.ph-upload__body{padding:16px}.ph-upload__body>*+*{margin-top:16px}.ph-upload__dropzone{padding:20px 12px;font-size:13px}.ph-upload__destination{padding:12px}.ph-upload__dropzone.has-files{padding:12px;gap:8px}.ph-upload__dropzone.has-files .ph-upload__add-icon{display:none}.ph-upload__file{gap:10px;padding:12px;flex-wrap:wrap}.ph-upload__thumbnail{width:44px;height:44px}.ph-upload__file-content{width:calc(100% - 54px);flex:auto}.ph-upload__file-actions{margin-left:auto}.ph-upload__filename{font-size:13px}.ph-upload__footer{padding:14px 16px;flex-direction:column;align-items:stretch;gap:12px}.ph-upload__totals{flex-direction:row;flex-wrap:wrap;gap:4px 12px}.ph-upload__footer-actions{width:100%}.ph-upload__footer-actions>button{flex:1;min-width:0;padding:10px}}@media (max-height: 480px){.ph-upload{max-height:98dvh}.ph-upload__header,.ph-upload__footer{padding-top:8px;padding-bottom:8px}.ph-upload__heading p{display:none}}@media (max-width: 360px){.ph-upload__brand-icon,.ph-upload__heading p{display:none}.ph-upload__footer-actions{flex-wrap:wrap}}.ph-upload-shell{width:min(760px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;min-height:0;background:transparent}.ph-upload-shell>.batch-uploader{padding:0;margin:0;min-height:0;overflow:visible}.ph-upload-shell .ph-upload{max-height:min(960px,calc(100dvh - 24px))}@media (max-width: 767px){.album-uploader .ph-upload,.uploads-uploader .ph-upload{max-height:calc(100dvh - 160px);scroll-margin-block:80px}}.ph-upload-session-notice{position:fixed;z-index:1200;top:16px;right:16px;max-width:min(420px,calc(100vw - 32px));padding:16px;background:#fff;color:#1e293b;border:1px solid #cbd5e1;border-radius:12px;box-shadow:0 8px 24px #0f172a26}.ph-upload-session-notice p{margin:8px 0;font-size:14px}.ph-upload-session-notice button{padding:8px 12px;background:#f1f5f9;border:0;border-radius:8px}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>img,.swiper-zoom-container>svg,.swiper-zoom-container>canvas{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.mobile-photo-swiper{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;z-index:9999;display:flex;flex-direction:column}.swiper-header{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:20px 16px 16px;padding-top:calc(20px + env(safe-area-inset-top,0px));background:linear-gradient(to bottom,rgba(0,0,0,.7) 0%,transparent 100%);z-index:10;pointer-events:none}.swiper-header button{pointer-events:auto}.swiper-close{background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;color:#fff;width:48px;height:48px;border-radius:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;margin-left:auto}.swiper-counter{color:#fff;font-size:14px;font-weight:500;background:#00000080;padding:6px 12px;border-radius:20px}.photo-swiper{flex:1;width:100%;height:100%}.photo-swiper .swiper-slide{display:flex;align-items:center;justify-content:center}.swiper-zoom-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.swiper-zoom-container img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}.swiper-actions{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,transparent 100%);padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:10;pointer-events:none}.action-buttons{display:flex;justify-content:space-around;gap:16px;max-width:320px;margin:0 auto;pointer-events:auto}.action-btn{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;width:50px;height:50px;border-radius:25px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent}.action-btn:active{transform:scale(.95);background:#fff3}.action-btn.danger{background:#ef444433;border-color:#ef444466}.mobile-photo-swiper .swiper-pagination{bottom:80px!important}.mobile-photo-swiper .swiper-pagination-bullet{background:#ffffff80;opacity:1;width:6px;height:6px}.mobile-photo-swiper .swiper-pagination-bullet-active{background:#fff;width:8px;height:8px}.mobile-photo-swiper .swiper-button-prev,.mobile-photo-swiper .swiper-button-next{display:none!important}.mobile-photo-swiper .swiper-wrapper{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}.mobile-photo-swiper .swiper-container{overscroll-behavior:contain}@media (min-width: 1025px){.mobile-photo-swiper{display:none}}.embla-viewer{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:9999;display:flex;flex-direction:column}.embla-header{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:20px 16px 16px;padding-top:calc(20px + env(safe-area-inset-top,0px));background:linear-gradient(to bottom,rgba(0,0,0,.5) 0%,transparent 100%);z-index:2}.embla-header .embla-close{background:#ffffff1a!important;backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;border:1px solid rgba(255,255,255,.15)!important;color:#fff!important;width:40px!important;height:40px!important;border-radius:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;padding:0!important;margin:0!important}.embla-header .embla-close:active{transform:scale(.92)!important;background:#fff3!important}.embla-counter{color:#ffffffe6;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.02em;background:#ffffff1a;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.15);padding:6px 14px;border-radius:10px}.embla{flex:1;min-height:0;overflow:hidden}.embla__container{display:flex;height:100%;will-change:transform}.embla__container--variable{align-items:center}.embla__slide{position:relative;min-width:100%;height:100%;display:flex;align-items:center;justify-content:center}.embla__slide--variable{flex:0 0 auto;min-width:70%;max-width:90%;padding:0 8px}.embla__slide--variable:first-child{padding-left:16px}.embla__slide--variable:last-child{padding-right:16px}.embla__slide__inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.embla__slide--variable .embla__slide__inner{width:auto;height:100%;display:flex;align-items:center;justify-content:center}.embla__slide__img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;opacity:0;transition:opacity .15s ease-in}.embla__slide__img--loaded{opacity:1}.embla__loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:1}.embla__spinner{color:#ffffffb3;animation:embla-spin 1s linear infinite}@keyframes embla-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.embla__slide--variable .embla__slide__img{width:auto;height:auto;max-width:100%;max-height:85vh;-o-object-fit:contain;object-fit:contain}.embla-actions{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,transparent 100%);padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:2}.action-buttons{display:flex;justify-content:center;align-items:center;gap:12px;max-width:380px;margin:0 auto}.embla-actions .action-btn{background:#ffffff1a!important;backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;border:1px solid rgba(255,255,255,.15)!important;color:#fffffff2!important;width:56px!important;height:56px!important;border-radius:16px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;position:relative!important;overflow:hidden!important;flex:unset!important;min-width:unset!important;padding:0!important;gap:0!important}.embla-actions .action-btn:active{transform:scale(.92)!important}.embla-actions .action-btn:active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff1a}.embla-actions .action-btn svg{position:relative;z-index:1;transition:transform .2s cubic-bezier(.4,0,.2,1)}.embla-actions .action-btn:active svg{transform:scale(1.1)}.embla-actions .action-btn.danger{background:#ef444426!important;border-color:#ef444440!important;color:#fffffff2!important}.embla-actions .action-btn.danger:active:after{background:#ef444433}.embla__button{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;background:#0009!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:2px solid rgba(255,255,255,.2)!important;color:#fffffff2!important;width:72px!important;height:72px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;z-index:10!important;transition:background-color .2s ease,border-color .2s ease!important;padding:0!important;outline:none!important;box-shadow:0 4px 12px #0000004d!important}.embla__button--prev{left:24px!important}.embla__button--next{right:24px!important}.embla__button:hover{background:#000c!important;border-color:#ffffff4d!important;transform:translateY(-50%)!important;width:72px!important;height:72px!important;position:absolute!important;top:50%!important;box-shadow:0 4px 12px #0000004d!important}.embla__button:active{background:#000000e6!important;transform:translateY(-50%)!important;width:72px!important;height:72px!important;position:absolute!important;top:50%!important}.embla__button:disabled{opacity:.3;cursor:not-allowed}@media (max-width: 768px){.embla__button{width:48px!important;height:48px!important}.embla__button--prev{left:12px!important}.embla__button--next{right:12px!important}.embla__button svg{width:24px!important;height:24px!important}}.client-gallery-container{min-height:100vh;background:var(--bg-secondary, #f5f5f5)}.client-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem;color:var(--text-secondary)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color, #e0e0e0);border-top-color:var(--primary-color, #304849);border-radius:50%;animation:spin .8s linear infinite}.client-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem;text-align:center;padding:2rem}.client-error svg{color:var(--danger-color, #ef4444);opacity:.8}.client-error h2{margin:0;color:var(--text-primary)}.client-error p{color:var(--text-secondary);max-width:400px}.client-auth-card{max-width:420px;margin:0 auto;padding:2.5rem;background:var(--bg-primary, #fff);border-radius:16px;box-shadow:0 10px 40px #0000001a;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%}.auth-header{text-align:center;margin-bottom:2rem}.auth-header .auth-icon{color:var(--primary-color, #304849);margin-bottom:1rem}.auth-header h1{margin:0 0 .5rem;font-size:1.75rem;color:var(--text-primary)}.auth-subtitle{color:var(--text-secondary);margin:0}.auth-instructions{background:var(--bg-secondary, #f5f5f5);padding:1rem;border-radius:8px;margin-bottom:1.5rem}.auth-instructions p{margin:0;color:var(--text-primary);font-size:.95rem;line-height:1.5}.auth-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ef44441a;color:var(--danger-color, #ef4444);border-radius:8px;margin-bottom:1.5rem;font-size:.9rem}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field label{display:flex;align-items:center;gap:.4rem;font-size:.9rem;font-weight:500;color:var(--text-primary)}.form-field input{padding:.875rem 1rem;border:1px solid var(--border-color, #e0e0e0);border-radius:8px;font-size:1rem;background:var(--bg-primary, #fff);color:var(--text-primary);transition:border-color .2s,box-shadow .2s}.form-field input:focus{outline:none;border-color:var(--primary-color, #304849);box-shadow:0 0 0 3px #3048491a}.auth-submit-btn{margin-top:.5rem;padding:1rem;background:var(--primary-color, #304849);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s,transform .2s}.auth-submit-btn:hover{background:var(--primary-hover, #1b2c2d);transform:translateY(-1px)}.client-success-card{max-width:420px;margin:0 auto;padding:3rem 2.5rem;background:var(--bg-primary, #fff);border-radius:16px;box-shadow:0 10px 40px #0000001a;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%}.success-icon{color:#22c55e;margin-bottom:1.5rem}.client-success-card h1{margin:0 0 .75rem;font-size:1.75rem;color:var(--text-primary)}.client-success-card p{color:var(--text-secondary);margin:0 0 2rem}.success-count{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1.5rem;background:var(--bg-secondary, #f5f5f5);border-radius:12px}.count-number{font-size:3rem;font-weight:700;color:var(--primary-color, #304849)}.count-label{color:var(--text-secondary);font-size:.95rem}.client-gallery-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding:1.5rem 2rem;background:var(--bg-primary, #fff);border-bottom:1px solid var(--border-color, #e0e0e0);position:sticky;top:0;z-index:100}.header-info h1{margin:0;font-size:1.5rem;color:var(--text-primary)}.header-instructions{margin:.25rem 0 0;color:var(--text-secondary);font-size:.9rem}.header-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.selection-count{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-secondary, #f5f5f5);border-radius:8px;color:var(--text-primary);font-size:.9rem}.selection-buttons{display:flex;gap:.5rem}.btn-secondary{padding:.5rem 1rem;background:var(--bg-secondary, #f5f5f5);color:var(--text-primary);border:1px solid var(--border-color, #e0e0e0);border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s}.btn-secondary:hover:not(:disabled){background:var(--bg-primary, #fff);border-color:var(--primary-color, #304849)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-primary{padding:.625rem 1.25rem;background:var(--primary-color, #304849);color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary:hover:not(:disabled){background:var(--primary-hover, #1b2c2d)}.submit-btn{display:flex;align-items:center;gap:.5rem}.existing-submission-notice{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:#3048491a;color:var(--primary-color, #304849);font-size:.9rem}.gallery-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 2rem;background:#ef44441a;color:var(--danger-color, #ef4444);font-size:.9rem}.gallery-error button{margin-left:auto;background:transparent;border:none;color:inherit;cursor:pointer;padding:.25rem}.client-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;padding:2rem}.client-photo-card{position:relative;border-radius:8px;overflow:hidden;background:var(--bg-primary, #fff);box-shadow:0 2px 8px #00000014;cursor:pointer;transition:transform .2s,box-shadow .2s}.client-photo-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.client-photo-card.selected{box-shadow:0 0 0 3px var(--primary-color, #304849),0 4px 16px #30484933}.client-photo-card img{width:100%;aspect-ratio:4 / 3;-o-object-fit:cover;object-fit:cover;display:block}.photo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.4) 0%,transparent 40%);opacity:0;transition:opacity .2s;padding:.75rem}.client-photo-card:hover .photo-overlay,.client-photo-card.selected .photo-overlay{opacity:1}.selection-checkbox{position:absolute;bottom:.75rem;right:.75rem;width:32px;height:32px;border-radius:50%;background:#fffffff2;border:2px solid rgba(0,0,0,.15);display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 2px 8px #00000026}.client-photo-card.selected .selection-checkbox{background:var(--primary-color, #304849);border-color:var(--primary-color, #304849);color:#fff}.view-btn{position:absolute;top:.75rem;right:.75rem;background:#fffffff2;border:none;padding:.4rem .75rem;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #00000026}.view-btn:hover{background:#fff;transform:scale(1.05)}.photo-title{padding:.5rem .75rem;font-size:.85rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000f2;z-index:1000;display:flex;align-items:center;justify-content:center}.lightbox-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column}.lightbox-close{position:absolute;top:-3rem;right:0;background:transparent;border:none;color:#fff;cursor:pointer;padding:.5rem;opacity:.7;transition:opacity .2s}.lightbox-close:hover{opacity:1}.lightbox-content>img{max-width:100%;max-height:calc(90vh - 80px);-o-object-fit:contain;object-fit:contain;border-radius:4px}.lightbox-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;color:#fff}.lightbox-info h3{margin:0;font-size:1rem}.lightbox-counter{color:#fff9;font-size:.9rem}.lightbox-select-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s}.lightbox-select-btn:hover{background:#fff3}.lightbox-select-btn.selected{background:var(--primary-color, #304849);border-color:var(--primary-color, #304849)}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;color:#fff;font-size:3rem;padding:0 1rem;cursor:pointer;transition:background .2s;height:80px;display:flex;align-items:center}.lightbox-nav:hover{background:#fff3}.lightbox-nav.prev{left:-4rem;border-radius:8px 0 0 8px}.lightbox-nav.next{right:-4rem;border-radius:0 8px 8px 0}@media (max-width: 768px){.client-auth-card,.client-success-card{width:95%;padding:2rem 1.5rem}.client-gallery-header{flex-direction:column;align-items:flex-start;padding:1rem}.header-actions{width:100%;justify-content:space-between}.selection-buttons{display:none}.client-photo-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;padding:.5rem}.client-photo-card img{aspect-ratio:1}.lightbox-nav{display:none}.lightbox-content{max-width:100vw;max-height:100vh;padding:1rem}}@media (max-width: 480px){.client-photo-grid{grid-template-columns:repeat(2,1fr)}.selection-count span{display:none}.selection-count strong{display:block}}@media (prefers-color-scheme: dark){.client-gallery-container{background:#0a0a0a}.client-auth-card,.client-success-card,.client-gallery-header,.client-photo-card{background:#1a1a1a}.auth-header h1,.client-success-card h1,.header-info h1{color:#f5f5f5}.auth-subtitle,.auth-header p,.client-success-card p,.header-instructions{color:#a0a0a0}.form-field label{color:#e0e0e0}.form-field input{background:#0a0a0a;border-color:#333;color:#fff}.form-field input::-moz-placeholder{color:#666}.form-field input::placeholder{color:#666}.auth-instructions{background:#0a0a0a;border:1px solid #333}.auth-instructions p{color:#d0d0d0}.selection-count,.success-count{background:#0a0a0a}.success-count .count-number{color:#81a49f}.success-count .count-label{color:#a0a0a0}.btn-secondary{background:#0a0a0a;border-color:#333;color:#fff}.photo-title,.selection-count{color:#e0e0e0}.client-error h2{color:#f5f5f5}.client-error p,.client-loading{color:#a0a0a0}.loading-spinner{border-color:#333;border-top-color:#81a49f}}.feedback-btn{display:flex;align-items:center;gap:.5rem}.photo-actions{display:flex;gap:.5rem;align-items:center}.comment-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fffffff2;border:none;border-radius:8px;color:#2b3a3a;cursor:pointer;transition:all .2s}.comment-btn:hover{background:#fff;color:#3e5c58;transform:scale(1.05)}.lightbox-buttons{display:flex;gap:.75rem;align-items:center}.lightbox-comment-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.lightbox-comment-btn:hover{background:#ffffff40;border-color:#ffffff80}.comment-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1100;padding:1rem}.comment-modal{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 40px #0000004d}.comment-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.comment-modal-header h3{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.1rem;font-weight:600;color:#182322}.modal-close-btn{background:transparent;border:none;color:#435654;cursor:pointer;padding:.5rem;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close-btn:hover{background:#f3f4f6;color:#182322}.comment-photo-preview{padding:1rem 1.5rem 0}.comment-photo-preview img{width:100%;max-height:150px;-o-object-fit:contain;object-fit:contain;border-radius:8px;background:#f9fafb}.comment-modal-body{padding:1rem 1.5rem}.comment-modal-body textarea{width:100%;padding:.875rem;border:1px solid #e5e7eb;border-radius:10px;font-size:.95rem;line-height:1.5;resize:vertical;min-height:100px;font-family:inherit;transition:border-color .2s}.comment-modal-body textarea:focus{outline:none;border-color:#3e5c58}.comment-char-count{text-align:right;font-size:.8rem;color:#6b7f7d;margin-top:.5rem}.comment-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb}@media (max-width: 480px){.comment-modal{max-width:100%;max-height:100%;height:100%;border-radius:0}.comment-modal-header{padding:1rem}.comment-modal-body{padding:1rem;flex:1}.comment-modal-body textarea{min-height:150px}.comment-modal-footer{padding:1rem}.comment-modal-footer button{flex:1}.feedback-btn span{display:none}.feedback-btn{padding:.5rem}.lightbox-comment-btn span{display:none}.lightbox-comment-btn{padding:.75rem}}@media (prefers-color-scheme: dark){.comment-modal{background:#1a1a1a;border:1px solid #333}.comment-modal-header{border-bottom-color:#333}.comment-modal-header h3{color:#f5f5f5}.modal-close-btn{color:#6b7f7d}.modal-close-btn:hover{background:#2a2a2a;color:#f5f5f5}.comment-photo-preview img{background:#0a0a0a}.comment-modal-body textarea{background:#0a0a0a;border-color:#333;color:#f5f5f5}.comment-modal-body textarea:focus{border-color:#3e5c58}.comment-modal-body textarea::-moz-placeholder{color:#435654}.comment-modal-body textarea::placeholder{color:#435654}.comment-modal-footer{border-top-color:#333;background:#0f0f0f}.comment-btn{background:#000c;color:#e5e7eb}.comment-btn:hover{background:#000;color:#81a49f}}:root{--strip-bg: #fafafa;--strip-card-bg: #ffffff;--strip-border: #dbdbdb;--strip-text: #262626;--strip-text-secondary: #8e8e8e;--strip-link: #3e5c58;--strip-like-red: #3e5c58;--strip-hero-bg: #fdf8e2;--strip-hero-soft: #f0f5f4;--strip-hero-accent: #3e5c58;--strip-hero-accent-2: #c2d5d2;--strip-hero-shadow: rgba(15, 23, 42, .12)}.strip-container{--strip-bg: #fafafa;--strip-card-bg: #ffffff;--strip-border: #dbdbdb;--strip-text: #262626;--strip-text-secondary: #8e8e8e;--strip-link: #3e5c58;--strip-like-red: #3e5c58;--strip-hero-bg: #fdf8e2;--strip-hero-soft: #f0f5f4;--strip-hero-accent: #3e5c58;--strip-hero-accent-2: #c2d5d2;--strip-hero-shadow: rgba(15, 23, 42, .12);color-scheme:light}@media (prefers-color-scheme: dark){:root{--strip-bg: #000000;--strip-card-bg: #000000;--strip-border: #262626;--strip-text: #fafafa;--strip-text-secondary: #a8a8a8;--strip-link: #3e5c58;--strip-hero-bg: #111111;--strip-hero-soft: #1a1a1a;--strip-hero-accent: #81a49f;--strip-hero-accent-2: #2b2b2b;--strip-hero-shadow: rgba(0, 0, 0, .5)}}.strip-container{background:var(--strip-bg);min-height:100vh;padding:16px 16px 80px}.strip-stage{display:flex;flex-direction:column;gap:24px}.strip-desktop-hero{display:none;border-radius:24px;background:var(--strip-hero-bg);padding:28px;gap:24px;align-items:stretch;position:relative;overflow:hidden;border:1px solid var(--strip-border)}.strip-hero-left{display:flex;flex-direction:column;gap:16px}.strip-hero-kicker{font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--strip-text-secondary)}.strip-hero-title{font-family:Mifelin,Georgia,serif;font-size:36px;font-weight:700;color:var(--strip-text);margin:0}.strip-hero-copy{margin:0;color:var(--strip-text-secondary);font-size:15px;line-height:1.6;max-width:520px}.strip-hero-actions{display:flex;flex-wrap:wrap;gap:12px}.strip-hero-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;border:1px solid var(--strip-border);background:transparent;color:var(--strip-text);font-weight:600;font-size:14px;text-decoration:none;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,opacity .2s ease}.strip-hero-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 12px 24px -20px var(--strip-hero-shadow)}.strip-hero-btn.primary{background:linear-gradient(135deg,var(--strip-hero-accent),#304849);border-color:transparent;color:#fff}.strip-hero-btn svg{width:16px;height:16px}.strip-hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.strip-metric{background:var(--strip-hero-soft);border-radius:14px;padding:12px 14px;border:1px solid var(--strip-border)}.strip-metric-value{font-size:20px;font-weight:700;color:var(--strip-text)}.strip-metric-label{font-size:12px;color:var(--strip-text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-top:4px}.strip-hero-right{background:var(--strip-card-bg);border-radius:18px;border:1px solid var(--strip-border);padding:16px;display:flex;flex-direction:column;gap:16px;box-shadow:0 18px 40px -34px var(--strip-hero-shadow)}.strip-hero-profile{display:flex;align-items:center;gap:12px}.strip-hero-avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(45deg,#fcefb3,#81a49f,#52756f,#3e5c58,#304849);padding:2px;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;background-repeat:no-repeat}.strip-hero-avatar:after{content:attr(data-initial);width:48px;height:48px;border-radius:50%;background:var(--strip-card-bg);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;color:var(--strip-text)}.strip-hero-avatar.has-photo{padding:0;border:1px solid var(--strip-border);background-color:var(--strip-card-bg)}.strip-hero-avatar.has-photo:after{display:none}.strip-hero-name{font-size:16px;font-weight:600;color:var(--strip-text)}.strip-hero-handle{font-size:13px;color:var(--strip-text-secondary)}.strip-hero-cards{position:relative;min-height:240px}.strip-hero-cards.single,.strip-hero-cards.double{display:flex;align-items:center;justify-content:center}.strip-hero-cards.single .strip-hero-card,.strip-hero-cards.double .strip-hero-card{position:relative;left:auto;right:auto;top:auto;bottom:auto}.strip-hero-cards.single .strip-hero-card{width:70%;height:200px;transform:rotate(-2deg)}.strip-hero-cards.double .strip-hero-card.card-1{width:60%;height:190px;margin-right:-40px;transform:rotate(-2deg)}.strip-hero-cards.double .strip-hero-card.card-2{width:55%;height:170px;transform:rotate(3deg)}.strip-hero-card{position:absolute;border-radius:16px;overflow:hidden;background:var(--strip-hero-soft);border:1px solid var(--strip-border);box-shadow:0 18px 28px -20px var(--strip-hero-shadow)}.strip-hero-card img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.strip-hero-card-meta{position:absolute;left:12px;bottom:12px;display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:#0009;color:#fff;font-size:12px;font-weight:500;letter-spacing:.01em}.strip-hero-chip{padding:2px 6px;border-radius:999px;background:#ffffff26;font-size:11px}.strip-hero-card.card-1{width:62%;height:190px;left:0;top:24px;transform:rotate(-2deg);z-index:3}.strip-hero-card.card-2{width:58%;height:170px;right:0;top:0;transform:rotate(3deg);z-index:2}.strip-hero-card.card-3{width:55%;height:170px;left:18%;bottom:0;transform:rotate(-1deg);z-index:1}.strip-hero-card.placeholder{position:relative;width:100%;height:220px}.strip-hero-placeholder{height:100%;width:100%;border-radius:16px;border:1px dashed var(--strip-border);background:var(--strip-hero-soft);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--strip-text-secondary);font-size:14px}.strip-header{position:sticky;top:0;z-index:100;background:var(--strip-card-bg);border-bottom:1px solid var(--strip-border);padding:12px 16px;display:flex;justify-content:space-between;align-items:center}.strip-title h1{font-size:1.5rem;font-weight:700;margin:0;color:var(--strip-text);display:flex;align-items:center;gap:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.strip-title h1 .inline-icon,.strip-subtitle{display:none}.share-to-strip-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;background:var(--strip-link);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:opacity .2s}.share-to-strip-btn:hover{opacity:.85}.share-to-strip-btn:active{transform:scale(.98)}.empty-feed{text-align:center;padding:60px 24px;color:var(--strip-text-secondary);display:flex;flex-direction:column;align-items:center}.empty-feed svg{opacity:.4;margin-bottom:16px;display:block;margin-left:auto;margin-right:auto}.empty-feed h2{font-size:22px;font-weight:700;margin:0 0 8px;color:var(--strip-text)}.empty-feed p{font-size:14px;margin:0}.strip-feed{display:flex;flex-direction:column;gap:0}.strip-post{background:var(--strip-card-bg);border-bottom:1px solid var(--strip-border)}.strip-post.album-post{border:none;border-bottom:1px solid var(--strip-border)}.strip-post-body{display:flex;flex-direction:column;gap:0}.strip-post-media{width:100%}.strip-post-details{display:flex;flex-direction:column;gap:8px}.post-header{display:flex;justify-content:space-between;align-items:center;padding:14px 12px}.post-user{display:flex;align-items:center;gap:10px}.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(45deg,#fcefb3,#81a49f,#52756f,#3e5c58,#304849);padding:2px;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;background-repeat:no-repeat}.user-avatar:after{content:attr(data-initial);width:28px;height:28px;border-radius:50%;background:var(--strip-card-bg);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:12px;color:var(--strip-text)}.user-avatar.has-photo{padding:0;border:1px solid var(--strip-border);background-color:var(--strip-card-bg)}.user-avatar.has-photo:after{display:none}.user-info{display:flex;flex-direction:row;align-items:center;gap:6px}.username{font-weight:600;font-size:14px;color:var(--strip-text)}.timestamp{font-size:12px;color:var(--strip-text-secondary)}.timestamp:before{content:"•";margin-right:6px}.post-menu{padding:8px;background:transparent;border:none;color:var(--strip-text);cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center}.post-menu:hover{background:var(--hover-bg, rgba(0,0,0,.05))}.album-badge{display:flex;align-items:center;gap:8px;padding:8px 12px;background:transparent;font-size:13px;color:var(--strip-text)}.album-badge>svg{color:var(--strip-link)}.album-badge>span:first-of-type{font-weight:600}.album-count{color:var(--strip-text-secondary);font-weight:400}.album-count:before{content:"•";margin:0 6px}.friends-only-badge{display:none!important}.post-image{width:100%;background:#000;padding:0;position:relative;aspect-ratio:auto}.post-image.is-clickable{cursor:zoom-in}.post-image.is-clickable img{transition:transform .2s ease}.post-image.is-clickable:hover img{transform:scale(1.01)}.post-image>img.strip-photo{width:100%;display:block;-o-object-fit:contain;object-fit:contain;max-height:600px;border-radius:0}.post-privacy-indicator{display:none}.post-actions{display:flex;align-items:center;gap:16px;padding:8px 12px;border:none}.action-btn{display:flex;align-items:center;gap:0;padding:8px;background:transparent;border:none;color:var(--strip-text);cursor:pointer;border-radius:0;font-size:24px;transition:transform .1s}.action-btn:hover{background:transparent}.action-btn:active{transform:scale(.9)}.action-btn.liked{color:var(--strip-like-red)}.action-btn.liked svg{animation:like-pop .3s ease-out}@keyframes like-pop{0%{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(.95)}to{transform:scale(1)}}.action-btn span{font-size:14px;font-weight:600;margin-left:4px}.post-likes{padding:0 12px 8px;display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px}.post-likes .like-label{color:var(--strip-text-secondary)}.post-likes .like-users{color:var(--strip-text);font-weight:600}.like-count-text{padding:0 12px;font-size:14px;font-weight:600;color:var(--strip-text)}.post-caption{padding:0 12px 8px;color:var(--strip-text);font-size:14px;line-height:1.5}.post-caption .caption-username{font-weight:600;margin-right:6px}.post-comments{padding:0 12px 8px;max-height:none;overflow:visible}.view-all-comments{font-size:14px;color:var(--strip-text-secondary);margin-bottom:8px;cursor:pointer}.comment{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:4px;font-size:14px;position:relative;padding-right:0;line-height:1.4}.comment-user{font-weight:600;color:var(--strip-text)}.comment-text{color:var(--strip-text);flex:none}.delete-comment{position:relative;right:auto;top:auto;transform:none;background:transparent;border:none;color:var(--strip-text-secondary);cursor:pointer;font-size:12px;padding:0 4px;opacity:0;transition:opacity .2s;margin-left:auto}.comment:hover .delete-comment{opacity:1}.comment-input{display:flex;align-items:center;gap:0;padding:12px;border-top:1px solid var(--strip-border);margin-top:8px}.comment-input input{flex:1;padding:0;border:none;background:transparent;color:var(--strip-text);font-size:14px;outline:none}.comment-input input::-moz-placeholder{color:var(--strip-text-secondary)}.comment-input input::placeholder{color:var(--strip-text-secondary)}.comment-input button{padding:0;background:transparent;color:var(--strip-link);border:none;font-weight:600;font-size:14px;cursor:pointer;opacity:.5;transition:opacity .2s}.comment-input button:not(:disabled){opacity:1}.comment-input button:disabled{cursor:default}.load-more-btn{padding:12px 24px;margin:24px auto;display:block;background:transparent;color:var(--strip-link);border:none;font-weight:600;font-size:14px;cursor:pointer}.load-more-btn:disabled{opacity:.5;cursor:not-allowed}.post-image .album-collage{cursor:pointer;position:relative;overflow:hidden;border-radius:0;display:block}.post-image .album-collage .collage-primary{width:100%;max-height:500px;overflow:hidden}.post-image .album-collage .collage-primary img{width:100%;height:auto;min-height:300px;max-height:500px;-o-object-fit:cover;object-fit:cover;display:block;border-radius:0;transition:transform .3s ease}.post-image .album-collage .collage-thumbs{display:flex;gap:2px;margin-top:2px}.post-image .album-collage .collage-thumb{flex:1;height:80px;min-width:0;position:relative;overflow:hidden}.post-image .album-collage .collage-thumb img{width:100%;height:80px;-o-object-fit:cover;object-fit:cover;display:block;border-radius:0}.collage-more{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:600}.collage-click-hint{position:absolute;bottom:90px;right:12px;opacity:0;transition:opacity .3s ease;pointer-events:none}.collage-click-hint span{background:#000c;color:#fff;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:500}.album-collage:hover .collage-click-hint{opacity:1}.album-lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000f2;z-index:10000;display:flex;align-items:center;justify-content:center}.album-lightbox{width:100%;height:100%;max-width:1000px;display:flex;flex-direction:column;padding:0}.album-lightbox-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;color:#fff}.album-lightbox-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600}.lightbox-counter{color:#fff9;font-size:14px;font-weight:400}.lightbox-close{background:transparent;border:none;padding:8px;color:#fff;cursor:pointer}.album-lightbox-content{flex:1;display:flex;align-items:center;justify-content:center;gap:0;min-height:0;position:relative}.lightbox-nav-btn{position:absolute;background:#ffffffe6;border:none;width:40px;height:40px;border-radius:50%;color:#000;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;z-index:10}.lightbox-nav-btn:hover{background:#fff}.lightbox-nav-btn.prev{left:16px}.lightbox-nav-btn.next{right:16px}.lightbox-image-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:0 60px}.lightbox-image-wrapper img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.album-lightbox-thumbnails{display:flex;gap:4px;padding:12px 16px;overflow-x:auto;justify-content:center;background:#000c}.lightbox-thumb{width:56px;height:56px;border-radius:4px;overflow:hidden;cursor:pointer;flex-shrink:0;opacity:.4;border:2px solid transparent;transition:all .2s}.lightbox-thumb:hover{opacity:.7}.lightbox-thumb.active{opacity:1;border-color:#fff}.lightbox-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.strip-container .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:10000}.strip-container .modal-content{background:var(--strip-card-bg);border-radius:12px;width:95%;max-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}@media (min-width: 1200px){.strip-container .modal-content{max-width:900px}}.strip-container .modal-header{display:flex;justify-content:center;align-items:center;padding:12px 16px;border-bottom:1px solid var(--strip-border);position:relative}.strip-container .modal-header h2{margin:0;font-size:16px;font-weight:600;color:var(--strip-text)}.strip-container .modal-header button{position:absolute;right:12px;background:transparent;border:none;font-size:24px;color:var(--strip-text);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.strip-container .modal-content .photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px;overflow-y:auto;flex:1;min-height:200px;max-height:60vh}@media (min-width: 600px){.strip-container .modal-content .photo-grid{grid-template-columns:repeat(4,1fr);gap:10px;padding:16px}}@media (min-width: 900px){.strip-container .modal-content .photo-grid{grid-template-columns:repeat(5,1fr)}}.strip-container .photo-option{position:relative;padding-bottom:100%;cursor:pointer;overflow:hidden;border:none;background:var(--strip-border)}.strip-container .photo-option img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.strip-container .photo-option:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;border:3px solid transparent;transition:all .2s;pointer-events:none}.strip-container .photo-option:hover:after{background:#ffffff1a}.strip-container .photo-option.selected:after{border-color:var(--strip-link);background:#3e5c5833}.strip-container .photo-checkbox{position:absolute;top:6px;left:6px;z-index:2}.strip-container .photo-checkbox input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;cursor:pointer;background:#ffffffe6;border:2px solid rgba(0,0,0,.3);border-radius:4px;margin:0;display:grid;place-content:center;box-shadow:0 1px 3px #0003}.strip-container .photo-checkbox input:checked{background:var(--strip-link, #3e5c58);border-color:var(--strip-link, #3e5c58)}.strip-container .photo-checkbox input:checked:after{content:"";width:12px;height:12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.strip-container .modal-header .selection-count{position:absolute;left:16px;font-size:14px;color:var(--strip-link, #3e5c58);font-weight:500}.strip-container .modal-content textarea{margin:12px;padding:12px;border:1px solid var(--strip-border);border-radius:8px;background:transparent;color:var(--strip-text);resize:none;font-family:inherit;font-size:14px;min-height:80px}.strip-container .modal-content textarea:focus{outline:none;border-color:var(--strip-border)}.strip-container .modal-content textarea::-moz-placeholder{color:var(--strip-text-secondary)}.strip-container .modal-content textarea::placeholder{color:var(--strip-text-secondary)}.strip-container .modal-actions{display:flex;justify-content:flex-end;gap:12px;padding:12px 16px;border-top:1px solid var(--strip-border)}.strip-container .modal-actions button{padding:8px 16px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;border:none}.strip-container .modal-actions button:first-child{background:transparent;color:var(--strip-text)}.strip-container .modal-actions button.primary-btn{background:var(--strip-link);color:#fff}.strip-container .modal-actions button:disabled{opacity:.5;cursor:not-allowed}.strip-container .modal-header .back-btn{position:absolute;left:12px;display:flex;align-items:center;gap:4px;background:transparent;border:none;color:var(--strip-link, #3e5c58);font-size:14px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .2s}.strip-container .modal-header .back-btn:hover{background:#3e5c581a}.strip-container .modal-header .close-btn{position:absolute;right:12px}.strip-container .album-option{cursor:pointer}.strip-container .album-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:24px 8px 8px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;color:#fff}.strip-container .album-overlay svg{position:absolute;top:8px;right:8px;opacity:.8}.strip-container .album-title{font-size:12px;font-weight:600;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.strip-container .album-count{font-size:11px;opacity:.8}.strip-container .loading-grid{display:flex;align-items:center;justify-content:center;min-height:200px}.strip-container .loading-message,.strip-container .empty-message{grid-column:1 / -1;text-align:center;padding:40px 20px;color:var(--strip-text-secondary);font-size:14px}.strip-container .album-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--strip-border, #dbdbdb);color:var(--strip-text-secondary, #8e8e8e)}.strip-container .share-help-text{padding:12px 16px;background:#3e5c5814;border-top:1px solid var(--strip-border);font-size:13px;color:var(--strip-text)}.strip-container .share-help-text p{margin:0;line-height:1.5}.strip-container .share-help-text .help-hint{margin-top:6px;font-size:12px;color:var(--strip-text-secondary)}@media (min-width: 900px){.strip-container{width:100%;margin:0;max-width:none;padding:clamp(32px,4vw,72px) clamp(24px,6vw,96px) 120px;background:radial-gradient(circle at 12% -10%,rgba(194,213,210,.5),transparent 45%),radial-gradient(circle at 88% 0%,rgba(253,248,226,.7),transparent 40%),var(--strip-bg);font-family:Space Grotesk,Avenir Next,Segoe UI,sans-serif}.strip-stage{gap:36px;max-width:1400px;margin:0 auto}.strip-desktop-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.9fr);min-height:360px;padding:36px}.strip-hero-title{font-size:clamp(36px,3vw,46px)}.strip-hero-copy{font-size:16px}.strip-hero-right{padding:20px}.strip-hero-cards{min-height:260px}.strip-hero-cards.single .strip-hero-card{width:78%;height:240px}.strip-hero-cards.double .strip-hero-card.card-1{width:65%;height:220px;margin-right:-48px}.strip-hero-cards.double .strip-hero-card.card-2{width:60%;height:200px}.strip-hero-card.card-1{width:68%;height:220px;top:28px}.strip-hero-card.card-2{width:62%;height:200px}.strip-hero-card.card-3{width:60%;height:190px}.strip-desktop-hero:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(62,92,88,.35),transparent 65%);top:-100px;right:-80px;pointer-events:none}.strip-header{display:none}.strip-feed{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;align-items:start}.strip-post{border:1px solid var(--strip-border);border-radius:16px;overflow:hidden;background:var(--strip-card-bg);box-shadow:0 8px 24px -12px var(--strip-hero-shadow);transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;height:420px}.strip-post:hover{transform:translateY(-3px);box-shadow:0 16px 32px -12px var(--strip-hero-shadow)}.strip-post.featured{display:flex;flex-direction:column}.strip-post.album-post{grid-column:span 2;height:auto;min-height:420px}.strip-post-body{display:flex;flex-direction:column;gap:0;padding:0;flex:1;min-height:0}.strip-post-media{width:100%;flex:1;min-height:0;overflow:hidden}.strip-post-media .post-image{height:100%}.strip-post-details{padding:12px 14px 14px;gap:8px;flex-shrink:0}.strip-post-details .album-badge{margin-bottom:2px}.post-image{background:linear-gradient(to bottom,#0a0a0a,#151515);display:flex;align-items:center;justify-content:center;height:100%}.post-image>img.strip-photo{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;border-radius:0;display:block}.post-header{padding:12px 16px}.post-actions{padding:0;border-top:none}.post-caption{padding:0;font-size:14px}.post-comments{padding:0;max-height:120px;overflow:auto}.comment-input{padding:10px 0 0;margin-top:auto;border-top:1px solid var(--strip-border)}.user-avatar{width:36px;height:36px}.user-avatar:after{width:32px;height:32px}.post-image .album-collage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:0;align-items:stretch}.post-image .album-collage[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.post-image .album-collage[data-count="3"],.post-image .album-collage[data-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.post-image .album-collage[data-count="1"]{grid-template-columns:1fr}.post-image .album-collage .collage-primary{aspect-ratio:4/3;border-radius:0;overflow:hidden;width:100%}.post-image .album-collage .collage-thumb{aspect-ratio:4/3;border-radius:0;overflow:hidden;width:100%;height:auto}.post-image .album-collage .collage-primary img,.post-image .album-collage .collage-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.post-image .album-collage .collage-thumbs{display:contents!important;margin:0;padding:0}.collage-click-hint{bottom:12px;right:12px}.strip-container{background:radial-gradient(circle at 12% -10%,rgba(247,250,249,.7),transparent 45%),radial-gradient(circle at 88% 0%,rgba(194,213,210,.55),transparent 40%),var(--strip-bg)}}@media (min-width: 1200px){.strip-hero-title{font-size:clamp(42px,3.5vw,56px)}.strip-desktop-hero{padding:40px}.strip-hero-cards{min-height:280px}.strip-hero-card.card-1{height:230px;width:70%}.strip-hero-card.card-2{height:210px;width:63%}.strip-hero-card.card-3{height:200px;width:60%}.strip-feed{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}}@media (min-width: 1600px){.strip-feed{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.strip-post.album-post{grid-column:span 2}}@media (max-width: 767px){.strip-container{padding:0 0 80px;background:radial-gradient(circle at 20% 0%,rgba(48,72,73,.08),transparent 45%),radial-gradient(circle at 90% 10%,rgba(62,92,88,.1),transparent 40%),#f5f7fb}.strip-header{padding:12px 16px;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(143,162,160,.25);box-shadow:0 8px 20px -16px #0f172a40}.strip-title h1{font-size:20px;letter-spacing:-.02em}.share-to-strip-btn{padding:8px 12px;font-size:13px}.share-to-strip-btn span{display:none}.strip-feed{gap:16px;padding:16px 14px 28px}.strip-post{border:1px solid rgba(143,162,160,.25);border-radius:16px;overflow:hidden;background:var(--strip-card-bg);box-shadow:0 18px 28px -22px #0f172a59}.post-header{padding:12px 14px}.post-image{background:#0b0b0b}.post-actions{padding:10px 14px;border-top:1px solid rgba(143,162,160,.2)}.post-caption,.post-comments{padding:0 14px 10px}.comment-input{padding:12px 14px 14px;border-top:1px solid rgba(143,162,160,.2)}.album-badge{padding:10px 14px 0}.modal-content{width:100%;height:100%;max-height:100%;border-radius:0}.album-lightbox{padding:0}.lightbox-image-wrapper{padding:0 48px}.lightbox-nav-btn{width:32px;height:32px}.lightbox-nav-btn.prev{left:8px}.lightbox-nav-btn.next{right:8px}.album-lightbox-thumbnails{padding:8px}.lightbox-thumb{width:48px;height:48px}}@media (max-width: 400px){.post-image .album-collage .collage-primary{max-height:350px}.post-image .album-collage .collage-primary img{min-height:250px;max-height:350px}.post-image .album-collage .collage-thumb,.post-image .album-collage .collage-thumb img{height:60px}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.strip-loading{background:linear-gradient(90deg,var(--strip-border) 25%,rgba(255,255,255,.1) 50%,var(--strip-border) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-post{pointer-events:none}.skeleton-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0,#e0e0e0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-text{height:14px;border-radius:4px;background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0,#e0e0e0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-username{width:80px;margin-bottom:4px}.skeleton-timestamp{width:50px;height:12px}.skeleton-post .skeleton-image{width:100%;aspect-ratio:4 / 5;border-radius:12px;background:linear-gradient(90deg,#e8e8e8 25%,#f5f5f5,#e8e8e8 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-caption{width:60%;margin-bottom:12px}.skeleton-action{width:40px;height:24px;border-radius:4px}.skeleton-post .post-actions{gap:16px}.skeleton-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}@media (min-width: 600px){.skeleton-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 900px){.skeleton-grid{grid-template-columns:repeat(5,1fr)}}.skeleton-photo{pointer-events:none}.skeleton-photo .skeleton-image{width:100%;padding-bottom:100%;border-radius:8px;background:linear-gradient(90deg,#e8e8e8 25%,#f5f5f5,#e8e8e8 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@media (prefers-color-scheme: dark){.skeleton-avatar,.skeleton-text{background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a,#2a2a2a 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-post .skeleton-image,.skeleton-photo .skeleton-image{background:linear-gradient(90deg,#222 25%,#333,#222 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}}.clients-page{--client-ink: #16211f;--client-muted: #435654;--client-accent: #304849;--client-accent-strong: #253a3b;--client-teal: #1f7a7a;--client-border: #eadfd2;--client-card: #fff8ef;--client-card-strong: #ffffff;--client-shadow: 0 18px 40px rgba(36, 22, 12, .08);--client-heading-font: "Avenir Next", Avenir, "Nunito Sans", "Segoe UI", sans-serif;--client-body-font: "Avenir Next", Avenir, "Nunito Sans", "Segoe UI", sans-serif;font-family:var(--client-body-font);background:transparent;color:var(--client-ink);min-height:100vh;padding:32px 32px 96px;position:relative}.clients-hero,.clients-shell{position:relative;z-index:1}.clients-loading{font-size:1rem;text-align:center;padding:4rem}.clients-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:2rem;animation:fadeInUp .5s ease-out}.hero-copy span{text-transform:uppercase;letter-spacing:.2em;font-size:.7rem;color:var(--client-muted)}.hero-copy h1{font-family:var(--client-heading-font);font-size:2.8rem;margin:.5rem 0}.hero-copy p{margin:0;color:var(--client-muted);max-width:460px}.hero-stats{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:1rem}.hero-stat{background:var(--client-card-strong);border:1px solid var(--client-border);border-radius:16px;padding:1rem 1.25rem;box-shadow:var(--client-shadow);text-align:center}.hero-stat span{font-size:1.5rem;font-weight:700;display:block}.hero-stat em{display:block;font-style:normal;color:var(--client-muted);margin-top:.25rem;line-height:1.2}.clients-shell{display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px}.clients-list{background:var(--client-card-strong);border:1px solid var(--client-border);border-radius:20px;padding:1.25rem;box-shadow:var(--client-shadow);display:flex;flex-direction:column;gap:1rem;min-height:700px}.list-controls{display:flex;gap:.75rem;align-items:center}.search-field{flex:1;display:flex;align-items:center;gap:.5rem;border:1px solid var(--client-border);border-radius:999px;padding:.6rem .9rem;background:var(--client-card);color:var(--client-muted)}.search-field input{border:none;background:transparent;outline:none;width:100%;font-size:.9rem;color:var(--client-ink);font-family:var(--client-body-font)}.primary-btn,.ghost-btn{border-radius:999px;border:none;font-weight:600;font-size:.85rem;padding:.55rem 1.1rem;display:inline-flex;gap:.4rem;align-items:center;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}.primary-btn{background:var(--client-accent);color:#fff;box-shadow:0 10px 20px #30484933}.primary-btn:hover{transform:translateY(-1px);background:var(--client-accent-strong)}.ghost-btn{background:transparent;color:var(--client-ink);border:1px solid var(--client-border)}.ghost-btn.small{padding:.35rem .6rem}.filter-row{display:flex;gap:.5rem;flex-wrap:wrap}.filter-row button{border:1px solid var(--client-border);background:transparent;border-radius:999px;padding:.4rem .9rem;font-size:.75rem;color:var(--client-muted);cursor:pointer}.filter-row button.active{background:#1f7a7a1f;color:var(--client-teal);border-color:#1f7a7a66}.new-customer{display:grid;gap:.5rem;background:var(--client-card);border:1px dashed var(--client-border);border-radius:16px;padding:.75rem}.new-customer input{border:1px solid var(--client-border);border-radius:12px;padding:.5rem .75rem;font-family:var(--client-body-font);font-size:.85rem;background:#fff}.new-customer-actions{display:flex;justify-content:space-between;gap:.5rem}.customer-rows{display:flex;flex-direction:column;gap:.75rem;overflow-y:auto}.customer-row{text-align:left;border:1px solid var(--client-border);border-radius:14px;padding:.85rem;background:#fff;cursor:pointer;transition:box-shadow .2s,transform .2s}.customer-row.active{border-color:#1f7a7a99;box-shadow:0 12px 24px #1f7a7a2e;transform:translateY(-2px)}.customer-row-top{display:flex;justify-content:space-between;align-items:center;font-size:.95rem;margin-bottom:.3rem}.status-dot{font-size:.7rem;padding:.2rem .5rem;border-radius:999px;background:#1f7a7a1f;color:var(--client-teal)}.status-dot.status-paused{background:#d68a2826;color:#253a3b}.status-dot.status-archived{background:#645f5a26;color:#435654}.customer-row-meta{display:flex;flex-direction:column;gap:.1rem;color:var(--client-muted);font-size:.8rem}.customer-row-footer{display:flex;justify-content:space-between;color:var(--client-muted);font-size:.75rem;margin-top:.4rem}.clients-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem;color:var(--client-muted);padding:2rem 1rem}.clients-empty svg{font-size:1.5rem}.client-detail{display:flex;flex-direction:column;gap:1.5rem}.clients-error{background:#dc26261a;color:#b91c1c;border-radius:12px;padding:.75rem 1rem;display:flex;align-items:center;gap:.5rem}.detail-placeholder{background:var(--client-card-strong);border:1px dashed var(--client-border);border-radius:20px;padding:3rem;text-align:center;color:var(--client-muted)}.detail-placeholder svg{font-size:2rem;margin-bottom:.75rem}.detail-content{display:flex;flex-direction:column;gap:1.5rem}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;background:var(--client-card-strong);border:1px solid var(--client-border);border-radius:20px;padding:1.5rem;box-shadow:var(--client-shadow)}.detail-header h2{font-family:var(--client-heading-font);margin:.4rem 0;font-size:2rem}.detail-label{text-transform:uppercase;letter-spacing:.2em;font-size:.65rem;color:var(--client-muted)}.detail-contact{display:flex;flex-wrap:wrap;gap:.75rem;color:var(--client-muted);font-size:.85rem;min-width:0;overflow-wrap:anywhere}.detail-contact span{display:inline-flex;gap:.35rem;align-items:center;min-width:0;overflow-wrap:anywhere;word-break:break-word}.detail-contact .contact-link a{color:var(--client-accent);text-decoration:none}.detail-contact .contact-link a:hover{text-decoration:underline}.detail-actions{display:flex;flex-direction:column;gap:.75rem;align-items:flex-end}.status-select{display:flex;flex-direction:column;gap:.35rem;font-size:.75rem;color:var(--client-muted)}.status-select select{border:1px solid var(--client-border);border-radius:12px;padding:.45rem .75rem;font-family:var(--client-body-font);background:var(--client-card);max-width:100%;width:100%;box-sizing:border-box}.action-group{display:flex;gap:.5rem}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.detail-card{background:var(--client-card-strong);border:1px solid var(--client-border);border-radius:20px;padding:1.25rem;box-shadow:var(--client-shadow);overflow-wrap:anywhere}.mobile-section{padding:0;overflow:hidden}.mobile-section summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;cursor:pointer}.mobile-section summary::-webkit-details-marker{display:none}.mobile-section .mobile-section-title h3{margin:0;font-size:1rem}.mobile-section .mobile-section-title p{margin:.25rem 0 0;font-size:.75rem;color:var(--client-muted)}.mobile-section-actions{padding:0 1.25rem .75rem;display:flex;justify-content:flex-end}.mobile-section-actions .primary-btn{width:100%;justify-content:center}.mobile-section-body{padding:0 1.25rem 1.25rem;border-top:1px solid var(--client-border)}.mobile-section[open] summary{border-bottom:1px solid var(--client-border)}.detail-card.full{grid-column:1 / -1}.detail-card h3{margin:0 0 .75rem;font-size:1.1rem}.overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.overview-grid span{color:var(--client-muted);font-size:.75rem}.overview-grid strong{display:block;font-size:1.1rem}.detail-card textarea{width:100%;min-height:140px;border:1px solid var(--client-border);border-radius:14px;padding:.75rem;font-family:var(--client-body-font);background:var(--client-card)}.contact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.contact-form.address-form{grid-template-columns:repeat(3,minmax(0,1fr))}.contact-form label{display:flex;flex-direction:column;gap:.4rem;font-size:.75rem;color:var(--client-muted)}.contact-form input{border:1px solid var(--client-border);border-radius:12px;padding:.6rem .75rem;font-family:var(--client-body-font)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.submission-cards{display:grid;gap:1rem}.submission-card{border:1px solid var(--client-border);border-radius:16px;padding:1rem;background:var(--client-card)}.submission-card-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem}.submission-card-header .album-title{font-weight:600;display:block}.submission-album-link{color:inherit}.submission-album-link:hover{text-decoration:underline}.submission-date{font-size:.75rem;color:var(--client-muted)}.submission-actions{display:flex;gap:.5rem;align-items:center}.status-pill{padding:.3rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600;background:#3048491a;color:#253a3b}.status-pill.status-approved{background:#22c55e26;color:#15803d}.status-pill.status-rejected{background:#ef444426;color:#b91c1c}.status-pill.status-review{background:#3e5c5826;color:#253a3b}.submission-meta{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--client-muted);margin-bottom:.75rem}.status-controls{display:flex;gap:.5rem}.status-controls button{border:none;background:transparent;color:var(--client-muted);font-size:.75rem;display:inline-flex;align-items:center;gap:.3rem;cursor:pointer}.status-controls button:hover{color:var(--client-ink)}.submission-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem}.submission-thumb-wrapper{border:none;padding:0;background:transparent;cursor:pointer}.submission-thumb-wrapper:focus-visible{outline:2px solid rgba(31,122,122,.6);border-radius:14px}.submission-thumb{width:100%;aspect-ratio:1 / 1;border-radius:12px;overflow:hidden;background:#efe5d8;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--client-muted);text-align:center;padding:.3rem}.submission-thumb.missing{background:#f2e7dc;border:1px dashed #c3cecd;flex-direction:column}.submission-thumb.missing em{font-style:normal;font-size:.6rem;margin-top:.3rem}.submission-thumb.more{background:#e6eeec;font-weight:600;color:var(--client-ink)}.activity-list{display:flex;flex-direction:column;gap:.75rem}.activity-row{display:flex;gap:.75rem;align-items:flex-start;background:var(--client-card);border-radius:14px;padding:.75rem}.activity-row p{margin:0}.activity-row span{display:block;color:var(--client-muted);font-size:.75rem;margin-top:.2rem}.activity-icon{width:36px;height:36px;border-radius:12px;background:#1f7a7a1f;color:var(--client-teal);display:flex;align-items:center;justify-content:center;flex-shrink:0}.comment-list{display:flex;flex-direction:column;gap:.75rem}.comment-row{background:var(--client-card);border-radius:16px;padding:1rem;border:1px solid var(--client-border)}.comment-row p{margin:.6rem 0}.comment-header{display:flex;justify-content:space-between;font-size:.8rem;color:var(--client-muted)}.comment-status{text-transform:capitalize}.comment-photo{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem}.comment-photo img,.comment-photo-missing{width:44px;height:44px;border-radius:10px;-o-object-fit:cover;object-fit:cover;background:#edf1f0;display:flex;align-items:center;justify-content:center;font-size:.6rem;color:var(--client-muted);text-align:center}.comment-footer{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--client-muted)}.comment-actions{display:flex;gap:.5rem}.comment-actions button{border:none;background:transparent;font-size:.75rem;color:var(--client-muted);cursor:pointer}.comment-actions button:hover{color:var(--client-ink)}.card-header p{margin:.25rem 0 0;color:var(--client-muted);font-size:.85rem}.job-form{border:1px dashed var(--client-border);border-radius:18px;padding:1rem;background:#fff8f0;margin-bottom:1rem;display:grid;gap:1rem}.job-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.job-form label{display:flex;flex-direction:column;gap:.4rem;font-size:.75rem;color:var(--client-muted)}.job-form input,.job-form select,.job-form textarea{border:1px solid var(--client-border);border-radius:12px;padding:.6rem .75rem;font-family:var(--client-body-font);font-size:.85rem;background:#fff}.job-form textarea{min-height:120px}.job-form-actions{display:flex;justify-content:flex-end;gap:.75rem}.job-list{display:grid;gap:1.25rem}.job-card{border:1px solid var(--client-border);border-radius:18px;padding:1.25rem;background:#fffdf9}.job-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.job-header h4{margin:0 0 .25rem;font-size:1.1rem}.job-header span{font-size:.75rem;color:var(--client-muted)}.job-status select{border:1px solid var(--client-border);border-radius:999px;padding:.3rem .8rem;font-size:.75rem;background:#fff}.job-meta{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;font-size:.75rem;color:var(--client-muted);margin:.75rem 0}.job-description{margin:.5rem 0 1rem;font-size:.9rem;color:var(--client-ink)}.job-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.job-section{border:1px solid var(--client-border);border-radius:16px;padding:.9rem;background:#fff;display:flex;flex-direction:column;gap:.75rem}.job-section-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.job-section-header h5{display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem;margin:0}.doc-upload{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;color:var(--client-accent);cursor:pointer}.doc-upload input{display:none}.doc-hint{font-size:.7rem;color:var(--client-muted)}.doc-list,.note-list{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}.doc-list li{display:flex;justify-content:space-between;align-items:center;gap:.75rem;border:1px solid var(--client-border);border-radius:12px;padding:.6rem .75rem;background:#fff9f1}.doc-list strong{display:block;font-size:.85rem;color:var(--client-ink)}.doc-list span{font-size:.7rem;color:var(--client-muted)}.doc-actions{display:inline-flex;align-items:center;gap:.5rem}.doc-actions a,.doc-actions button{display:inline-flex;align-items:center;gap:.3rem;border:none;background:transparent;color:var(--client-ink);font-size:.75rem;cursor:pointer;text-decoration:none}.doc-actions button{color:#253a3b}.note-compose textarea{width:100%;min-height:90px;border:1px solid var(--client-border);border-radius:12px;padding:.6rem .75rem;font-family:var(--client-body-font);font-size:.85rem;background:#fffaf4}.note-compose button{align-self:flex-end}.note-list li{border-left:3px solid rgba(31,122,122,.4);padding-left:.75rem}.note-list p{margin:0 0 .25rem;font-size:.85rem;color:var(--client-ink)}.note-list span{font-size:.7rem;color:var(--client-muted)}.job-empty{font-size:.8rem;color:var(--client-muted)}.share-history{display:grid;gap:.75rem}.share-row{border:1px solid var(--client-border);border-radius:16px;padding:.9rem 1rem;background:#fff8ef;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;gap:1rem;align-items:center}.share-row strong{display:block;font-size:.95rem}.share-album-link{display:inline-flex;align-items:center;gap:.4rem;font-size:.95rem;font-weight:600;color:var(--client-ink)}.share-album-link:hover{text-decoration:underline}.share-row span{display:block;font-size:.75rem;color:var(--client-muted);word-break:break-word}.share-meta{display:grid;gap:.3rem}.share-actions button{border:1px solid var(--client-border);border-radius:999px;background:#fff;padding:.35rem .85rem;font-size:.75rem;cursor:pointer}.client-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#120e0abf;display:flex;align-items:center;justify-content:center;z-index:10000;padding:24px}.client-lightbox-panel{background:#1f1a16;border-radius:18px;padding:18px;max-width:900px;width:min(90vw,900px);display:grid;gap:.75rem;color:#f6efe7;position:relative}.client-lightbox-panel img{width:100%;max-height:70vh;-o-object-fit:contain;object-fit:contain;border-radius:12px;background:#0f0d0b}.client-lightbox-panel span{font-size:.85rem;color:#f6efe7b3}.client-lightbox-close{position:absolute;top:12px;right:12px;border:none;background:#ffffff1f;color:#f6efe7;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.card-empty{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;color:var(--client-muted)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1200px){.clients-shell{grid-template-columns:1fr}.clients-list{min-height:auto}}@media (max-width: 900px){.clients-hero{flex-direction:column;align-items:flex-start}.hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.clients-shell.is-mobile{display:flex;flex-direction:column;gap:1rem}.clients-list.is-mobile{padding:1rem;border-radius:18px;background:var(--client-card-strong);border:1px solid var(--client-border);box-shadow:var(--client-shadow)}.clients-list.is-mobile .list-controls{flex-direction:column;align-items:stretch;gap:.75rem}.clients-list.is-mobile .list-controls .primary-btn{width:100%;justify-content:center}.clients-list.is-mobile .filter-row{overflow-x:auto;padding-bottom:.25rem}.clients-list.is-mobile .filter-row button{white-space:nowrap}.clients-list.is-mobile .customer-rows{display:none}.detail-grid{grid-template-columns:1fr}.submission-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.contact-form,.contact-form.address-form{grid-template-columns:1fr}.share-row{grid-template-columns:1fr;align-items:flex-start}.job-form-grid,.job-sections{grid-template-columns:1fr}}@media (max-width: 600px){.clients-page{padding:24px 16px 120px}.clients-hero{padding:22px 18px;border-radius:20px;width:100%;max-width:100%;box-sizing:border-box}.clients-hero h1{font-size:1.6rem}.hero-stats{gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.hero-stats .hero-stat{min-height:60px;padding:.75rem .9rem;width:100%;min-width:0;box-sizing:border-box;overflow:hidden}.hero-stats .hero-stat span{font-size:1.15rem}.hero-stats .hero-stat em{font-size:.65rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clients-hero,.clients-list.is-mobile,.client-detail.is-mobile .detail-card,.client-detail.is-mobile .detail-card.full{border-top:1px solid var(--client-border)}.clients-shell.is-mobile{display:flex;flex-direction:column;gap:1.25rem}.clients-list.is-mobile{padding:1.25rem;border-radius:20px;background:var(--client-card-strong);border:1px solid var(--client-border);box-shadow:var(--client-shadow);max-width:100%;box-sizing:border-box;overflow:hidden}.clients-empty,.clients-error{max-width:100%;box-sizing:border-box}.clients-error{word-break:break-word;overflow-wrap:anywhere}.clients-list.is-mobile .list-controls{flex-direction:column;align-items:stretch;gap:.75rem}.clients-list.is-mobile .list-controls .primary-btn{width:100%;justify-content:center}.clients-list.is-mobile .filter-row{overflow-x:auto;padding-bottom:.25rem}.clients-list.is-mobile .filter-row button{white-space:nowrap}.customer-dropdown{display:grid;gap:.6rem;max-width:100%;min-width:0}.customer-dropdown label{font-size:.75rem;color:var(--client-muted);text-transform:uppercase;letter-spacing:.08em}.customer-dropdown select{border:1px solid var(--client-border);border-radius:14px;padding:.75rem .85rem;font-family:var(--client-body-font);background:#fff;font-size:.9rem;width:100%;max-width:100%;box-sizing:border-box}.customer-dropdown-meta{display:grid;gap:.35rem;font-size:.78rem;color:var(--client-muted);max-width:100%}.customer-dropdown-meta span{overflow-wrap:anywhere;word-break:break-word;min-width:0}.detail-header{flex-direction:column;align-items:flex-start;min-width:0;overflow:hidden}.detail-actions{align-items:flex-start;width:100%}.detail-actions .action-group{width:100%}.detail-actions .ghost-btn,.detail-actions .primary-btn{width:100%;justify-content:center}.detail-card{border-radius:18px}.detail-contact{display:grid;gap:.5rem}.detail-header h2{word-break:break-word;overflow-wrap:anywhere}.detail-contact span{min-width:0;overflow-wrap:anywhere}.submission-card-header{flex-direction:column;align-items:flex-start}.submission-meta{flex-direction:column;align-items:flex-start;gap:.5rem}}.gallery-manager{padding:0}.gallery-manager.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem;color:var(--client-muted)}.gallery-manager .spinner{width:32px;height:32px;border:3px solid var(--client-border);border-top-color:var(--client-accent);border-radius:50%;animation:spin .8s linear infinite}.gallery-manager-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.75rem}.gallery-manager-header h3{font-size:1.375rem;font-weight:700;margin:0;color:#182322}.gallery-manager-header p{color:#435654;margin:.375rem 0 0;font-size:.875rem}.gallery-error{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;margin-bottom:1rem}.gallery-error button{margin-left:auto;background:none;border:none;color:inherit;cursor:pointer;padding:.25rem}.gallery-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 2rem;text-align:center;color:#435654;background:#f9fafb;border-radius:12px;border:2px dashed rgba(0,0,0,.15)}.gallery-empty h4{font-size:1.125rem;color:#182322;margin:0}.gallery-empty p{margin:0;max-width:300px}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.gallery-card{background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:12px;padding:1.5rem;transition:box-shadow .2s,border-color .2s;box-shadow:0 2px 6px #0000000a}.gallery-card:hover{box-shadow:0 4px 12px #0000001a;border-color:#0000002e}.gallery-card.published{border-left:4px solid #22c55e}.gallery-card.draft{border-left:4px solid #6b7f7d}.gallery-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.gallery-card-header-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;color:#435654;cursor:pointer;transition:all .15s}.icon-btn:hover{background:#f9fafb;color:#2b3a3a;border-color:#d1d5db}.icon-btn.danger:hover{background:#fef2f2;color:#ef4444;border-color:#fca5a5}.icon-btn.small{width:28px;height:28px}.gallery-card-title{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.gallery-card-title h4{margin:0;font-size:1rem;font-weight:600}.gallery-type-badge{font-size:.625rem;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .5rem;border-radius:4px;background:#dfeae8;color:#253a3b}.gallery-type-badge.proofs{background:#fdf8e2;color:#92400e}.gallery-type-badge.selection{background:#dfeae8;color:#253a3b}.gallery-type-badge.finals{background:#d1fae5;color:#065f46}.status-pill{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;padding:.25rem .5rem;border-radius:9999px;white-space:nowrap}.status-pill.status-published{background:#d1fae5;color:#065f46}.status-pill.status-draft{background:#f3f4f6;color:#435654}.gallery-card-description{color:var(--client-muted);font-size:.875rem;margin:0 0 .75rem;line-height:1.4}.gallery-annotation-badge{display:flex;align-items:center;gap:.375rem;padding:.25rem .625rem;background:#fdf8e2;color:#92400e;border-radius:999px;font-size:.75rem;font-weight:500;margin-bottom:.5rem;width:-moz-fit-content;width:fit-content}.gallery-card-meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem;font-size:.75rem;color:var(--client-muted);margin-bottom:.75rem}.gallery-card-meta span{display:flex;align-items:center;gap:.25rem}.gallery-card-settings{display:flex;gap:.75rem;font-size:.75rem;margin-bottom:1rem}.gallery-card-settings span{padding:.25rem .5rem;background:#f3f4f6;border-radius:4px;color:var(--client-muted)}.gallery-card-settings span.enabled{background:#dfeae8;color:#1b2c2d}.gallery-card-actions{display:flex;flex-wrap:wrap;gap:.5rem;padding-top:1rem;margin-top:.5rem;border-top:1px solid rgba(0,0,0,.1)}.gallery-share-links{margin-top:1rem;padding:.75rem;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px}.share-links-header{display:flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:600;color:#166534;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.025em}.share-link-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:#fff;border-radius:6px;margin-bottom:.375rem;flex-wrap:nowrap}.share-link-item:last-child{margin-bottom:0}.share-link-item code{font-size:.75rem;color:#2b3a3a;background:#f3f4f6;padding:.25rem .5rem;border-radius:4px;flex:1;min-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-link-actions{display:flex;gap:.25rem}.share-link-url-row{display:flex;align-items:center;gap:.375rem;flex:1;min-width:0;width:100%}.share-link-url-input{flex:1;min-width:0;width:100%;padding:.375rem .625rem;font-size:.75rem;border:1px solid #d1d5db;border-radius:4px;background:#f9fafb;color:#2b3a3a;overflow:hidden;text-overflow:ellipsis}.share-link-url-input:focus{outline:none;border-color:#22c55e;background:#fff}.share-link-copy-btn,.share-link-open-btn,.share-link-revoke-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid #d1d5db;border-radius:4px;background:#fff;color:#435654;cursor:pointer;transition:all .15s;flex-shrink:0}.share-link-copy-btn:hover{background:#f0fdf4;border-color:#22c55e;color:#166534}.share-link-open-btn:hover{background:#f0f5f4;border-color:#304849;color:#1b2c2d}.share-link-revoke-btn{background:#fef2f2;border-color:#fecaca;color:#dc2626}.share-link-revoke-btn:hover{background:#fee2e2;border-color:#f87171;color:#b91c1c}.share-link-meta{font-size:.6875rem;color:#435654;white-space:nowrap}.share-link-legacy{display:flex;align-items:center;gap:.5rem;flex-wrap:nowrap;flex:1;min-width:0}.share-link-prefix{font-size:.75rem;color:#435654;white-space:nowrap}.share-link-legacy-note{font-size:.6875rem;color:#6b7f7d;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.share-link-revoke-btn.legacy{width:auto;padding:.25rem .5rem;font-size:.6875rem;gap:.25rem}.share-link-note{font-size:.6875rem;color:#6b7f7d;font-style:italic;margin:.5rem 0 0;padding:0}@media (max-width: 900px){.share-link-item{flex-wrap:wrap}.share-link-meta{width:100%}.share-link-legacy{flex-wrap:wrap}}.client-action-btn{display:inline-flex!important;align-items:center!important;gap:.375rem!important;padding:.5rem .875rem!important;font-size:.8125rem!important;font-weight:500!important;border:1px solid #eadfd2!important;border-radius:6px!important;background:#fff!important;color:#16211f!important;cursor:pointer!important;transition:all .15s!important;width:auto!important;height:auto!important;min-width:auto!important}.client-action-btn:hover{background:#f9fafb!important}.client-action-btn.primary{background:#304849!important;color:#fff!important;border-color:#304849!important}.client-action-btn.primary:hover{background:#253a3b!important}.client-action-btn.warning{background:#fff!important;color:#3e5c58!important;border-color:#fcefb3!important}.client-action-btn.warning:hover{background:#fdf8e2!important}.client-action-btn.danger{background:#fff!important;color:#ef4444!important;border-color:#fca5a5!important}.client-action-btn.danger:hover{background:#fef2f2!important}.client-action-btn.small{padding:.375rem .5rem!important;font-size:.75rem!important}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.modal-panel{background:#fff;border-radius:12px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #0003}.modal-panel.submission-viewer-modal{max-width:720px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--client-border)}.modal-header h3{margin:0;font-size:1.125rem}.modal-close{background:none;border:none;padding:.5rem;cursor:pointer;color:var(--client-muted);display:flex}.modal-close:hover{color:var(--client-ink)}.form-section{margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid #e5e7eb}.form-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.form-section-header{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#435654;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--client-accent);display:inline-block}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid var(--client-border)}.modal-info{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#f0f5f4;border-radius:8px;font-size:.875rem;color:#253a3b;margin-bottom:1rem}.publish-mode-selector{margin-bottom:1.25rem}.publish-mode-label{display:block;font-size:.8125rem;font-weight:600;color:var(--client-text);margin-bottom:.5rem}.publish-mode-options{display:flex;gap:.75rem}.publish-mode-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:1rem .75rem;border:2px solid var(--client-border);border-radius:10px;background:#fff;cursor:pointer;text-align:center;transition:border-color .15s,background .15s}.publish-mode-option strong{font-size:.8125rem;color:var(--client-text)}.publish-mode-option span{font-size:.7rem;color:var(--client-muted);line-height:1.3}.publish-mode-option:hover{border-color:#a8c2be;background:#f0f5f4}.publish-mode-option.active{border-color:#304849;background:#f0f5f4}.publish-mode-option.active strong{color:#1b2c2d}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.8125rem;font-weight:600;margin-bottom:.5rem;color:#2b3a3a;text-transform:uppercase;letter-spacing:.025em}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem 1rem;font-size:.9375rem;border:2px solid #d1d5db;border-radius:8px;background:#fff;transition:border-color .15s,box-shadow .15s}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#6b7f7d}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--client-accent);box-shadow:0 0 0 3px #3048491a}.form-group textarea{resize:vertical;min-height:80px}.form-hint{font-size:.75rem;color:var(--client-muted);margin-top:.375rem}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.25rem;padding:1rem;margin-bottom:1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.form-row .form-group{margin-bottom:0}.form-row .form-group label{color:#354747}.checkbox-group{margin-bottom:.5rem}.checkbox-group label{display:flex;align-items:center;gap:.75rem;font-weight:500;font-size:.875rem;cursor:pointer;padding:.75rem 1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;transition:all .15s;text-transform:none;color:#2b3a3a}.checkbox-group label:hover{background:#f3f4f6;border-color:#d1d5db}.checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:var(--client-accent);cursor:pointer}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;background:var(--client-accent);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .15s}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;background:#fff;color:var(--client-ink);border:1px solid var(--client-border);border-radius:6px;cursor:pointer;transition:background .15s;text-decoration:none}.btn-secondary:hover{background:#f9fafb}.token-success{text-align:center;padding:1rem}.token-success .success-icon{color:#22c55e;margin-bottom:.5rem}.token-url-box{display:flex;gap:.5rem;margin:1rem 0}.token-url-box input{flex:1;padding:.75rem;font-size:.8125rem;font-family:monospace;background:#f9fafb;border:1px solid var(--client-border);border-radius:6px}.btn-copy{display:flex;align-items:center;gap:.25rem;padding:.75rem 1rem;background:var(--client-accent);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.8125rem;font-weight:500;white-space:nowrap}.token-warning{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:#253a3b;background:#fdf8e2;padding:.75rem 1rem;border-radius:6px}.selection-builder{padding:0}.selection-builder.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem;color:var(--client-muted)}.selection-builder-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.75rem}.selection-builder-header h3{font-size:1.375rem;font-weight:700;margin:0;color:#182322}.selection-builder-header p{color:#435654;margin:.375rem 0 0;font-size:.875rem}.selection-error{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;margin-bottom:1rem}.selection-error button{margin-left:auto;background:none;border:none;color:inherit;cursor:pointer;padding:.25rem}.selection-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 2rem;text-align:center;color:#435654;background:#f9fafb;border-radius:12px;border:2px dashed rgba(0,0,0,.15)}.selection-empty h4{font-size:1.125rem;color:#182322;margin:0}.selection-empty p{margin:0;max-width:340px}.group-title{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--client-muted);margin:0 0 1rem;text-transform:uppercase;letter-spacing:.05em}.group-title .dot{width:8px;height:8px;border-radius:50%;background:currentColor}.group-title .dot.active{color:#304849}.group-title .dot.completed{color:#22c55e}.group-title .dot.other{color:#6b7f7d}.request-list{display:flex;flex-direction:column;gap:1.25rem}.selection-request-card{background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:12px;padding:1.5rem;transition:box-shadow .2s,border-color .2s;box-shadow:0 2px 6px #0000000a}.selection-request-card:hover{box-shadow:0 4px 12px #0000001a;border-color:#0000002e}.request-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem;cursor:pointer}.request-card-title{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.request-card-title h4{margin:0;font-size:1rem;font-weight:600}.status-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.6875rem;text-transform:uppercase;letter-spacing:.03em;padding:.25rem .5rem;border-radius:4px}.status-badge.status-gray{background:#f3f4f6;color:#435654}.status-badge.status-blue{background:#dfeae8;color:#1b2c2d}.status-badge.status-yellow{background:#fdf8e2;color:#253a3b}.status-badge.status-green{background:#d1fae5;color:#065f46}.status-badge.status-purple{background:#dfeae8;color:#304849}.status-badge.status-red{background:#fee2e2;color:#dc2626}.expand-btn{background:none;border:none;padding:.25rem;color:var(--client-muted);cursor:pointer}.request-card-meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem;font-size:.75rem;color:var(--client-muted);margin-bottom:.75rem}.request-card-meta span{display:flex;align-items:center;gap:.25rem}.request-card-meta .overdue{color:#dc2626}.request-card-meta .has-submissions{color:#059669}.request-rules{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem}.request-rules span{font-size:.6875rem;padding:.25rem .5rem;background:#f3f4f6;border-radius:4px;color:var(--client-muted)}.request-instructions{font-size:.875rem;color:var(--client-muted);margin:0 0 .75rem;line-height:1.4;padding:.75rem;background:#f9fafb;border-radius:6px}.token-created-box{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:.75rem;margin-bottom:.75rem}.token-created-box .token-success{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:500;color:#166534;padding:0;margin-bottom:.5rem;text-align:left}.token-url-row{display:flex;gap:.5rem}.token-url-row input{flex:1;padding:.5rem;font-size:.75rem;font-family:monospace;background:#fff;border:1px solid #d1fae5;border-radius:4px}.token-url-row .btn-copy{padding:.5rem;font-size:.75rem}.request-card-actions{display:flex;flex-wrap:wrap;gap:.5rem;padding-top:.75rem;border-top:1px solid var(--client-border)}.locked-notice{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#304849}.request-submissions{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--client-border)}.request-submissions h5{font-size:.75rem;font-weight:600;color:var(--client-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem}.submission-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem;background:#f9fafb;border-radius:6px;margin-bottom:.5rem}.submission-info{display:flex;flex-wrap:wrap;gap:.5rem 1rem;font-size:.75rem}.submission-count{display:flex;align-items:center;gap:.25rem;font-weight:500;color:var(--client-ink)}.submission-date{color:var(--client-muted)}.submission-revision{padding:.125rem .375rem;background:#dfeae8;border-radius:4px;color:#253a3b}.submission-locked{display:flex;align-items:center;gap:.25rem;color:#304849}.submission-actions{display:flex;gap:.5rem}.request-timeline{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--client-border)}.request-timeline h5{font-size:.75rem;font-weight:600;color:var(--client-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem}.timeline-items{display:flex;flex-direction:column;gap:.5rem;padding-left:1rem;border-left:2px solid var(--client-border)}.timeline-item{position:relative;font-size:.75rem;color:var(--client-muted)}.timeline-dot{position:absolute;left:-1.25rem;top:.25rem;width:8px;height:8px;background:var(--client-border);border-radius:50%}.timeline-dot.sent{background:#304849}.timeline-dot.opened{background:#3e5c58}.timeline-dot.submitted{background:#22c55e}.submission-meta{display:flex;gap:1rem;font-size:.875rem;color:var(--client-muted);margin-bottom:1rem}.submission-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.submission-item{background:#f9fafb;border-radius:8px;overflow:hidden}.submission-thumb{position:relative;aspect-ratio:4/3;background:#e5e7eb}.submission-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.thumb-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--client-muted)}.selection-rank{position:absolute;top:.5rem;left:.5rem;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--client-accent);color:#fff;border-radius:50%;font-size:.6875rem;font-weight:600}.selection-note{padding:.5rem;font-size:.75rem;color:var(--client-muted);line-height:1.3;margin:0}.job-detail-page{min-height:100vh}.job-detail-page.loading,.job-detail-page.error,.job-detail-page.not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem;text-align:center;color:var(--client-muted)}.job-detail-page h2{margin:0;color:var(--client-ink)}.job-detail-header{background:var(--client-card-strong);border-bottom:1px solid var(--client-border);padding:1.5rem 2rem}.header-nav{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.back-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:1px solid var(--client-border);border-radius:6px;cursor:pointer;color:var(--client-muted);transition:all .15s}.back-btn:hover{background:#f9fafb;color:var(--client-ink)}.customer-link{display:flex;align-items:center;gap:.375rem;font-size:.875rem;color:var(--client-muted);text-decoration:none}.customer-link:hover{color:var(--client-accent)}.header-main{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.header-title{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.header-title h1{font-size:1.5rem;margin:0}.job-status{font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;padding:.375rem .75rem;border-radius:9999px;background:#dfeae8;color:#253a3b}.job-status.status-active{background:#d1fae5;color:#065f46}.job-status.status-paused{background:#fdf8e2;color:#92400e}.job-status.status-completed{background:#dfeae8;color:#253a3b}.header-actions{display:flex;gap:.75rem}.stage-progress{display:flex;gap:.25rem}.stage-step{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem 1rem;background:none;border:none;cursor:pointer;position:relative;flex:1}.stage-step:after{content:"";position:absolute;top:1rem;left:calc(50% + 1rem);right:-.125rem;height:2px;background:var(--client-border)}.stage-step:last-child:after{display:none}.stage-step.complete:after{background:var(--stage-color)}.stage-dot{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:2px solid var(--client-border);border-radius:50%;font-size:.75rem;font-weight:600;color:var(--client-muted);background:#fff;position:relative;z-index:1;transition:all .15s}.stage-step.active .stage-dot,.stage-step.complete .stage-dot{border-color:var(--stage-color);background:var(--stage-color);color:#fff}.stage-step.future .stage-dot{opacity:.5}.stage-label{font-size:.6875rem;font-weight:500;color:var(--client-muted);text-transform:uppercase;letter-spacing:.03em}.stage-step.active .stage-label{color:var(--stage-color)}.job-tabs{display:flex;gap:0;border-bottom:1px solid var(--client-border);background:var(--client-card-strong);padding:0 2rem;overflow-x:auto}.job-tab{display:flex;align-items:center;gap:.5rem;padding:1rem 1.25rem;font-size:.875rem;font-weight:500;color:var(--client-muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:all .15s}.job-tab:hover{color:var(--client-ink)}.job-tab.active{color:var(--client-accent);border-bottom-color:var(--client-accent)}.tab-count{font-size:.6875rem;padding:.125rem .5rem;background:#f3f4f6;border-radius:9999px}.job-tab.active .tab-count{background:#fcf4cf;color:var(--client-accent-strong)}.job-detail-content{padding:1.5rem 2rem;max-width:1400px;margin:0 auto}.workspace-tab,.details-tab{display:flex;flex-direction:column;gap:2rem}.job-overview{width:100%}.job-overview.editing{background:var(--client-card-strong);border:1px solid var(--client-border);border-radius:12px;padding:1.5rem}.overview-form .form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--client-border)}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:2rem}.overview-card{background:var(--client-card-strong);border:1px solid var(--client-border);border-radius:12px;padding:1.25rem}.overview-card.full{grid-column:1 / -1}.overview-card h4{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;margin:0 0 1rem;color:var(--client-muted)}.overview-card p{font-size:.875rem;color:var(--client-ink);margin:0;line-height:1.5}.overview-card dl{margin:0}.overview-card dt{font-size:.75rem;color:var(--client-muted);margin-bottom:.125rem}.overview-card dd{font-size:.875rem;font-weight:500;margin:0 0 .75rem}.overview-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.stat-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;background:var(--client-card-strong);border:1px solid var(--client-border);border-radius:12px;text-align:center;color:var(--client-muted)}.stat-value{font-size:1.75rem;font-weight:700;color:var(--client-ink)}.stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.job-documents{width:100%;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:12px;padding:1.5rem;box-shadow:0 2px 6px #0000000f}.documents-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid rgba(0,0,0,.08)}.documents-header h4{display:flex;align-items:center;gap:.5rem;margin:0;font-size:.875rem;font-weight:600;color:#182322}.upload-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.4rem .75rem;font-size:.8125rem;font-weight:500;background:var(--client-accent);color:#fff;border-radius:8px;cursor:pointer;transition:opacity .15s}.upload-btn:hover{opacity:.85}.upload-btn input{display:none}.documents-hint{font-size:.6875rem;color:var(--client-muted);margin-bottom:.75rem}.documents-empty{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2.5rem 1rem;text-align:center;color:#6b7f7d;background:transparent;border-radius:8px;border:2px dashed var(--client-border, rgba(0, 0, 0, .12))}.documents-empty p{margin:0;font-size:.8125rem}.documents-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.document-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:10px;box-shadow:0 2px 4px #0000000a}.document-info{display:flex;align-items:center;gap:.75rem;min-width:0}.document-info>div{min-width:0}.document-info strong{display:block;font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.document-info span{display:block;font-size:.75rem;color:var(--client-muted)}.document-actions{display:flex;gap:.5rem}.btn-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#f9fafb;border:1px solid rgba(0,0,0,.1);border-radius:8px;cursor:pointer;color:#435654;text-decoration:none;transition:all .15s}.btn-icon:hover{background:#f3f4f6;color:#182322;border-color:#00000026}.btn-icon.danger:hover{background:#fef2f2;color:#dc2626;border-color:#fca5a5}.job-notes{width:100%}.note-composer{margin-bottom:2rem;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:12px;padding:1.25rem;box-shadow:0 2px 6px #0000000a}.note-composer textarea{width:100%;padding:1rem;font-size:.875rem;border:1px solid rgba(0,0,0,.12);border-radius:8px;resize:vertical;min-height:100px;margin-bottom:1rem;background:#f9fafb}.note-composer textarea:focus{outline:none;border-color:var(--client-accent);background:#fff}.notes-empty{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem;text-align:center;color:#435654;background:#f9fafb;border-radius:12px;border:2px dashed rgba(0,0,0,.15)}.notes-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.note-item{padding:1.25rem;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:10px;box-shadow:0 2px 4px #0000000a}.note-item p{font-size:.875rem;margin:0 0 .75rem;line-height:1.6;color:#2b3a3a}.note-date{font-size:.75rem;color:#6b7f7d}.job-activity{width:100%;max-width:900px}.job-activity.empty{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem;text-align:center;color:#435654;background:#f9fafb;border-radius:12px;border:2px dashed var(--client-border)}.activity-timeline{display:flex;flex-direction:column;gap:0;padding-left:1.5rem;border-left:2px solid var(--client-border)}.activity-item{position:relative;padding:.75rem 0 1rem 1rem}.activity-dot{position:absolute;left:-1.75rem;top:.875rem;width:10px;height:10px;background:var(--client-border);border-radius:50%;border:2px solid white}.activity-content p{font-size:.875rem;margin:0 0 .25rem}.activity-content span{font-size:.75rem;color:var(--client-muted)}@media (max-width: 768px){.job-detail-header{padding:1rem}.header-main{flex-direction:column}.stage-progress{overflow-x:auto;padding-bottom:.5rem}.stage-step{padding:.5rem;min-width:60px}.stage-label{font-size:.5rem}.job-tabs{padding:0 1rem}.job-tab{padding:.75rem 1rem;font-size:.8125rem}.job-detail-content{padding:1rem}.gallery-grid,.notes-list,.documents-list{grid-template-columns:1fr}.workspace-tab,.details-tab{gap:1.25rem}.publish-mode-options{flex-direction:column}.publish-mode-option{flex-direction:row;padding:.75rem 1rem;text-align:left;min-height:44px}.publish-mode-option span{display:none}}.job-title-link{text-decoration:none;color:inherit}.job-title-link:hover h4{color:var(--client-accent)}.job-title-link h4{transition:color .15s}.job-open-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.75rem;font-weight:600;text-decoration:none;background:var(--client-accent);color:#fff;border-radius:6px;transition:background .15s;white-space:nowrap}.job-open-btn:hover{background:var(--client-accent-strong)}.job-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.job-hero{background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:16px;padding:1rem 1.5rem 1.25rem;margin:1rem 1.5rem 0;box-shadow:0 2px 8px #0000000a}.job-hero-nav{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.job-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--client-muted)}.breadcrumb-link{color:var(--client-muted);text-decoration:none}.breadcrumb-link:hover{color:var(--client-accent)}.breadcrumb-sep{color:var(--client-border)}.breadcrumb-current{color:var(--client-ink);font-weight:500}.job-hero-main{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:.75rem}.job-hero-info{flex:1}.job-hero-title-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:.5rem}.job-hero-title-row h1{font-size:1.5rem;font-weight:700;margin:0;color:var(--client-ink)}.job-status-badge{display:inline-flex;align-items:center;gap:.375rem;font-size:.65rem;font-weight:600;text-transform:capitalize;padding:.25rem .6rem;border-radius:9999px;background:#dfeae8;color:#253a3b}.job-status-badge.status-active{background:#d1fae5;color:#065f46}.job-status-badge.status-paused{background:#fdf8e2;color:#92400e}.job-status-badge.status-completed{background:#dfeae8;color:#253a3b}.job-hero-customer{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;color:var(--client-muted);font-size:.8rem;margin-bottom:.5rem}.job-hero-customer svg{flex-shrink:0}.hero-sep{color:var(--client-border)}.job-hero-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:.375rem;font-size:.8rem;color:var(--client-muted)}.meta-item.overdue{color:#dc2626}.meta-item.overdue strong{font-weight:600}.meta-item.soon{color:#3e5c58}.job-hero-actions{display:flex;gap:.75rem;flex-shrink:0}.meta-item.stage-pill{padding:.25rem .6rem;border-radius:9999px;border:1px solid var(--stage-color);color:var(--stage-color);background:#ffffffe6;font-weight:600}.stage-progress-enhanced{display:flex;gap:0;background:#fff;border-radius:12px;padding:.75rem .5rem;box-shadow:0 2px 8px #00000014;border:1px solid rgba(0,0,0,.15);overflow-x:auto;position:relative}.stage-progress-enhanced:before{content:"";position:absolute;top:calc(.75rem + 16px);left:8%;right:8%;height:3px;background:#d1d5db;border-radius:2px;z-index:0}.stage-step-enhanced{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.25rem .5rem;background:none;border:none;cursor:pointer;position:relative;flex:1;min-width:70px;transition:all .2s;z-index:1}.stage-step-enhanced:hover{background:#00000008;border-radius:12px}.stage-connector{position:absolute;top:calc(.25rem + 16px);left:50%;width:100%;height:3px;background:transparent;z-index:1}.stage-step-enhanced.complete .stage-connector{background:var(--stage-color)}.stage-step-enhanced:last-child .stage-connector{display:none}.stage-dot-enhanced{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:3px solid #d1d5db;border-radius:50%;background:#fff;color:#6b7f7d;position:relative;z-index:2;transition:all .2s}.stage-step-enhanced.active .stage-dot-enhanced{border-color:var(--stage-color);background:var(--stage-color);color:#fff;box-shadow:0 4px 14px #0003;transform:scale(1.08)}.stage-step-enhanced.complete .stage-dot-enhanced{border-color:var(--stage-color);background:var(--stage-color);color:#fff}.stage-step-enhanced.future .stage-dot-enhanced{background:#f3f4f6;color:#6b7f7d}.stage-info{text-align:center}.stage-label-enhanced{display:block;font-size:.62rem;font-weight:600;color:#435654;text-transform:uppercase;letter-spacing:.02em}.stage-step-enhanced.active .stage-label-enhanced{color:var(--stage-color);font-weight:700}.stage-step-enhanced.complete .stage-label-enhanced{color:var(--stage-color)}.stage-desc{display:block;font-size:.55rem;color:#6b7f7d;margin-top:.125rem}.overview-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.stat-card-enhanced{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:12px;box-shadow:0 2px 6px #0000000f}.stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0}.stat-content{display:flex;flex-direction:column;gap:.125rem}.stat-content .stat-value{font-size:1.5rem;font-weight:700;color:var(--client-ink);line-height:1}.stat-content .stat-label{font-size:.75rem;color:var(--client-muted);text-transform:none;letter-spacing:0}.overview-grid-enhanced{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-bottom:1.5rem}.overview-card-enhanced{background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:12px;padding:1.5rem;box-shadow:0 2px 6px #0000000f}.overview-card-enhanced h4{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#182322;margin:0 0 1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(0,0,0,.1)}.overview-card-enhanced p{font-size:.875rem;color:#2b3a3a;line-height:1.6;margin:0}.overview-card-enhanced.details-card,.overview-card-enhanced.description-card{grid-column:span 1}.overview-card-enhanced.notes-card.internal{background:linear-gradient(135deg,#fdf8e2,#fdf8e2);border-color:#3e5c58}.overview-card-enhanced.notes-card.client{background:linear-gradient(135deg,#dfeae8,#f0f5f4);border-color:#304849}.overview-card-enhanced.activity-preview{grid-column:1 / -1}.details-grid{display:flex;flex-direction:column;gap:0}.detail-item{display:flex;align-items:center;justify-content:space-between;padding:.625rem 0;border-bottom:1px solid rgba(0,0,0,.05)}.detail-item:last-child{border-bottom:none;padding-bottom:0}.detail-item:first-child{padding-top:0}.detail-item .detail-label{font-size:.8125rem;text-transform:none;letter-spacing:0;color:var(--client-muted);font-weight:500}.detail-item .detail-value{font-size:.875rem;font-weight:500;color:var(--client-ink)}.status-badge-inline{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;text-transform:capitalize;width:-moz-fit-content;width:fit-content}.status-badge-inline.status-active{background:#d1fae5;color:#065f46}.status-badge-inline.status-paused{background:#fdf8e2;color:#92400e}.status-badge-inline.status-completed{background:#dfeae8;color:#253a3b}.stage-badge{display:inline-flex;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;background:color-mix(in srgb,var(--stage-color) 15%,transparent);color:var(--stage-color);font-weight:500;width:-moz-fit-content;width:fit-content}.detail-value.overdue{color:#dc2626}.detail-value.soon{color:#3e5c58}.due-warning{color:#dc2626;font-weight:600}.due-soon{color:#3e5c58}.description-text{color:var(--client-muted)}.activity-preview-list{display:flex;flex-direction:column;gap:.5rem}.activity-preview-item{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;background:#f9fafb;border:1px solid rgba(0,0,0,.08);border-radius:10px}.activity-icon-small{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0}.activity-preview-content{display:flex;flex-direction:column;gap:.125rem}.activity-text{font-size:.875rem;color:var(--client-ink)}.activity-time{font-size:.75rem;color:var(--client-muted)}.activity-timeline-enhanced{display:flex;flex-direction:column;gap:0}.activity-item-enhanced{display:flex;gap:1rem;padding:1rem 0;position:relative}.activity-line{position:absolute;left:17px;top:3.25rem;bottom:0;width:2px;background:#d1d5db}.activity-item-enhanced.last .activity-line{display:none}.activity-icon-enhanced{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:2px solid;flex-shrink:0;position:relative;z-index:1}.activity-content-enhanced{flex:1;padding-top:.25rem}.activity-summary{font-size:.875rem;color:var(--client-ink);margin:0 0 .25rem;text-transform:capitalize}.activity-meta{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--client-muted)}.actor-badge{padding:.125rem .375rem;border-radius:4px;font-size:.625rem;text-transform:uppercase;letter-spacing:.03em}.actor-badge.client{background:#dfeae8;color:#1b2c2d}.actor-badge.staff{background:#f3f4f6;color:#435654}@media (max-width: 900px){.job-hero{padding:1rem;margin:.75rem;border-radius:12px}.job-hero-main{flex-direction:column;gap:1rem}.job-hero-title-row h1{font-size:1.5rem}.job-hero-actions{width:100%}.job-hero-actions .btn-secondary,.job-hero-actions .btn-primary{flex:1;justify-content:center}.stage-progress-enhanced{padding:1rem .25rem}.stage-progress-enhanced:before{top:calc(1rem + 18px);left:10%;right:10%}.stage-step-enhanced{min-width:70px;padding:.25rem}.stage-connector{top:calc(.25rem + 18px)}.stage-dot-enhanced{width:36px;height:36px}.stage-label-enhanced{font-size:.6rem}.stage-desc{display:none}.overview-stats-row{grid-template-columns:repeat(2,1fr)}.overview-grid-enhanced,.details-grid{grid-template-columns:1fr}}@media (max-width: 600px){.job-hero-customer{flex-direction:column;align-items:flex-start;gap:.25rem}.hero-sep{display:none}.job-hero-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.overview-stats-row{grid-template-columns:repeat(2,1fr)}.stat-card-enhanced{padding:1rem}.stat-icon{width:40px;height:40px}.stat-content .stat-value{font-size:1.25rem}}.clients-page.dashboard-mode{max-width:1400px;margin:0 auto}.dashboard-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:2rem}.dashboard-hero .hero-copy{flex:1}.dashboard-hero .hero-actions{display:flex;gap:.75rem}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:2rem}.dashboard-stats .stat-card{background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:1.25rem;text-align:center;cursor:pointer;transition:all .2s ease;position:relative}.dashboard-stats .stat-card:hover{border-color:#0003;box-shadow:0 4px 12px #00000014}.dashboard-stats .stat-card.active{border-color:var(--stage-color, var(--client-accent));background:#3048490a}.dashboard-stats .stat-card.stage.active{background:color-mix(in srgb,var(--stage-color) 8%,white)}.dashboard-stats .stat-card .stat-value{font-size:2rem;font-weight:700;color:#182322;display:block;line-height:1}.dashboard-stats .stat-card .stat-label{font-size:.8rem;color:#435654;margin-top:.5rem;display:block;text-transform:uppercase;letter-spacing:.05em}.dashboard-stats .stat-card.overdue .stat-value{color:#dc2626}.dashboard-stats .stat-card.overdue .stat-icon{position:absolute;top:.75rem;right:.75rem;color:#dc2626}.dashboard-stats .stat-card.due-soon .stat-value{color:#3e5c58}.dashboard-stats .stat-card.stage:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--stage-color);border-radius:12px 12px 0 0}.dashboard-filters{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.dashboard-filters .search-field{flex:1;min-width:200px;max-width:320px}.dashboard-filters .filter-group{display:flex;align-items:center;gap:.5rem}.dashboard-filters .filter-group label{display:flex;align-items:center;gap:.25rem;font-size:.85rem;color:#435654;white-space:nowrap}.dashboard-filters .filter-group select{padding:.5rem .75rem;border:1px solid rgba(0,0,0,.12);border-radius:8px;font-size:.9rem;background:#fff;color:#182322;cursor:pointer}.dashboard-filters .view-toggle{display:flex;border:1px solid rgba(0,0,0,.12);border-radius:8px;overflow:hidden}.dashboard-filters .view-toggle button{padding:.5rem .75rem;border:none;background:transparent;color:#435654;cursor:pointer;transition:all .2s}.dashboard-filters .view-toggle button:first-child{border-right:1px solid rgba(0,0,0,.12)}.dashboard-filters .view-toggle button.active{background:var(--client-accent);color:#fff}.dashboard-filters .view-toggle button:hover:not(.active){background:#f3f4f6}.dashboard-jobs{margin-bottom:2rem}.dashboard-jobs.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem}.dashboard-jobs.list{display:flex;flex-direction:column;gap:.75rem}.dashboard-jobs.list .dashboard-job-card{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:1.5rem;padding:1rem 1.5rem}.dashboard-jobs.list .dashboard-job-card .job-card-header{margin-bottom:0}.dashboard-jobs.list .dashboard-job-card .job-card-customer,.dashboard-jobs.list .dashboard-job-card .job-card-description{display:none}.dashboard-jobs.list .dashboard-job-card .job-stage-progress{margin:0}.dashboard-jobs.list .dashboard-job-card .job-card-footer{border-top:none;padding-top:0;margin-top:0}.dashboard-job-card{background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .2s ease}.dashboard-job-card:hover{border-color:#0003;box-shadow:0 6px 16px #0000001a;transform:translateY(-2px)}.dashboard-job-card.overdue{border-left:4px solid #dc2626}.dashboard-job-card.due-soon{border-left:4px solid #3e5c58}.dashboard-job-card .job-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.dashboard-job-card .job-card-header h4{font-size:1.1rem;font-weight:600;color:#182322;margin:0;line-height:1.3}.dashboard-job-card .stage-badge{padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600;color:#fff;white-space:nowrap}.dashboard-job-card .job-card-customer{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#435654;margin-bottom:1rem}.dashboard-job-card .job-card-customer .company{color:#6b7f7d}.job-stage-progress{display:flex;align-items:center;gap:.5rem;margin:1rem 0;position:relative}.job-stage-progress:before{content:"";position:absolute;top:50%;left:0;right:0;height:3px;background:#e5e7eb;transform:translateY(-50%);z-index:0}.job-stage-progress .stage-dot{width:12px;height:12px;border-radius:50%;background:#e5e7eb;position:relative;z-index:1;flex-shrink:0}.job-stage-progress .stage-dot.completed{background:var(--stage-color, #22c55e)}.job-stage-progress .stage-dot.current{width:16px;height:16px;box-shadow:0 0 0 3px #22c55e33}.dashboard-job-card .job-card-meta{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem;font-size:.85rem}.dashboard-job-card .due-date{display:flex;align-items:center;gap:.4rem;color:#435654}.dashboard-job-card .due-date.overdue{color:#dc2626;font-weight:600}.dashboard-job-card .due-date.due-soon{color:#3e5c58;font-weight:500}.dashboard-job-card .job-card-stats{display:flex;gap:.75rem}.dashboard-job-card .job-card-stats span{display:flex;align-items:center;gap:.25rem;color:#6b7f7d}.dashboard-job-card .job-card-stats span.pending{color:#3e5c58}.dashboard-job-card .job-card-description{margin-top:.75rem;font-size:.9rem;color:#435654;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dashboard-job-card .job-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.06)}.dashboard-job-card .status-indicator{font-size:.8rem;font-weight:500;padding:.25rem .6rem;border-radius:6px}.dashboard-job-card .status-indicator.status-active{background:#dcfce7;color:#16a34a}.dashboard-job-card .status-indicator.status-paused{background:#fdf8e2;color:#304849}.dashboard-job-card .status-indicator.status-completed{background:#dfeae8;color:#304849}.dashboard-job-card .open-icon{color:#6b7f7d;transition:transform .2s}.dashboard-job-card:hover .open-icon{transform:translate(4px);color:var(--client-accent)}.dashboard-empty{text-align:center;padding:4rem 2rem;background:#f9fafb;border-radius:16px;border:2px dashed rgba(0,0,0,.1)}.dashboard-empty svg{color:#6b7f7d;margin-bottom:1rem}.dashboard-empty h3{font-size:1.25rem;color:#182322;margin:0 0 .5rem}.dashboard-empty p{color:#435654;margin:0 0 1.5rem}.dashboard-customers-section{background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:16px;padding:1.5rem;margin-top:2rem}.dashboard-customers-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.dashboard-customers-section .section-header h3{font-size:1rem;font-weight:600;color:#182322;margin:0;display:flex;align-items:center;gap:.5rem}.customers-quick-list{display:flex;flex-wrap:wrap;gap:.75rem}.customer-chip{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f3f4f6;border-radius:999px;font-size:.85rem}.customer-chip .customer-name{font-weight:500;color:#182322}.customer-chip .customer-company{color:#435654}.customer-chip .customer-jobs{color:#6b7f7d;font-size:.8rem}.customer-chip.more{background:transparent;border:1px dashed rgba(0,0,0,.2);color:#435654}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-panel{background:#fff;border-radius:16px;width:100%;max-width:480px;max-height:90vh;overflow:auto;box-shadow:0 20px 50px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(0,0,0,.1)}.modal-header h3{font-size:1.25rem;font-weight:600;color:#182322;margin:0}.modal-close{background:transparent;border:none;padding:.5rem;cursor:pointer;color:#435654;border-radius:8px}.modal-close:hover{background:#f3f4f6;color:#182322}.modal-body label{display:block;margin-bottom:1rem;font-size:.9rem;font-weight:500;color:#2b3a3a}.modal-body label input,.modal-body label select,.modal-body label textarea{display:block;width:100%;margin-top:.5rem;padding:.75rem;border:1px solid rgba(0,0,0,.12);border-radius:8px;font-size:.95rem;font-family:inherit}.modal-body label input:focus,.modal-body label select:focus,.modal-body label textarea:focus{outline:none;border-color:var(--client-accent);box-shadow:0 0 0 3px #3048491a}.modal-body .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.customer-section{margin-bottom:1rem}.customer-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.customer-section-header .section-label{font-size:.9rem;font-weight:500;color:#2b3a3a}.toggle-customer-mode{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .7rem;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;font-size:.8rem;font-weight:500;color:#435654;cursor:pointer;transition:all .2s}.toggle-customer-mode:hover{background:#e5e7eb;color:#2b3a3a}.customer-section select{display:block;width:100%;padding:.65rem .85rem;border:1px solid rgba(0,0,0,.12);border-radius:8px;font-size:.95rem;font-family:inherit}.customer-section select:focus{outline:none;border-color:var(--client-accent);box-shadow:0 0 0 3px #3048491a}.new-customer-inline{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:1rem}.new-customer-inline .form-row{margin-bottom:0}.new-customer-inline .form-row:first-child{margin-bottom:.75rem}.new-customer-inline label{margin-bottom:0!important;font-size:.85rem!important}.new-customer-inline input{padding:.5rem .75rem!important;font-size:.9rem!important}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid rgba(0,0,0,.1);background:#f9fafb;border-radius:0 0 16px 16px}.btn-secondary{padding:.6rem 1.25rem;border:1px solid rgba(0,0,0,.12);background:#fff;border-radius:8px;font-size:.9rem;font-weight:500;color:#2b3a3a;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#f3f4f6;border-color:#0003}.btn-primary{padding:.6rem 1.25rem;border:none;background:var(--client-accent);border-radius:8px;font-size:.9rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.btn-primary:hover{background:var(--client-accent-strong)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.dashboard-hero{flex-direction:column;align-items:flex-start;gap:1rem}.dashboard-hero .hero-actions{width:100%}.dashboard-hero .hero-actions button{flex:1}.dashboard-stats{grid-template-columns:repeat(2,1fr)}.dashboard-filters{flex-direction:column;align-items:stretch}.dashboard-filters .search-field{max-width:none}.dashboard-filters .filter-group{justify-content:space-between}.dashboard-filters .filter-group select{flex:1}.dashboard-jobs.grid{grid-template-columns:1fr}.dashboard-jobs.list .dashboard-job-card{grid-template-columns:1fr;gap:.75rem}.modal-body .form-row{grid-template-columns:1fr}}.photo-picker-modal{max-width:800px;max-height:85vh;display:flex;flex-direction:column}.photo-picker-modal .modal-header h3{display:flex;align-items:center;gap:.5rem}.photo-picker-toolbar{display:flex;align-items:center;gap:1rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--client-border);background:#fafbfc;flex-wrap:wrap}.photo-picker-source-toggle{display:flex;border:1px solid var(--client-border);border-radius:6px;overflow:hidden}.source-toggle-btn{padding:.375rem .75rem;font-size:.8125rem;font-weight:500;border:none;background:#fff;color:#666;cursor:pointer;transition:background .15s,color .15s}.source-toggle-btn:not(:last-child){border-right:1px solid var(--client-border)}.source-toggle-btn.active{background:#304849;color:#fff}.source-toggle-btn:hover:not(.active){background:#f3f4f6}.photo-picker-search{display:flex;align-items:center;gap:.5rem;flex:1;min-width:180px;background:#fff;border:1px solid var(--client-border);border-radius:6px;padding:0 .75rem}.photo-picker-search svg{color:var(--client-muted);flex-shrink:0}.photo-picker-search input{border:none;background:transparent;padding:.5rem 0;font-size:.875rem;width:100%;outline:none}.photo-picker-filter{display:flex;align-items:center;gap:.5rem}.photo-picker-filter svg{color:var(--client-muted)}.photo-picker-filter select{padding:.5rem .75rem;font-size:.875rem;border:1px solid var(--client-border);border-radius:6px;background:#fff}.photo-picker-count{font-size:.875rem;font-weight:500;color:var(--client-accent);white-space:nowrap}.photo-picker-grid{flex:1;overflow-y:auto;padding:1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem;align-content:start;max-height:50vh;min-height:300px}.photo-picker-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .15s}.photo-picker-item:hover{border-color:var(--client-accent);transform:scale(1.02)}.photo-picker-item.selected{border-color:var(--client-accent);box-shadow:0 0 0 2px #3048494d}.photo-picker-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.photo-picker-checkbox{position:absolute;top:.5rem;right:.5rem;width:22px;height:22px;border-radius:50%;background:#fff;border:2px solid rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;transition:all .15s}.photo-picker-item.selected .photo-picker-checkbox{background:var(--client-accent);border-color:var(--client-accent);color:#fff}.photo-picker-info{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000b3);padding:1.5rem .5rem .5rem;pointer-events:none}.photo-picker-date{font-size:.6875rem;color:#fff;opacity:.9}.photo-picker-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem;color:var(--client-muted)}.photo-picker-empty p{margin:0}.photo-picker-loader{grid-column:1 / -1;display:flex;justify-content:center;padding:1rem;min-height:40px}.photo-picker-loader .spin{animation:spin 1s linear infinite;color:var(--client-accent)}.source-type-tabs{display:flex;gap:.75rem;margin-bottom:1rem}.source-type-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 1.25rem;border:2px solid #d1d5db;border-radius:10px;background:#f9fafb;cursor:pointer;transition:all .2s;position:relative}.source-type-tab:hover{border-color:#6b7f7d;background:#f3f4f6;transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.source-type-tab.active{border-color:var(--client-accent);background:linear-gradient(135deg,#fdf8e2,#fcf4cf);box-shadow:0 4px 12px #30484926}.source-type-tab.active:after{content:"✓";position:absolute;top:.5rem;right:.5rem;width:18px;height:18px;background:var(--client-accent);color:#fff;font-size:.625rem;font-weight:700;display:flex;align-items:center;justify-content:center;border-radius:50%}.source-type-tab svg{color:#435654;width:24px;height:24px}.source-type-tab.active svg{color:var(--client-accent)}.source-type-tab span{font-size:.875rem;font-weight:600;color:#2b3a3a}.source-type-tab.active span{color:var(--client-accent-strong)}.source-type-tab small{font-size:.75rem;color:#435654;text-align:center}.source-type-tab.active small{color:#92400e}.gallery-direct-images{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--client-border)}.gallery-direct-images-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.gallery-direct-images-header h5{margin:0;font-size:.875rem;color:var(--client-ink)}.gallery-direct-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:.5rem;max-height:200px;overflow-y:auto;padding:.5rem;background:#fafbfc;border-radius:8px}.gallery-direct-image{position:relative;aspect-ratio:1;border-radius:4px;overflow:hidden}.gallery-direct-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.gallery-direct-image .remove-btn{position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:50%;background:#ef4444e6;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}.gallery-direct-image:hover .remove-btn{opacity:1}.gallery-direct-images-empty{text-align:center;padding:1.5rem;color:var(--client-muted);font-size:.8125rem}.email-section{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--client-border)}.email-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.email-section-header label{display:flex;align-items:center;gap:.5rem;font-weight:500;cursor:pointer}.email-section-header input[type=checkbox]{width:auto}.email-section-fields{background:#f0f5f4;border-radius:8px;padding:1rem;margin-top:.75rem}.email-section-fields .form-group{margin-bottom:.75rem}.email-section-fields .form-group:last-child{margin-bottom:0}@media (max-width: 640px){.photo-picker-modal{max-width:100%;max-height:100vh;border-radius:0}.photo-picker-toolbar{flex-direction:column;align-items:stretch}.photo-picker-search{min-width:100%}.photo-picker-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.photo-picker-source-toggle{width:100%;order:-1}.source-toggle-btn{flex:1;min-height:36px}}.job-uploads{display:flex;flex-direction:column;gap:1rem}.uploads-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem}.uploads-subtitle{margin-top:.25rem;color:#435654}.uploads-actions{display:flex;gap:.75rem;flex-wrap:wrap}.uploads-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:12px;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.uploads-uploader{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:1rem}.uploads-empty{text-align:center;border:1px dashed #e5e7eb;background:#f9fafb;border-radius:16px;padding:2.5rem 1.5rem;color:#435654}.uploads-empty span{display:block;margin-top:.35rem;font-size:.9rem}.uploads-loading{color:#435654;padding:.5rem 0}.uploads-grid{margin-top:1rem}@media (max-width: 768px){.uploads-header{flex-direction:column;align-items:flex-start}}.favorites-modal{max-width:980px;width:min(95vw,980px);max-height:85vh}.feedback-modal .modal-body{display:flex;flex-direction:column;gap:1rem}.feedback-tabs{display:flex;gap:.5rem;border-bottom:1px solid #e5e7eb;padding-bottom:.75rem}.feedback-tab{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .85rem;border-radius:999px;border:1px solid #e5e7eb;background:#f9fafb;color:#354747;font-size:.9rem;transition:all .15s ease}.feedback-tab.active{background:#101b1a;color:#fff;border-color:#101b1a}.feedback-annotations{max-height:65vh;overflow:auto;padding-right:.25rem}.favorites-list{display:flex;flex-direction:column;gap:.75rem;max-height:65vh;overflow:auto}.favorites-row{display:grid;grid-template-columns:80px 1fr auto;gap:1rem;align-items:center;padding:.75rem;border:1px solid #e5e7eb;border-radius:12px;background:#fff}.favorites-thumb{width:72px;height:72px;border-radius:10px;overflow:hidden;background:#f3f4f6;display:flex;align-items:center;justify-content:center}.favorites-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.favorites-meta{min-width:0}.favorites-title{display:flex;flex-direction:column;gap:.25rem}.favorites-filename,.favorites-sub{font-size:.85rem;color:#435654}.favorites-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.favorites-empty,.favorites-loading{text-align:center;color:#435654;padding:2rem 1rem}.favorites-error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;padding:.75rem 1rem;border-radius:10px;margin-bottom:1rem}@media (max-width: 768px){.favorites-row{grid-template-columns:64px 1fr;grid-template-rows:auto auto}.favorites-actions{grid-column:1 / -1;justify-content:flex-start}}.workspace-overview{display:flex;flex-direction:column;gap:2rem}.workspace-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.ws-card{background:#fff;border:1px solid var(--client-border, #eadfd2);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column}.ws-card.full-width{grid-column:1 / -1}.ws-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(0,0,0,.06)}.ws-card-header h4{display:flex;align-items:center;gap:.5rem;margin:0;font-size:.875rem;font-weight:600;color:var(--client-ink, #16211f)}.ws-card-action{font-size:.75rem;color:var(--client-accent, #304849);background:none;border:none;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:.25rem;padding:0}.ws-card-action:hover{opacity:.8}.ws-card-body{display:flex;flex-direction:column;gap:.75rem;flex:1}.ws-card-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem 1rem;border:2px dashed var(--client-border, #eadfd2);border-radius:8px;text-align:center;color:#6b7f7d;flex:1}.ws-card-empty p{margin:0;font-size:.8125rem}.ws-card-empty .cta-btn{margin-top:.25rem;padding:.4rem .9rem;border-radius:999px;font-size:.8125rem;font-weight:600;background:var(--client-accent, #304849);color:#fff;border:none;cursor:pointer;transition:opacity .15s}.ws-card-empty .cta-btn:hover{opacity:.85}.storage-stats-row{display:flex;gap:2rem}.storage-stat{display:flex;flex-direction:column}.storage-stat .stat-value{font-size:1.5rem;font-weight:700;color:var(--client-ink, #16211f);line-height:1.2}.storage-stat .stat-label{font-size:.6875rem;color:#6b7f7d;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.storage-breakdown{display:flex;gap:.5rem;flex-wrap:wrap}.type-pill{display:inline-flex;align-items:center;padding:.2rem .5rem;border-radius:999px;font-size:.6875rem;font-weight:600}.type-pill.raw{background:#fdf8e2;color:#92400e}.type-pill.jpeg,.type-pill.video{background:#dfeae8;color:#1b2c2d}.storage-meta{font-size:.75rem;color:#6b7f7d}.albums-list-compact{display:flex;flex-direction:column;gap:.375rem}.album-row-compact{display:flex;align-items:center;justify-content:space-between;padding:.5rem .625rem;border-radius:8px;cursor:pointer;transition:background .15s}.album-row-compact:hover{background:#00000008}.album-title{font-size:.8125rem;font-weight:500;color:var(--client-ink, #16211f);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.album-row-meta{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.gallery-type-pill{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.125rem .375rem;border-radius:4px}.gallery-type-pill.proofs,.gallery-type-pill.selection{background:#dfeae8;color:#1b2c2d}.gallery-type-pill.finals{background:#d1fae5;color:#065f46}.album-count{font-size:.75rem;color:#6b7f7d;font-variant-numeric:tabular-nums}.publish-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.publish-dot.published{background:#10b981}.publish-dot.draft{background:#d1d5db}.ws-card-footer-link{margin-top:.25rem;justify-content:center}.selections-list-compact{display:flex;flex-direction:column;gap:.5rem}.selection-row-compact{display:flex;flex-direction:column;gap:.25rem;padding:.5rem .625rem;border-radius:8px;background:#00000004}.selection-info{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.selection-title{font-size:.8125rem;font-weight:500;color:var(--client-ink, #16211f);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-pill{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.125rem .4rem;border-radius:4px;background:color-mix(in srgb,var(--pill-color) 12%,transparent);color:var(--pill-color)}.selection-meta{display:flex;gap:.75rem;font-size:.6875rem;color:#6b7f7d}.details-grid{display:flex;flex-direction:column;gap:.5rem}.detail-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.detail-label{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#6b7f7d;font-weight:500;flex-shrink:0}.detail-value{font-size:.8125rem;color:var(--client-ink, #16211f);font-weight:500;display:flex;align-items:center;gap:.25rem}.detail-value.overdue{color:#ef4444}.detail-value.due-soon{color:#3e5c58}.overdue-icon{color:#ef4444}.stage-pill{font-size:.6875rem;font-weight:600;padding:.15rem .5rem;border-radius:999px;background:color-mix(in srgb,var(--stage-color) 12%,transparent);color:var(--stage-color)}.description-snippet{font-size:.75rem;color:#435654;line-height:1.4;margin:0;padding-top:.5rem;border-top:1px solid rgba(0,0,0,.04)}.activity-list-compact{display:flex;flex-direction:column;gap:.25rem}.activity-row-compact{display:flex;align-items:center;gap:.625rem;padding:.375rem 0}.activity-icon-sm{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-row-content{display:flex;align-items:center;justify-content:space-between;flex:1;min-width:0;gap:.5rem}.activity-text{font-size:.8125rem;color:var(--client-ink, #16211f);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-time{font-size:.6875rem;color:#6b7f7d;flex-shrink:0;white-space:nowrap}.workspace-section-toggle{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#00000005;border:1px solid var(--client-border, #eadfd2);border-radius:10px;cursor:pointer;font-size:.8125rem;font-weight:500;color:var(--client-ink, #16211f);width:100%;transition:background .15s}.workspace-section-toggle:hover{background:#0000000a}@media (max-width: 900px){.workspace-grid{grid-template-columns:1fr}.ws-card.full-width{grid-column:1}}@font-face{font-family:Mifelin;src:url(/fonts/Mifelin.ttf) format("truetype");font-weight:400 700;font-style:normal;font-display:swap}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(62 92 88 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(62 92 88 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#dde4e3}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Avenir Next,Avenir,Nunito Sans,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#8fa2a0}input::placeholder,textarea::placeholder{opacity:1;color:#8fa2a0}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-auto{pointer-events:auto}.\!visible{visibility:visible!important}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{left:0;right:0}.inset-y-0{top:0;bottom:0}.-right-1{right:-.25rem}.-right-2{right:-.5rem}.-top-1{top:-.25rem}.-top-2{top:-.5rem}.bottom-0{bottom:0}.bottom-20{bottom:5rem}.bottom-3{bottom:.75rem}.bottom-4{bottom:1rem}.left-0{left:0}.left-1{left:.25rem}.left-1\/2{left:50%}.left-2{left:.5rem}.left-3{left:.75rem}.left-4{left:1rem}.left-7{left:1.75rem}.right-0{right:0}.right-1{right:.25rem}.right-2{right:.5rem}.right-3{right:.75rem}.right-4{right:1rem}.top-0{top:0}.top-1{top:.25rem}.top-1\/2{top:50%}.top-2{top:.5rem}.top-3{top:.75rem}.top-4{top:1rem}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-4{margin-top:1rem;margin-bottom:1rem}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-20{height:5rem}.h-36{height:9rem}.h-4{height:1rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[18px\]{height:18px}.h-\[calc\(100vh-1\.5rem\)\]{height:calc(100vh - 1.5rem)}.h-\[calc\(100vh-72px\)\]{height:calc(100vh - 72px)}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[85vh\]{max-height:85vh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[95vh\]{max-height:95vh}.max-h-\[calc\(100vh-200px\)\]{max-height:calc(100vh - 200px)}.max-h-full{max-height:100%}.min-h-0{min-height:0px}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-20{width:5rem}.w-32{width:8rem}.w-4{width:1rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-8{width:2rem}.w-80{width:20rem}.w-9{width:2.25rem}.w-\[18px\]{width:18px}.w-auto{width:auto}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-32{min-width:8rem}.min-w-48{min-width:12rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-80{max-width:20rem}.max-w-full{max-width:100%}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.resize{resize:both}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-1\.5{row-gap:.375rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-gray-100>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(237 241 240 / var(--tw-divide-opacity, 1))}.self-start{align-self:flex-start}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-l-2{border-left-width:2px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-\[\#c3cecd\]{--tw-border-opacity: 1;border-color:rgb(195 206 205 / var(--tw-border-opacity, 1))}.border-\[\#efe4b6\]{--tw-border-opacity: 1;border-color:rgb(239 228 182 / var(--tw-border-opacity, 1))}.border-\[\#f0e0a0\]{--tw-border-opacity: 1;border-color:rgb(240 224 160 / var(--tw-border-opacity, 1))}.border-amber-200{--tw-border-opacity: 1;border-color:rgb(253 230 138 / var(--tw-border-opacity, 1))}.border-blue-100{--tw-border-opacity: 1;border-color:rgb(223 234 232 / var(--tw-border-opacity, 1))}.border-blue-200{--tw-border-opacity: 1;border-color:rgb(194 213 210 / var(--tw-border-opacity, 1))}.border-blue-300{--tw-border-opacity: 1;border-color:rgb(129 164 159 / var(--tw-border-opacity, 1))}.border-blue-400{--tw-border-opacity: 1;border-color:rgb(92 127 122 / var(--tw-border-opacity, 1))}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(62 92 88 / var(--tw-border-opacity, 1))}.border-blue-500\/50{border-color:#3e5c5880}.border-emerald-200{--tw-border-opacity: 1;border-color:rgb(167 243 208 / var(--tw-border-opacity, 1))}.border-gray-100{--tw-border-opacity: 1;border-color:rgb(237 241 240 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(221 228 227 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(195 206 205 / var(--tw-border-opacity, 1))}.border-gray-800{--tw-border-opacity: 1;border-color:rgb(30 43 43 / var(--tw-border-opacity, 1))}.border-gray-900{--tw-border-opacity: 1;border-color:rgb(20 32 31 / var(--tw-border-opacity, 1))}.border-green-200{--tw-border-opacity: 1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))}.border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}.border-red-300{--tw-border-opacity: 1;border-color:rgb(252 165 165 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-white\/10{border-color:#ffffff1a}.border-white\/20{border-color:#fff3}.border-yellow-200{--tw-border-opacity: 1;border-color:rgb(254 240 138 / var(--tw-border-opacity, 1))}.border-t-\[\#304849\]{--tw-border-opacity: 1;border-top-color:rgb(48 72 73 / var(--tw-border-opacity, 1))}.border-t-blue-500{--tw-border-opacity: 1;border-top-color:rgb(62 92 88 / var(--tw-border-opacity, 1))}.border-t-gray-500{--tw-border-opacity: 1;border-top-color:rgb(95 114 112 / var(--tw-border-opacity, 1))}.border-t-red-600{--tw-border-opacity: 1;border-top-color:rgb(220 38 38 / var(--tw-border-opacity, 1))}.border-t-transparent{border-top-color:transparent}.bg-\[\#304849\]{--tw-bg-opacity: 1;background-color:rgb(48 72 73 / var(--tw-bg-opacity, 1))}.bg-\[\#fcefb3\]{--tw-bg-opacity: 1;background-color:rgb(252 239 179 / var(--tw-bg-opacity, 1))}.bg-\[\#fdf8e2\]{--tw-bg-opacity: 1;background-color:rgb(253 248 226 / var(--tw-bg-opacity, 1))}.bg-amber-100{--tw-bg-opacity: 1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1))}.bg-amber-50{--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))}.bg-amber-500{--tw-bg-opacity: 1;background-color:rgb(245 158 11 / var(--tw-bg-opacity, 1))}.bg-amber-500\/10{background-color:#f59e0b1a}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-black\/40{background-color:#0006}.bg-black\/50{background-color:#00000080}.bg-black\/60{background-color:#0009}.bg-black\/80{background-color:#000c}.bg-black\/90{background-color:#000000e6}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(223 234 232 / var(--tw-bg-opacity, 1))}.bg-blue-200{--tw-bg-opacity: 1;background-color:rgb(194 213 210 / var(--tw-bg-opacity, 1))}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(240 245 244 / var(--tw-bg-opacity, 1))}.bg-blue-50\/50{background-color:#f0f5f480}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(62 92 88 / var(--tw-bg-opacity, 1))}.bg-blue-500\/10{background-color:#3e5c581a}.bg-blue-500\/20{background-color:#3e5c5833}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(48 72 73 / var(--tw-bg-opacity, 1))}.bg-blue-700{--tw-bg-opacity: 1;background-color:rgb(37 58 59 / var(--tw-bg-opacity, 1))}.bg-emerald-50{--tw-bg-opacity: 1;background-color:rgb(236 253 245 / var(--tw-bg-opacity, 1))}.bg-emerald-500\/10{background-color:#10b9811a}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(237 241 240 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(221 228 227 / var(--tw-bg-opacity, 1))}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(195 206 205 / var(--tw-bg-opacity, 1))}.bg-gray-400\/10{background-color:#8fa2a01a}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(246 248 248 / var(--tw-bg-opacity, 1))}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(30 43 43 / var(--tw-bg-opacity, 1))}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(20 32 31 / var(--tw-bg-opacity, 1))}.bg-gray-900\/80{background-color:#14201fcc}.bg-gray-900\/95{background-color:#14201ff2}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.bg-green-600{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-red-50\/40{background-color:#fef2f266}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/20{background-color:#fff3}.bg-white\/5{background-color:#ffffff0d}.bg-white\/70{background-color:#ffffffb3}.bg-white\/80{background-color:#fffc}.bg-white\/90{background-color:#ffffffe6}.bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))}.bg-yellow-50{--tw-bg-opacity: 1;background-color:rgb(254 252 232 / var(--tw-bg-opacity, 1))}.bg-opacity-50{--tw-bg-opacity: .5}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-black\/50{--tw-gradient-from: rgb(0 0 0 / .5) var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-black\/60{--tw-gradient-from: rgb(0 0 0 / .6) var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-500{--tw-gradient-from: #3e5c58 var(--tw-gradient-from-position);--tw-gradient-to: rgb(62 92 88 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-blue-700{--tw-gradient-to: #253a3b var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0{padding-top:0;padding-bottom:0}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-1{padding-bottom:.25rem}.pb-24{padding-bottom:6rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pl-10{padding-left:2.5rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-8{padding-left:2rem}.pr-10{padding-right:2.5rem}.pr-4{padding-right:1rem}.pr-6{padding-right:1.5rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[11px\]{font-size:11px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.tracking-wide{letter-spacing:.025em}.text-\[\#16211f\]{--tw-text-opacity: 1;color:rgb(22 33 31 / var(--tw-text-opacity, 1))}.text-\[\#304849\]{--tw-text-opacity: 1;color:rgb(48 72 73 / var(--tw-text-opacity, 1))}.text-\[\#3e5c58\]{--tw-text-opacity: 1;color:rgb(62 92 88 / var(--tw-text-opacity, 1))}.text-\[\#3f5150\]{--tw-text-opacity: 1;color:rgb(63 81 80 / var(--tw-text-opacity, 1))}.text-\[\#5f7270\]{--tw-text-opacity: 1;color:rgb(95 114 112 / var(--tw-text-opacity, 1))}.text-\[\#81a49f\]{--tw-text-opacity: 1;color:rgb(129 164 159 / var(--tw-text-opacity, 1))}.text-\[\#fcefb3\]{--tw-text-opacity: 1;color:rgb(252 239 179 / var(--tw-text-opacity, 1))}.text-amber-500{--tw-text-opacity: 1;color:rgb(245 158 11 / var(--tw-text-opacity, 1))}.text-amber-600{--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}.text-amber-700{--tw-text-opacity: 1;color:rgb(180 83 9 / var(--tw-text-opacity, 1))}.text-amber-800{--tw-text-opacity: 1;color:rgb(146 64 14 / var(--tw-text-opacity, 1))}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-blue-400{--tw-text-opacity: 1;color:rgb(92 127 122 / var(--tw-text-opacity, 1))}.text-blue-500{--tw-text-opacity: 1;color:rgb(62 92 88 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(48 72 73 / var(--tw-text-opacity, 1))}.text-blue-700{--tw-text-opacity: 1;color:rgb(37 58 59 / var(--tw-text-opacity, 1))}.text-blue-800{--tw-text-opacity: 1;color:rgb(27 44 45 / var(--tw-text-opacity, 1))}.text-emerald-500{--tw-text-opacity: 1;color:rgb(16 185 129 / var(--tw-text-opacity, 1))}.text-emerald-600{--tw-text-opacity: 1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity: 1;color:rgb(195 206 205 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(143 162 160 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(95 114 112 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(63 81 80 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(43 58 58 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(30 43 43 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(20 32 31 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/40{color:#fff6}.text-white\/50{color:#ffffff80}.text-white\/60{color:#fff9}.text-white\/70{color:#ffffffb3}.text-white\/80{color:#fffc}.text-white\/90{color:#ffffffe6}.text-yellow-600{--tw-text-opacity: 1;color:rgb(202 138 4 / var(--tw-text-opacity, 1))}.text-yellow-700{--tw-text-opacity: 1;color:rgb(161 98 7 / var(--tw-text-opacity, 1))}.text-yellow-800{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.placeholder-white\/40::-moz-placeholder{color:#fff6}.placeholder-white\/40::placeholder{color:#fff6}.placeholder-white\/50::-moz-placeholder{color:#ffffff80}.placeholder-white\/50::placeholder{color:#ffffff80}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-4{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-\[\#d9c86a\]{--tw-ring-opacity: 1;--tw-ring-color: rgb(217 200 106 / var(--tw-ring-opacity, 1))}.ring-blue-200{--tw-ring-opacity: 1;--tw-ring-color: rgb(194 213 210 / var(--tw-ring-opacity, 1))}.ring-blue-500{--tw-ring-opacity: 1;--tw-ring-color: rgb(62 92 88 / var(--tw-ring-opacity, 1))}.ring-white\/40{--tw-ring-color: rgb(255 255 255 / .4)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--app-height: 100vh;--harbor-dark-teal: #304849;--harbor-teal: #81a49f;--harbor-lemon: #fcefb3;--primary: #304849;--primary-dark: #253a3b;--danger: #ef4444;--success: #10b981;--warning: #f59e0b;--text: #14201f;--text-secondary: #3f5150;--text-muted: #5f7270;--text-primary: var(--text);--surface: #ffffff;--background: #f9fafb;--card-bg: var(--surface);--bg-subtle: #eef2f6;--border: #e5e7eb;--border-light: #f3f4f6;--border-lighter: #e6e9ee;--hover-bg: #eef2f5;--accent-color: var(--primary)}*,*:before,*:after{box-sizing:border-box}input[type=range],input[type=checkbox],input[type=radio],progress{accent-color:var(--primary, #304849)}html,body,#root{height:100%;min-height:100%;margin:0;padding:0}body{font-family:Avenir Next,Avenir,Nunito Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;background-color:#f9fafb}.app-shell{font-family:Avenir Next,Avenir,Nunito Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.app-shell h1,.app-shell .page-title,.app-shell .page-title-with-icon{font-family:Avenir Next,Avenir,Nunito Sans,-apple-system,sans-serif;font-weight:800;letter-spacing:-.01em;color:#16211f}.app-shell h2,.app-shell h3{font-family:Avenir Next,Avenir,Nunito Sans,-apple-system,sans-serif;font-weight:700;letter-spacing:-.01em;color:#16211f}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer}.page-hero{margin:0 0 4px;padding:6px 0;position:relative}.page-hero-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1440px;margin:0 auto}.page-hero-copy{display:flex;align-items:baseline;gap:10px;min-width:0}.page-hero-eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.18em;font-size:.65rem;font-weight:600;color:#5f7270;white-space:nowrap}.page-hero-copy h1{margin:0;font-size:1.7rem;font-weight:800;color:#16211f;font-family:Avenir Next,Avenir,Nunito Sans,-apple-system,sans-serif;letter-spacing:-.01em;white-space:nowrap}.page-hero-side{display:flex;align-items:center;gap:10px;flex-shrink:0}.app-main{background:radial-gradient(circle at 12% 4%,rgba(143,162,160,.08),transparent 45%),radial-gradient(circle at 88% 12%,rgba(48,72,73,.08),transparent 45%),#f4f6f8;min-height:100vh;transition:background-color 9s ease}.app-tone-0{background-color:#f6f7f9}.app-tone-1{background-color:#f4f6f8}.app-tone-2{background-color:#f2f5f8}.app-tone-3{background-color:#f0f4f7}.app-tone-4{background-color:#eef3f6}.app-tone-5{background-color:#ecf2f5}.app-tone-6{background-color:#eaf1f4}.app-tone-7{background-color:#e8eff3}.app-tone-8{background-color:#e6eef2}.page-hero-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.page-hero-stats{display:flex;gap:6px}.page-hero-stat{background:#fff;border:1px solid rgba(210,198,186,.6);border-radius:10px;padding:5px 12px;box-shadow:0 2px 8px #24180f0f;display:flex;align-items:baseline;gap:5px;white-space:nowrap}.page-hero-stat span{font-size:1rem;font-weight:700;color:#16211f}.page-hero-stat em{font-style:normal;color:#5f7270;font-size:.75rem}.section-title{font-family:Avenir Next,Avenir,Nunito Sans,-apple-system,sans-serif;font-size:1.15rem;font-weight:700;color:#16211f;margin:0 0 .75rem}.page-surface{background:#ffffffeb;border-radius:20px;border:1px solid rgba(210,198,186,.7);box-shadow:0 22px 40px -32px #24160c59;width:100%;max-width:1440px;margin:0 auto;overflow:hidden;min-height:400px}.page-surface--padded{padding:24px}.page-surface--tight{padding:16px;overflow:visible}.album-create-row{flex-wrap:wrap}.album-create-row button{min-width:96px}.album-create-row input{min-width:0}@media (max-width: 480px){.album-create-row{flex-direction:column;align-items:stretch}.album-create-row button{width:100%}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-overlay.minimized{opacity:0;pointer-events:none;visibility:hidden}.modal-content{background-color:#fff;border-radius:.75rem;max-width:90%;max-height:90%;overflow:auto;box-shadow:0 25px 50px -12px #00000040;min-width:320px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h2,.modal-header h3{font-size:1.25rem;font-weight:600;margin:0}.modal-close-btn{background:transparent;border:none;font-size:1.5rem;color:#435654;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .15s ease;width:36px;height:36px}.modal-close-btn:hover{background-color:#f3f4f6;color:#2b3a3a}.modal-close-btn:active{transform:scale(.92);background-color:#e5e7eb}.upload-modal-close{background:#f3f4f6;color:#2b3a3a}.upload-modal-close:hover{background:#e5e7eb;color:#182322}.upload-modal{max-height:min(92vh,900px);max-height:min(92dvh,900px);width:95%;max-width:600px;display:flex;flex-direction:column;overflow:hidden}.upload-modal .modal-content{display:flex;flex-direction:column;max-height:inherit;overflow:hidden}.upload-modal .batch-uploader{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable}.upload-modal .file-list{display:flex;flex-direction:column;min-height:0}.upload-modal .upload-status-list{max-height:50vh;max-height:50dvh;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;padding-bottom:.5rem}.upload-modal .upload-status-list::-webkit-scrollbar{width:8px}.upload-modal .upload-status-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.upload-modal .upload-status-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.upload-modal .upload-status-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-height: 700px){.upload-modal{max-height:85vh;max-height:85dvh}.upload-modal .upload-status-list{max-height:30vh;max-height:30dvh}}.modal-body{padding:1.5rem}.mobile-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:60;animation:sheet-fade-in .18s ease}.mobile-sheet{position:fixed;left:0;right:0;bottom:0;background:#fff;border-radius:20px 20px 0 0;padding:12px 16px calc(20px + env(safe-area-inset-bottom,0));z-index:70;max-height:90vh;overflow-y:auto;box-shadow:0 -18px 40px #0f172a33;animation:sheet-slide-up .22s ease}body.mobile-sheet-open .fab-container{opacity:0;pointer-events:none}.mobile-sheet-handle{width:42px;height:4px;border-radius:999px;background:#e2e8f0;margin:0 auto 12px}.mobile-sheet-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.mobile-sheet-title{font-weight:600;color:#0f172a;font-size:1rem}.mobile-sheet-subtitle{font-size:.8rem;color:#4a5f5d;margin-top:2px}.mobile-sheet-close{border:none;background:#f1f5f9;color:#35494a;width:36px;height:36px;border-radius:999px;display:flex;align-items:center;justify-content:center}.mobile-sheet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:10px}.mobile-sheet-link{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 6px;border-radius:14px;border:1px solid #e2e8f0;background:#f8fafc;color:#0f172a;font-size:.72rem;text-align:center;transition:transform .15s ease,box-shadow .15s ease}.mobile-sheet-link:active{transform:scale(.98);box-shadow:0 10px 22px -16px #0f172a66}.mobile-sheet-icon{width:36px;height:36px;border-radius:12px;border:1px solid #e2e8f0;background:#253a3b1f;color:#1b2c2d;display:flex;align-items:center;justify-content:center;position:relative}.strip-new-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;border-radius:999px;background:#ef4444;color:#fff;font-size:.62rem;font-weight:700;line-height:1}.strip-new-badge--inline{margin-left:auto}.strip-new-badge--dot{position:absolute;top:-4px;right:-4px;width:10px;height:10px;padding:0;border-radius:999px;border:2px solid #f8fafc}.mobile-sheet-logout{margin-top:16px;width:100%;border:1px solid #fecaca;background:#fff1f2;color:#b91c1c;padding:10px 12px;border-radius:12px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity .15s ease}.mobile-sheet-logout:disabled{opacity:.6;cursor:not-allowed}.mobile-sheet-spinner{width:18px;height:18px;border:2px solid #fecaca;border-top-color:#b91c1c;border-radius:50%;animation:spin .8s linear infinite}@keyframes sheet-slide-up{0%{transform:translateY(18px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes sheet-fade-in{0%{opacity:0}to{opacity:1}}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem;border-top:1px solid #e5e7eb}.modal-actions button{padding:.65rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.modal-actions button:first-child{background:#f3f4f6;color:#2b3a3a;border:none}.modal-actions button:first-child:hover{background:#e5e7eb}.modal-actions .primary-btn{background:#304849;color:#fff;border:none}.modal-actions .primary-btn:hover:not(:disabled){background:#253a3b}.modal-actions .primary-btn:disabled{opacity:.5;cursor:not-allowed}.submissions-modal{width:100%;max-width:600px;min-height:300px}@media (max-width: 768px){.submissions-modal{width:100%;max-width:none;max-height:100vh;height:100vh;margin:0;border-radius:0;display:flex;flex-direction:column}}@media (max-width: 480px){.modal-overlay{padding:0}.submissions-modal{min-height:100vh}}.profile-photo-preview{width:72px;height:72px;border-radius:999px;border:1px solid #e5e7eb;background:#f3f4f6;display:flex;align-items:center;justify-content:center;overflow:hidden}.profile-photo-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.profile-photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:20px;color:#182322;background:linear-gradient(135deg,#e5e7eb,#f9fafb)}.upload-modal{width:100%;max-width:600px}.album-selector-modal{width:100%;max-width:400px}.atam-modal{width:92vw;max-width:420px;max-height:85vh;background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000040;display:flex;flex-direction:column;overflow:hidden}.atam-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 20px 12px}.atam-title{font-size:1.125rem;font-weight:600;color:#101b1a;margin:0}.atam-sub{font-size:.8rem;color:#435654;margin:2px 0 0}.atam-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:none;background:none;color:#6b7f7d;cursor:pointer;transition:all .15s}.atam-close:hover{background:#f3f4f6;color:#2b3a3a}.atam-search{display:flex;align-items:center;gap:8px;margin:0 16px 8px;padding:8px 12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;color:#6b7f7d}.atam-search input{flex:1;border:none;background:none;outline:none;font-size:.875rem;color:#2b3a3a}.atam-search input::-moz-placeholder{color:#6b7f7d}.atam-search input::placeholder{color:#6b7f7d}.atam-list{flex:1;overflow-y:auto;padding:4px 12px 16px;display:flex;flex-direction:column;gap:2px}.atam-item{display:flex;align-items:center;gap:12px;padding:8px 10px;border:none;background:none;border-radius:10px;cursor:pointer;transition:background-color .15s;text-align:left;width:100%}.atam-item:hover{background:#f3f4f6}.atam-item:disabled{opacity:.5;cursor:default}.atam-item--adding{background:#f0f5f4}.atam-thumb{width:48px;height:48px;border-radius:8px;overflow:hidden;background:#f3f4f6;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#6b7f7d}.atam-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.atam-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.atam-name{font-size:.875rem;font-weight:500;color:#182322;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.atam-count{font-size:.75rem;color:#6b7f7d}.atam-spinner{width:18px;height:18px;border:2px solid #e5e7eb;border-top-color:#304849;border-radius:50%;animation:spin .6s linear infinite;flex-shrink:0}.atam-empty{padding:32px 16px;text-align:center;font-size:.875rem;color:#6b7f7d}@media (max-width: 640px){.atam-modal{max-width:100%;max-height:70vh;border-radius:16px 16px 0 0;position:fixed;bottom:0;left:0;right:0}}.upload-album-selector{margin:.75rem 0;position:relative}.album-selector-trigger{display:flex;align-items:center;gap:.5rem;width:100%;padding:.6rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;background:#fff;color:#2b3a3a;font-size:.875rem;cursor:pointer;transition:border-color .15s,box-shadow .15s;text-align:left}.album-selector-trigger:hover{border-color:#6b7f7d}.album-selector-trigger.open{border-color:#304849;box-shadow:0 0 0 2px #30484926}.album-selector-trigger.has-album{border-color:#304849;background:#f0f5f4}.album-selector-trigger .chevron{margin-left:auto;transition:transform .15s}.album-selector-trigger.open .chevron{transform:rotate(180deg)}.album-selector-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;box-shadow:0 4px 12px #0000001a;z-index:50;max-height:320px;display:flex;flex-direction:column}.album-selector-search{padding:.5rem;border-bottom:1px solid #e5e7eb}.album-selector-search input{width:100%;padding:.4rem .6rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.8rem;outline:none}.album-selector-search input:focus{border-color:#304849}.album-selector-options{overflow-y:auto;flex:1;max-height:200px;padding:.25rem}.album-selector-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem .6rem;border:none;background:none;cursor:pointer;border-radius:.375rem;font-size:.85rem;color:#2b3a3a;text-align:left;transition:background-color .1s}.album-selector-option:hover{background:#f3f4f6}.album-selector-option.selected{background:#f0f5f4;color:#1b2c2d;font-weight:500}.album-selector-option .option-count{font-size:.75rem;color:#6b7f7d}.album-selector-loading,.album-selector-empty{padding:.75rem;text-align:center;font-size:.8rem;color:#6b7f7d}.album-selector-create{border-top:1px solid #e5e7eb;padding:.5rem}.album-create-trigger{display:flex;align-items:center;gap:.4rem;width:100%;padding:.4rem .5rem;border:none;background:none;cursor:pointer;border-radius:.375rem;font-size:.8rem;color:#304849;transition:background-color .1s}.album-create-trigger:hover{background:#f0f5f4}.album-create-form{display:flex;gap:.4rem;flex-wrap:wrap}.album-create-form input{flex:1;min-width:0;padding:.4rem .5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.8rem;outline:none}.album-create-form input:focus{border-color:#304849}.album-create-form button{padding:.4rem .75rem;background:#304849;color:#fff;border:none;border-radius:.375rem;font-size:.8rem;cursor:pointer}.album-create-form button:disabled{opacity:.5;cursor:not-allowed}.album-create-error{width:100%;font-size:.75rem;color:#ef4444;padding-top:.25rem}.hide-from-library-checkbox{display:flex;align-items:center;gap:.4rem;margin-top:.5rem;font-size:.8rem;color:#435654;cursor:pointer}.hide-from-library-checkbox input[type=checkbox]{width:14px;height:14px;accent-color:#304849}.hide-from-library-checkbox svg{color:#6b7f7d}.album-tile-hidden-badge{position:absolute;top:8px;right:40px;background:#0009;color:#fff;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .15s;z-index:2}.album-tile:hover .album-tile-hidden-badge{opacity:1}.album-tile-hidden-badge.is-hidden{opacity:0;background:#ef4444cc}.album-tile:hover .album-tile-hidden-badge.is-hidden{opacity:1}.photo-tile-format-badge{position:absolute;bottom:.5rem;left:.5rem;background-color:#0009;color:#fff;font-size:10px;font-weight:600;padding:.125rem .375rem;border-radius:.25rem;text-transform:uppercase;z-index:10}.dark body{background-color:#101b1a;color:#fff}.marketing-container{min-height:100vh;background:linear-gradient(135deg,#fcefb3,#a8c2be,#81a49f);position:relative;overflow-x:hidden}.login-page{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:1rem;font-family:Avenir Next,Avenir,Nunito Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;position:relative;overflow:hidden;background:#eef4f2}.login-page>*{position:relative;z-index:2}.login-layout{width:min(960px,100%);display:flex;flex-direction:column;align-items:center;gap:1.5rem}.login-stack{width:100%;max-width:420px;display:flex;flex-direction:column;gap:1.25rem}.login-card{width:100%;max-width:400px;background:#fff;border-radius:20px;padding:2rem 1.5rem;box-shadow:0 4px 24px #00000014}.login-side{width:100%;display:flex;flex-direction:column;gap:1.25rem}.login-side-panel{position:relative;padding:1.75rem;border-radius:24px;border:1px solid #253a3b;background:#304849;box-shadow:0 14px 32px #14202147;overflow:hidden}.login-side-panel:before,.login-side-panel:after{content:"";position:absolute;border-radius:999px;opacity:.7;pointer-events:none}.login-side-panel:before{display:none}.login-side-panel:after{display:none}.login-side-panel>*{position:relative;z-index:1}.login-logo-wrap{display:flex;justify-content:center;margin-bottom:1.5rem}.login-logo-img{width:auto;height:108px}.login-header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.35rem;margin-bottom:1.25rem}.login-title{font-size:1.85rem;font-weight:700;color:#16211f;text-align:center;margin:0;font-family:Mifelin,Georgia,serif}.login-hero-headline{font-size:1.2rem;font-weight:800;color:#16211f;text-align:center;margin:0;font-family:Avenir Next,Avenir,Nunito Sans,-apple-system,sans-serif}.login-kicker{display:inline-flex;margin:0;padding:.25rem .75rem;border-radius:999px;border:1px solid #dfeae8;background:#f0f5f4;color:#253a3b;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.login-subtitle{font-size:.9rem;color:#435654;text-align:center;margin:0}.login-features-link{display:block;text-align:center;font-size:.85rem;font-weight:600;color:#1b2c2d;margin:.25rem 0 0;text-decoration:none}.login-features-link:hover{text-decoration:underline}.login-form{display:flex;flex-direction:column;gap:.875rem}.login-invite-banner{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;border:1px solid #dfeae8;background:#f0f5f4;color:#1b2c2d;border-radius:12px;font-size:.85rem;line-height:1.4}.login-invite-banner strong{display:block;font-weight:600}.login-field{position:relative}.login-field-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#6b7f7d;pointer-events:none}.login-input{width:100%;padding:.875rem 1rem .875rem 2.75rem;border:1.5px solid #cfdcd9;border-radius:12px;font-size:1rem;color:#16211f;background:#f6f9f8;transition:all .2s ease;box-sizing:border-box}.login-input:-webkit-autofill,.login-input:-webkit-autofill:hover,.login-input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #f6f9f8 inset;-webkit-text-fill-color:#16211f;caret-color:#16211f;border-color:#cfdcd9}.login-input:focus{outline:none;border-color:#304849;background:#fff;box-shadow:0 0 0 3px #3048491a}.login-input::-moz-placeholder{color:#6b7f7d}.login-input::placeholder{color:#6b7f7d}.login-field-select{margin-bottom:.25rem}.login-field-toggle{border:1.5px solid #e5e7eb;border-radius:12px;background:#f9fafb;padding:.75rem 1rem}.login-toggle-field{display:flex;align-items:center;gap:.6rem;font-size:.9rem;color:#2b3a3a}.login-toggle-field input{margin:0}.login-field-username{position:relative}.login-field-username .login-input{padding-right:5rem}.login-field-status{position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-size:.75rem}.login-field-status.checking{color:#6b7f7d}.login-field-status.available{color:#22c55e}.login-field-status.unavailable{color:#ef4444}.login-username-hint{font-size:.8rem;margin:-.5rem 0 .5rem;padding-left:.5rem}.login-username-hint.available{color:#22c55e}.login-username-hint.unavailable{color:#ef4444}.login-label{display:block;font-size:.85rem;color:#435654;margin-bottom:.5rem}.login-promo-banner{background:#f0f5f4;border:1px solid #c2d5d2;color:#1b2c2d;font-size:.85rem;border-radius:10px;padding:.6rem .85rem;margin-bottom:.6rem;line-height:1.35}.login-promo-note{margin:.5rem 0 0;font-size:.8rem;color:#354747;line-height:1.35}.login-promo-note strong{color:#101b1a}.login-select{width:100%;padding:.875rem 1rem;border:1.5px solid #e5e7eb;border-radius:12px;font-size:1rem;background:#f9fafb;transition:all .2s ease;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1rem}.login-select:focus{outline:none;border-color:#304849;background-color:#fff;box-shadow:0 0 0 3px #3048491a}.login-error{background:#fef2f2;color:#dc2626;padding:.75rem 1rem;border-radius:10px;font-size:.875rem;text-align:center}.login-btn{width:100%;padding:.9rem 1.5rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease}.login-btn-primary{background:linear-gradient(135deg,#304849,#253a3b);color:#fff}.login-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #30484959}.login-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.login-btn-secondary{background:#f8fafc;border:1px solid #e2e8f0;color:#263636}.login-btn-secondary:hover:not(:disabled){background:#e2e8f0}.login-btn-secondary:disabled{opacity:.6;cursor:not-allowed}.login-spinner{width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:login-spin .8s linear infinite}@keyframes login-spin{to{transform:rotate(360deg)}}.login-btn-passkey{background:linear-gradient(135deg,#3e5c58,#304849);color:#fff}.login-btn-passkey:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #3e5c5859}.login-btn-passkey:disabled{opacity:.5;cursor:not-allowed}.login-divider{display:flex;align-items:center;margin:1rem 0}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:#e5e7eb}.login-divider span{padding:0 1rem;color:#6b7f7d;font-size:.85rem}.login-passkey-note{text-align:center;font-size:.75rem;color:#f59e0b;margin-top:.5rem}.login-side-hero{margin-bottom:1.75rem}.login-side-hero h2{margin:0 0 .5rem;font-size:1.55rem;font-weight:700;color:#fcefb3;line-height:1.3;font-family:Mifelin,Georgia,serif;letter-spacing:.02em}.login-side-hero p{margin:0;color:#dfeae8;font-size:.9rem;line-height:1.5}.login-side-features{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.login-side-feature{display:flex;align-items:flex-start;gap:.75rem}.login-side-feature-icon{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#fcefb324;color:#fcefb3}.login-side-feature div:last-child{display:flex;flex-direction:column;gap:.1rem}.login-side-feature strong{font-size:.88rem;font-weight:700;color:#fff}.login-side-feature span{font-size:.8rem;color:#c9d8d5;line-height:1.4}.login-side-footer{display:flex;align-items:center;justify-content:space-between;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.15)}.login-side-powered{font-size:.75rem;color:#a8c2be}.login-toggle{margin-top:1.25rem;text-align:center}.login-toggle-btn{background:none;border:none;color:#304849;font-size:.9rem;cursor:pointer;padding:.5rem}.login-toggle-btn:hover{text-decoration:underline}.login-footer{margin-top:1.5rem;display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}.login-badge{display:inline-block;background:#fcefb3;border:1px solid #fcefb3;padding:.4rem .875rem;border-radius:20px;font-size:.75rem;font-weight:700;color:#16211f}.login-core{display:flex;align-items:center;gap:.5rem}.login-core-img{height:18px;width:auto}.login-core-link{color:#435654;font-size:.75rem;text-decoration:none}.login-core-link:hover{color:#304849}@media (min-width: 640px){.login-card{padding:2.5rem 2rem}.login-title{font-size:1.75rem}.login-hero-headline{font-size:1.3rem}}@media (min-width: 1024px){.login-layout{width:min(1040px,100%);display:grid;grid-template-columns:minmax(360px,420px) minmax(420px,560px);align-items:start;gap:2rem}.login-layout .login-card,.login-layout .login-stack{max-width:none}}@media (max-width: 640px){.login-page{align-items:flex-start;padding:1.5rem 1rem 2rem}.login-card{border-radius:18px;padding:1.75rem 1.25rem}.login-hero-headline{font-size:1.1rem}.login-title{font-size:1.4rem}.login-header{margin-bottom:1.1rem}}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:9999;display:flex;flex-direction:column}.lightbox-header{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:linear-gradient(to bottom,rgba(0,0,0,.7) 0%,transparent 100%);z-index:10;transition:opacity .3s}.lightbox-header.is-dim{opacity:.3}.lightbox-header-left,.lightbox-header-right,.lightbox-controls{display:flex;align-items:center;gap:.5rem}.lightbox-close-new,.lightbox-info-btn,.lightbox-rotate-btn,.lightbox-share-btn,.lightbox-delete-btn{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem .75rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.875rem;transition:all .2s}.lightbox-close-new:hover,.lightbox-info-btn:hover,.lightbox-rotate-btn:hover,.lightbox-share-btn:hover{background:#fff3}.lightbox-info-btn.active{background:#3048494d;border-color:#30484980}.lightbox-delete-btn{background:#ef444433;border-color:#ef444466}.lightbox-delete-btn:hover{background:#ef44444d}.lightbox-view-toggle,.lightbox-rotate-group{display:flex;gap:.25rem}.lightbox-close-floating{position:absolute;top:20px;left:20px;z-index:1001;width:44px;height:44px;border-radius:50%;background:#00000080;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.lightbox-close-floating:hover{background:#000000b3;transform:scale(1.05)}.lightbox-close-floating.is-dim{opacity:.3}.lightbox-dock{position:absolute;bottom:28px;left:50%;transform:translate(-50%);z-index:1001;display:flex;align-items:center;gap:6px;padding:8px 12px;background:#141414e6;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border-radius:18px;border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 32px #0006,0 2px 8px #0003,inset 0 1px #ffffff0d;transition:opacity .3s ease,transform .3s ease}.dock-group{display:flex;align-items:center;gap:2px}.dock-counter{color:#fff;font-size:14px;font-weight:500;padding:0 8px;min-width:50px;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dock-divider{width:1px;height:28px;background:#ffffff26;margin:0 4px}.dock-btn{width:44px;height:44px;border-radius:12px;background:transparent;border:none;color:#ffffffd9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;text-decoration:none}.dock-btn:hover{background:#ffffff26;color:#fff;transform:translateY(-2px)}.dock-btn:active{transform:translateY(0);background:#ffffff1a}.dock-btn.active{background:#30484980;color:#fff}.dock-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.dock-btn:disabled:hover{background:transparent;transform:none}.dock-btn-danger{color:#ef4444e6}.dock-btn-danger:hover{background:#ef444433;color:#ef4444}.dock-btn{position:relative}.dock-btn[data-tooltip]:before{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(4px);padding:6px 10px;background:#000000e6;color:#fff;font-size:12px;font-weight:500;border-radius:6px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .15s,transform .15s,visibility .15s;pointer-events:none;z-index:10001;box-shadow:0 2px 8px #0000004d}.dock-btn[data-tooltip]:after{content:"";position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#000000e6;opacity:0;visibility:hidden;transition:opacity .15s,visibility .15s;pointer-events:none;z-index:10001}.dock-btn[data-tooltip]:hover:before{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.dock-btn[data-tooltip]:hover:after{opacity:1;visibility:visible}a.dock-btn{position:relative}.dock-btn .rotating{animation:dock-spin 1s linear infinite}@keyframes dock-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.lightbox-dock{bottom:16px;padding:6px 10px;border-radius:14px;gap:4px}.dock-btn{width:38px;height:38px;border-radius:10px}.dock-divider{height:24px;margin:0 2px}.lightbox-close-floating{top:12px;left:12px;width:40px;height:40px}}.lightbox-single{flex:1;display:flex;align-items:center;justify-content:center;position:relative;min-height:0}.lightbox-image-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative}.lightbox-image-stack{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;will-change:auto}.lightbox-image-stack .lightbox-image{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}.lightbox-image-stack.slide-in-right,.lightbox-image-stack.slide-in-left{animation:none;transform:none;opacity:1}.lightbox-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:5}.lightbox-loading .spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top-color:#fffc;border-radius:50%;animation:lightbox-spin .8s linear infinite}@keyframes lightbox-spin{to{transform:rotate(360deg)}}.lightbox-image{width:100%;height:100%;max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:opacity .16s ease}.lightbox-preview{opacity:1}.lightbox-preview.is-hidden,.lightbox-full{opacity:0}.lightbox-full.is-ready{opacity:1}.lightbox-image.loading{opacity:.5}.lightbox-image.is-zoomed{cursor:grab}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);color:#fff;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;transition:all .2s}.lightbox-nav:hover{background:#000c}.lightbox-prev{left:1.5rem}.lightbox-next{right:1.5rem}.lightbox-info-panel{position:fixed;top:5rem;right:1rem;background:#141414f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:0;width:320px;max-height:calc(100vh - 8rem);overflow:hidden;display:flex;flex-direction:column;z-index:100;color:#fff;box-shadow:0 10px 40px #00000080}.lightbox-info-drag-handle{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1);cursor:grab;flex-shrink:0}.lightbox-info-drag-handle:active{cursor:grabbing}.drag-grip{display:grid;grid-template-columns:repeat(3,4px);gap:2px}.drag-grip span{width:4px;height:4px;border-radius:1px;background:#ffffff4d}.drag-title{font-weight:600;font-size:.95rem;color:#fff}.lightbox-info-panel .info-section{padding:1rem;border-bottom:1px solid rgba(255,255,255,.1);overflow-y:auto;overflow-x:auto;flex:1;min-height:0;background:transparent!important;border-radius:0!important;color:#ffffffe6!important}.lightbox-info-panel .info-section:last-child{border-bottom:none}.lightbox-info-panel .info-section h4{font-size:.8rem;font-weight:600;color:#fff9!important;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem}.info-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.08)}.info-row:last-child{border-bottom:none}.info-label{font-size:.85rem;color:#ffffff80;flex-shrink:0}.info-value{font-size:.85rem;color:#fff;text-align:right;word-break:break-word;display:flex;align-items:center;gap:.5rem}.exif-raw-viewer{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1)}.exif-raw-viewer summary{cursor:pointer;color:#ffffff80;font-size:.8rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.exif-raw-viewer summary:hover{color:#ffffffb3}.exif-raw-viewer pre{margin-top:.5rem;padding:.75rem;background:#0000004d;border-radius:6px;font-size:.7rem;overflow-x:auto;white-space:pre-wrap;word-break:break-word;max-height:200px;color:#fffc}.info-value-edit{display:flex;flex-direction:column;gap:.5rem;flex:1}.info-value-edit input{padding:.375rem .5rem;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:#ffffff1a;color:#fff;font-size:.85rem}.info-value-edit input:focus{outline:none;border-color:#304849}.filename-edit-wrapper{display:flex;align-items:center;gap:0;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;overflow:hidden}.filename-edit-wrapper input{flex:1;padding:.375rem .5rem;border:none;background:transparent;color:#fff;font-size:.875rem;min-width:0}.filename-edit-wrapper input:focus{outline:none}.filename-edit-wrapper:focus-within{border-color:#304849}.filename-ext{padding:.375rem .5rem;padding-left:0;color:#ffffff80;font-size:.875rem;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.edit-actions{display:flex;gap:.5rem}.edit-icon-btn{background:none;border:none;color:#fff6;cursor:pointer;padding:.25rem;display:flex;align-items:center}.edit-icon-btn:hover{color:#fff}.lightbox-info-panel .info-section::-webkit-scrollbar{width:6px}.lightbox-info-panel .info-section::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.lightbox-info-panel .info-section::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.lightbox-info-panel .info-section::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width: 768px){.lightbox-info-panel{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;max-height:50vh;border-radius:16px 16px 0 0;transform:none!important}}.info-label{color:#fff9;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.info-value{color:#fff;font-size:.875rem}.variant-size-list{display:flex;flex-direction:column;gap:4px}.variant-size-item{display:flex;justify-content:space-between;gap:12px}.variant-size-label{color:#ffffffb3;font-size:.72rem;letter-spacing:.04em}.variant-size-value{font-variant-numeric:tabular-nums}.lightbox-contact-sheet{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:40px 40px 120px;overflow:auto;background:#000000f2}.contact-sheet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;width:min(1400px,100%);margin:0 auto;padding:20px 0 0}.contact-sheet-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer;border:3px solid transparent;transition:all .2s ease;background:#ffffff0d}.contact-sheet-item:hover{border-color:#ffffff4d;transform:scale(1.02)}.contact-sheet-item.active{border-color:#304849;box-shadow:0 0 0 2px #3048494d}.contact-sheet-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.contact-sheet-index{position:absolute;top:6px;left:6px;background:#000000b3;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:4px;z-index:1}.rotating{animation:spin 1s linear infinite}.card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:1.5rem;margin-bottom:1rem}.container{max-width:1280px;margin:0 auto;padding:0 1rem}.page-header{margin-bottom:1.5rem}.page-header h1,.page-header h2{font-size:1.75rem;font-weight:700;color:#182322;margin:0 0 .5rem}.page-header p{color:#435654;margin:0}.grid{display:grid;gap:1rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.album-share-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a;transition:all .2s}.album-share-card:hover{box-shadow:0 4px 12px #00000026}.feature-card,.info-card,.principle-card,.practice-card,.scenario-card,.resource-card,.example-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.stat-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.stat-value{font-size:2rem;font-weight:700;color:#182322;line-height:1}.stat-label{font-size:.875rem;color:#435654;margin-top:.25rem}.form-group{margin-bottom:1rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:#2b3a3a;margin-bottom:.5rem}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#304849;box-shadow:0 0 0 3px #3048491a}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-primary{background:#304849;color:#fff}.btn-primary:hover{background:#253a3b}.btn-secondary{background:#f3f4f6;color:#2b3a3a}.btn-secondary:hover{background:#e5e7eb}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.tag{display:inline-flex;align-items:center;gap:.25rem;background:#f3f4f6;color:#2b3a3a;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.tag-blue{background:#dfeae8;color:#1b2c2d}.tag-green{background:#dcfce7;color:#16a34a}.tag-red{background:#fee2e2;color:#dc2626}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #e5e7eb}.table th{font-weight:600;color:#2b3a3a;background:#f9fafb}.table tr:hover{background:#f9fafb}.empty-state{text-align:center;padding:3rem 1rem;color:#435654}.empty-state-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state-title{font-size:1.25rem;font-weight:600;color:#2b3a3a;margin-bottom:.5rem}.empty-state-text{margin-bottom:1.5rem}.share-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.share-modal{background:var(--bg-primary, #fff);border-radius:12px;width:100%;max-width:420px;box-shadow:0 20px 50px #0000004d;overflow:hidden}.share-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color, #e5e7eb)}.share-modal-header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary, #111)}.share-modal-header .modal-close{background:none;border:none;padding:.5rem;cursor:pointer;color:var(--text-secondary, #435654);border-radius:6px;transition:all .2s}.share-modal-header .modal-close:hover{background:var(--bg-hover, #f3f4f6);color:var(--text-primary, #111)}.share-modal-content{padding:1.5rem}.share-preview{width:100%;max-height:200px;overflow:hidden;border-radius:8px;margin-bottom:1rem;background:var(--bg-secondary, #f9fafb)}.share-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.share-caption-input{width:100%;padding:.75rem;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;font-size:.95rem;resize:vertical;min-height:80px;background:var(--bg-secondary, #f9fafb);color:var(--text-primary, #111);font-family:inherit}.share-caption-input:focus{outline:none;border-color:var(--primary-color, #304849)}.share-actions{display:flex;gap:.75rem;margin-top:1rem;justify-content:flex-end}.share-actions .btn-secondary{padding:.625rem 1.25rem;background:var(--bg-secondary, #f3f4f6);color:var(--text-primary, #2b3a3a);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.share-actions .btn-secondary:hover{background:var(--bg-hover, #e5e7eb)}.share-actions .btn-primary{padding:.625rem 1.25rem;background:var(--primary-color, #304849);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.share-actions .btn-primary:hover:not(:disabled){opacity:.9}.share-actions .btn-primary:disabled{opacity:.5;cursor:not-allowed}.album-share-preview{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;max-height:160px;overflow:hidden}.album-preview-thumb{width:100%;height:78px;-o-object-fit:cover;object-fit:cover;border-radius:4px}.album-preview-more{display:flex;align-items:center;justify-content:center;background:var(--bg-secondary, #f3f4f6);color:var(--text-secondary, #435654);font-weight:600;font-size:1.125rem;border-radius:4px;height:78px}.share-album-info{margin:.75rem 0 1rem;color:var(--text-secondary, #435654);font-size:.9rem}.share-album-info strong{color:var(--text-primary, #111)}.analytics-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb}.skeleton{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:8px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.aspect-photo{aspect-ratio:4 / 3}@media (max-width: 767px){.hide-mobile{display:none!important}}@media (min-width: 768px){.hide-desktop{display:none!important}}.notification-tray{position:fixed;top:.75rem;left:.75rem;z-index:100}@media (max-width: 767px){.notification-tray{display:none}}.notification-pill{display:flex;align-items:center;gap:.25rem;padding:.375rem .75rem;background:#fff;border:1px solid #e5e7eb;border-radius:9999px;font-size:.75rem;cursor:pointer;box-shadow:0 1px 3px #0000001a;transition:all .2s}.notification-pill:hover{background:#f9fafb;border-color:#d1d5db}.notification-pill-icon{font-size:.875rem}.notification-pill-count{font-weight:600;color:#2b3a3a}.notification-list{position:absolute;top:100%;left:0;margin-top:.5rem;width:320px;max-height:400px;overflow-y:auto;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 40px #00000026}.toast{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border-bottom:1px solid #f3f4f6}.toast:last-child{border-bottom:none}.toast-icon{flex-shrink:0;font-size:1rem}.toast-title{font-weight:500;color:#182322;font-size:.875rem}.toast-detail{color:#435654;font-size:.75rem;margin-top:.125rem}.toast-close{margin-left:auto;padding:.25rem;color:#6b7f7d;background:transparent;border:none;cursor:pointer;border-radius:4px}.toast-close:hover{background:#f3f4f6;color:#2b3a3a}.toast-info .toast-icon{color:#304849}.toast-success .toast-icon{color:#10b981}.toast-warning .toast-icon{color:#f59e0b}.toast-error .toast-icon{color:#ef4444}.settings-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.settings-page-header .page-title{font-size:1.75rem;font-weight:700;color:#182322;margin:0 0 .25rem;display:flex;align-items:center;gap:.5rem}.settings-page-header .page-subtitle{font-size:.95rem;color:#435654;margin:0}.settings-actions{display:flex;gap:.75rem;flex-shrink:0}.settings-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid #e5e7eb;padding-bottom:0}.tab-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:none;border:none;font-size:.9rem;font-weight:500;color:#435654;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .2s}.tab-button:hover:not(:disabled){color:#2b3a3a}.tab-button.is-active{color:#304849;border-bottom-color:#304849}.tab-button:disabled{opacity:.5;cursor:not-allowed}.segmented-control{display:inline-flex;background:#f3f4f6;border-radius:8px;padding:3px}.segmented-control button{padding:.5rem .875rem;background:none;border:none;font-size:.8rem;font-weight:500;color:#435654;cursor:pointer;border-radius:6px;transition:all .2s}.segmented-control button:hover{color:#2b3a3a}.segmented-control button.is-active{background:#fff;color:#182322;box-shadow:0 1px 3px #0000001a}.button-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.25rem;background:#304849;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.button-primary:hover:not(:disabled){background:#253a3b}.button-primary:disabled{opacity:.5;cursor:not-allowed}.button-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.25rem;background:#f3f4f6;color:#2b3a3a;border:1px solid #e5e7eb;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.button-secondary:hover:not(:disabled){background:#e5e7eb}.button-danger{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.25rem;background:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.button-danger:hover:not(:disabled){background:#fee2e2}.button-minimal{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:none;color:#435654;border:none;font-size:.85rem;cursor:pointer;transition:color .2s}.button-minimal:hover{color:#2b3a3a}.button-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:#f3f4f6;color:#435654;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.button-icon:hover:not(:disabled){background:#e5e7eb;color:#2b3a3a}.button-icon.danger:hover:not(:disabled){background:#fef2f2;color:#dc2626}.button-icon:disabled{opacity:.5;cursor:not-allowed}.card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #00000014}.inline-icon{vertical-align:-.125em;margin-right:.25rem}.mobile-content-wrapper{padding:1rem}@media (min-width: 768px){.mobile-content-wrapper{padding:2rem;max-width:1440px;margin:0 auto}}@media (max-width: 768px){.page-hero{margin:0 0 4px;padding:4px 0}.page-hero-inner{flex-wrap:wrap;gap:8px}.page-hero-copy h1{font-size:1.3rem}.page-hero-side,.page-hero-stats{flex-wrap:wrap}.page-hero-stat{padding:4px 8px}.page-hero-stat span{font-size:.9rem}.page-hero-stat em{font-size:.65rem}.page-toolbar{flex-wrap:wrap}.page-surface{border-radius:16px}.page-surface--padded{padding:16px}.page-surface--tight{padding:12px}.mobile-content-wrapper{padding-top:0}.card.mobile-content-wrapper,section.mobile-content-wrapper{padding-top:16px!important}.card.mobile-content-wrapper.with-actions,section.mobile-content-wrapper.with-actions{padding-top:16px!important}.mobile-photos-actions~section,.mobile-photos-actions~.image-grid{padding-top:16px}.mobile-page-hero{display:none}}@media (min-width: 640px) and (max-width: 1023px){.page-hero{margin:0 0 4px;padding:6px 0}}@media (min-width: 1024px){.page-hero{margin:0 0 4px;padding:6px 0}}.watermark-page{min-height:100vh;background:transparent}.watermark-content{display:flex;flex-direction:column;gap:1.5rem}.watermark-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:24px;padding:24px;border-radius:20px;background:#ffffffeb;border:1px solid rgba(210,198,186,.7);box-shadow:0 22px 40px -32px #24160c59;position:relative;overflow:hidden;margin-bottom:20px}.watermark-hero:before,.watermark-hero:after{content:"";position:absolute;border-radius:50%;filter:blur(0);opacity:.25;pointer-events:none}.watermark-hero:before{width:220px;height:220px;background:radial-gradient(circle,rgba(48,72,73,.25),transparent 70%);top:-80px;right:-60px}.watermark-hero:after{width:180px;height:180px;background:radial-gradient(circle,rgba(108,92,79,.2),transparent 70%);bottom:-80px;left:-40px}.watermark-hero-copy{display:flex;flex-direction:column;gap:12px;position:relative;z-index:1}.watermark-hero-title{font-size:1.2rem;font-weight:600;color:#16211f;margin:0}.watermark-hero-description{margin:0;color:#435654;line-height:1.5}.watermark-hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.watermark-status-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600;background:#0f172a0f;color:#182322;border:1px solid rgba(143,162,160,.4)}.watermark-status-pill.is-active{background:#22c55e1f;border-color:#22c55e66;color:#15803d}.watermark-status-pill.is-inactive{background:#5f72701f;border-color:#5f727059;color:#3f5150}.watermark-hero-card{background:#fff;border-radius:16px;border:1px solid rgba(143,162,160,.25);padding:16px;box-shadow:0 16px 36px -30px #0f172a73;display:flex;flex-direction:column;gap:12px;position:relative;z-index:1}.watermark-hero-card-top{display:flex;flex-direction:column;gap:4px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#4a5f5d;font-weight:600}.watermark-hero-note{text-transform:none;letter-spacing:0;font-size:13px;color:#35494a;font-weight:500}.watermark-hero-preview{border-radius:14px;border:1px dashed rgba(143,162,160,.5);background:repeating-conic-gradient(#eef2f7,#eef2f7 25%,#fff 0%,#fff 50%) 50% / 18px 18px;min-height:140px;display:flex;align-items:center;justify-content:center;padding:16px}.watermark-hero-preview img{max-width:180px;max-height:120px}.watermark-hero-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:#4a5f5d;font-weight:600;font-size:13px}.watermark-hero-foot{font-size:13px;color:#35494a}.watermark-page .settings-tabs{background:#fff;border-radius:14px;padding:6px;box-shadow:0 12px 24px -20px #0f172a59;border:1px solid rgba(143,162,160,.25);margin-bottom:20px}.watermark-page .settings-tabs .tab-button{border-radius:10px;font-weight:600}.upload-section{display:flex;flex-direction:column;gap:1.5rem}.upload-card,.watermark-tips,.test-image-controls,.universal-controls,.preview-item{background:#ffffffeb;border-radius:16px;padding:1.5rem;border:1px solid rgba(210,198,186,.7);box-shadow:0 16px 28px -24px #24160c4d}.upload-card{position:relative;overflow:hidden}.upload-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#304849,#81a49f,#fcefb3)}.upload-card h3{font-size:1.1rem;font-weight:600;color:#16211f;margin:0 0 .5rem}.upload-card p{font-size:.9rem;color:#435654;margin:0 0 1rem}.upload-area{position:relative}.upload-area input[type=file]{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3rem 2rem;border:2px dashed rgba(62,92,88,.35);border-radius:16px;background:linear-gradient(135deg,#dfeae899,#dfeae899);cursor:pointer;transition:all .2s}.upload-label:hover{border-color:#3e5c58;background:linear-gradient(135deg,#c2d5d2b3,#c2d5d2b3)}.upload-label svg{color:#6b7f7d}.upload-label span{font-weight:500;color:#2b3a3a}.upload-label small{font-size:.8rem;color:#6b7f7d}.upload-progress{margin-top:1rem}.progress-bar{height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:#304849;transition:width .2s}.current-watermark{display:flex;flex-direction:column;align-items:center;gap:1rem}.current-watermark img{max-width:200px;max-height:150px;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;background:repeating-conic-gradient(#f3f4f6,#f3f4f6 25%,#fff 0%,#fff 50%) 50% / 20px 20px}.watermark-actions{display:flex;gap:.75rem}.watermark-tips{background:linear-gradient(135deg,#f1f5f9e6,#f8fafce6)}.watermark-tips h4{font-size:.95rem;font-weight:600;color:#182322;margin:0 0 .75rem}.watermark-tips ul{margin:0;padding-left:1.25rem}.watermark-tips li{font-size:.85rem;color:#435654;margin-bottom:.5rem}.watermark-tips li:last-child{margin-bottom:0}.position-section{display:flex;flex-direction:column;gap:1.5rem}.test-image-controls,.universal-controls{background:#fff;border-radius:12px;padding:1.25rem;border:1px solid #e5e7eb}.test-image-controls h3,.universal-controls h3{font-size:1rem;font-weight:600;color:#182322;margin:0 0 .25rem}.test-image-controls p,.universal-controls p{font-size:.85rem;color:#435654;margin:0 0 1rem}.test-controls-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.test-controls-row input[type=file]{display:none}.universal-controls-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.control-item label{display:flex;flex-direction:column;gap:.5rem}.control-item label span{font-size:.85rem;color:#2b3a3a;font-weight:500}.control-item input[type=range]{width:100%;accent-color:#304849}.preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.preview-item{position:relative}.preview-item h4{font-size:.95rem;font-weight:600;color:#182322;margin:0 0 .75rem}.wm-preview-box{position:relative;border-radius:8px;overflow:hidden;margin-bottom:1rem}.wm-preview-box.portrait{aspect-ratio:3 / 4}.wm-preview-box.landscape{aspect-ratio:4 / 3}.wm-drag{position:absolute;transform:translate(-50%,-50%);pointer-events:none}.position-coords{display:flex;flex-direction:column;gap:.75rem}.position-coords label{display:flex;flex-direction:column;gap:.25rem}.position-coords label span{font-size:.8rem;color:#435654}.position-coords input[type=range]{width:100%;accent-color:#304849}.save-section{display:flex;justify-content:center;padding-top:1rem}@media (min-width: 900px){.upload-section{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:start}.position-section{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem}.test-image-controls,.universal-controls{grid-column:span 1}}@media (max-width: 900px){.watermark-hero{grid-template-columns:1fr}}@media (max-width: 640px){.watermark-hero{padding:18px}.watermark-hero-card{padding:14px}.watermark-page .settings-tabs{overflow-x:auto}.watermark-page .settings-tabs .tab-button{white-space:nowrap;padding:8px 12px}.universal-controls-grid,.preview-grid{grid-template-columns:1fr}.preview-item{min-width:0}}.upgrade-prompt{display:flex;justify-content:center;padding:2rem}.upgrade-card{background:#fff;border-radius:16px;padding:2.5rem;text-align:center;max-width:450px;box-shadow:0 4px 20px #00000014}.upgrade-icon{color:#304849;font-size:3rem;margin-bottom:1rem}.upgrade-card h3{font-size:1.5rem;font-weight:700;color:#182322;margin:0 0 .75rem}.upgrade-card>p{color:#435654;margin:0 0 1.5rem}.upgrade-benefits ul{text-align:left;padding-left:1.5rem;margin:0 0 1.5rem}.upgrade-benefits li{color:#2b3a3a;margin-bottom:.5rem;font-size:.95rem}.current-plan{font-size:.9rem;color:#435654;margin-bottom:1rem}.upgrade-button{width:100%}.billing-page{display:flex;flex-direction:column;gap:24px;padding:24px;color:#16211f}.billing-header h2{margin:0;font-size:1.4rem;color:#16211f}.billing-header p{margin:.4rem 0 0;color:#435654}.current-plan-section{display:flex;flex-direction:column;gap:16px}.current-plan-card{background:#ffffffeb;border:1px solid rgba(210,198,186,.7);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:16px}.plan-info{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.plan-badge-large{display:flex;flex-direction:column;gap:4px}.plan-name{font-size:1.1rem;font-weight:600}.plan-status{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:#435654}.plan-price-large{display:flex;align-items:baseline;gap:4px}.plan-price-large .price{font-size:1.5rem;font-weight:700;color:#16211f}.plan-details{display:flex;flex-direction:column;gap:8px;color:#435654}.plan-storage{background:#fffffff2;border:1px solid rgba(210,198,186,.7);border-radius:12px;padding:12px;color:#16211f;display:flex;flex-direction:column;gap:8px}.plan-storage-header{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:#435654}.plan-storage-value{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.plan-storage-used{font-size:1.6rem;font-weight:700}.plan-storage-of{font-size:.95rem;color:#435654}.plan-storage-percent{margin-left:auto;font-size:.9rem;font-weight:600;color:#182322}.plan-storage-bar{height:8px;background:#cbd5e199;border-radius:999px;overflow:hidden}.plan-storage-fill{height:100%;border-radius:999px;transition:width .2s ease}.plan-storage-alert{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;font-size:.85rem;background:#fff7ed;border:1px solid #fed7aa;color:#92400e}.plan-storage-alert.critical{background:#fef2f2;border-color:#fecaca;color:#991b1b}.storage-warning-banner{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;font-size:.875rem;z-index:50}.storage-warning-banner.warning{background:#fffbeb;border-bottom:1px solid #fde68a;color:#92400e}.storage-warning-banner.critical{background:#fef2f2;border-bottom:1px solid #fecaca;color:#991b1b}.storage-warning-content{display:flex;align-items:center;gap:10px;flex:1;flex-wrap:wrap}.storage-warning-icon{flex-shrink:0;font-size:1rem}.storage-warning-message{flex:1;min-width:0}.storage-warning-actions{display:flex;gap:12px;flex-shrink:0}.storage-warning-link{display:inline-flex;align-items:center;gap:4px;background:none;border:none;font-size:.8rem;font-weight:600;cursor:pointer;padding:4px 10px;border-radius:6px;text-decoration:none;white-space:nowrap}.storage-warning-banner.warning .storage-warning-link{color:#92400e;background:#92400e1a}.storage-warning-banner.warning .storage-warning-link:hover{background:#92400e2e}.storage-warning-banner.critical .storage-warning-link{color:#991b1b;background:#991b1b1a}.storage-warning-banner.critical .storage-warning-link:hover{background:#991b1b2e}.storage-warning-dismiss{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;flex-shrink:0;margin-left:8px}.storage-warning-banner.warning .storage-warning-dismiss{color:#92400e}.storage-warning-banner.critical .storage-warning-dismiss{color:#991b1b}.storage-warning-dismiss:hover{opacity:.7}@media (max-width: 640px){.storage-warning-banner{padding:8px 12px;font-size:.8rem}.storage-warning-content{gap:6px}.storage-warning-actions{gap:8px}}.detail-item{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.9rem}.plan-actions{display:flex;gap:12px;flex-wrap:wrap}.feature-comparison-section{background:#ffffffeb;border:1px solid rgba(210,198,186,.7);border-radius:18px;padding:18px}.feature-comparison-section h3{margin:0 0 1rem;font-size:1.2rem;color:#16211f}.comparison-table{border:1px solid rgba(210,198,186,.6);border-radius:14px;overflow:hidden}.comparison-mobile{display:none;flex-direction:column;gap:16px}.tier-mobile-card{border:1px solid rgba(210,198,186,.6);border-radius:16px;padding:16px;background:#fffffff5;display:flex;flex-direction:column;gap:12px}.tier-mobile-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.tier-mobile-header h4{margin:0;font-size:1.1rem;color:#16211f}.tier-mobile-header p{margin:.25rem 0 0;color:#435654;font-size:.9rem}.tier-mobile-badge{padding:.25rem .6rem;border-radius:999px;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;background:#f4eee7cc;color:#435654}.tier-mobile-badge.is-current{background:#22c55e26;color:#15803d}.tier-mobile-meta{display:flex;flex-direction:column;gap:4px;color:#435654;font-size:.85rem}.tier-mobile-card ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.tier-mobile-card li{display:flex;gap:8px;align-items:flex-start;color:#35494a;font-size:.9rem}.tier-mobile-card li svg{color:#16a34a;margin-top:2px}.tier-mobile-card li.is-limited svg{color:#dc2626}.tier-mobile-actions{margin-top:4px}.comparison-header,.comparison-row{display:grid;grid-template-columns:160px repeat(6,1fr);align-items:center}.comparison-header{background:#f4eee7cc;font-weight:600}.comparison-header .feature-column{font-size:.9rem}.comparison-header .tier-column{display:flex;flex-direction:column;gap:4px;align-items:center;text-align:center}.comparison-header .tier-column strong{font-size:.82rem;line-height:1.2;white-space:nowrap}.comparison-header .tier-column span{font-size:.8rem;color:#435654;font-weight:600}.comparison-row:nth-child(2n){background:#f9f7f3cc}.feature-column,.tier-column{padding:10px 8px;border-right:1px solid rgba(210,198,186,.3)}.tier-column:last-child,.feature-column:last-child{border-right:none}.tier-column{text-align:center;color:#435654;font-size:.85rem;font-variant-numeric:tabular-nums}.comparison-row.storage-row .tier-column span.value{font-weight:600;color:#16211f;font-size:.9rem}.comparison-row.seats-row .tier-column span.value{font-weight:600;color:#16211f}.tier-column .included{color:#15803d;font-weight:600}.tier-column .excluded{color:#6b7f7d;font-size:.85rem}.comparison-row.action-row{background:#fff}.comparison-row.action-row .tier-column{text-align:center}.current-plan-button,.upgrade-tier-button,.downgrade-tier-button{width:100%;padding:.6rem .75rem;border-radius:10px;font-size:.85rem;font-weight:600;border:none}.current-plan-button{background:#e5e7eb;color:#435654}.upgrade-tier-button{background:#304849;color:#fff}.downgrade-tier-button{background:#f1f5f9;color:#35494a;border:1px solid #d1d5db}.beta-tier-button{width:100%;padding:.6rem .75rem;border-radius:10px;font-size:.8rem;font-weight:600;border:1px solid #d1d5db;background:#f8f5f1;color:#6b7f7d;cursor:default;opacity:.7}.early-access-notice{padding:.75rem 1rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:10px;border:1px solid #f59e0b;font-size:.85rem;color:#92400e;line-height:1.5}.early-access-notice p{margin:0}.payment-provider-info{padding:12px 14px;text-align:center;color:#435654}.billing-note{margin-top:1rem;padding:.75rem 1rem;background:#f4eee799;border-radius:8px;font-size:.85rem;color:#435654}.pricing-explanation{margin-top:1.5rem;padding:1.5rem;background:#fffffff2;border:1px solid rgba(210,198,186,.6);border-radius:14px}.pricing-explanation h4{margin:0 0 1rem;font-size:1.1rem;color:#16211f;font-weight:600}.pricing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem}.pricing-item{padding:1rem;background:#f4eee780;border-radius:10px}.pricing-item strong{display:block;font-size:.9rem;color:#16211f;margin-bottom:.5rem}.pricing-item p{margin:0;font-size:.85rem;color:#435654;line-height:1.5}.pricing-item p strong{display:inline;color:#304849}.pricing-summary{padding:1rem;background:#30484914;border-radius:10px;border-left:3px solid #304849}.pricing-summary p{margin:0;font-size:.85rem;color:#35494a;line-height:1.5}.pricing-summary p strong{color:#16211f}@media (max-width: 640px){.pricing-grid{grid-template-columns:1fr}}.billing-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.billing-modal{background:#fff;border-radius:16px;width:100%;max-width:420px;box-shadow:0 20px 50px #00000040}.billing-modal.plan-change-modal{max-width:480px}.billing-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(210,198,186,.5)}.billing-modal-header h3{margin:0;font-size:1.2rem;color:#16211f}.modal-close-btn{background:transparent;border:none;padding:.5rem;cursor:pointer;color:#435654;border-radius:8px}.modal-close-btn:hover{background:#f4eee7cc;color:#16211f}.billing-modal-body{padding:1.5rem}.billing-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;background:#f4eee780;border-radius:0 0 16px 16px}.billing-info-card{text-align:center;padding:1.5rem;background:#f4eee780;border-radius:12px;margin-bottom:1rem}.billing-info-card .billing-icon{width:48px;height:48px;color:#435654;margin-bottom:1rem}.billing-info-card h4{margin:0 0 .5rem;font-size:1.1rem;color:#16211f}.billing-info-card p{margin:0;color:#435654;font-size:.9rem;line-height:1.5}.billing-info-card.test-mode{background:#fbbf2426}.billing-info-card.test-mode .billing-icon{color:#d97706}.billing-actions{display:flex;justify-content:center}.billing-contact{text-align:center;padding-top:.5rem}.billing-contact a{color:#304849;text-decoration:none}.billing-contact a:hover{text-decoration:underline}.page-toolbar{display:flex;align-items:center;gap:4px;max-width:1440px;margin:0 auto 6px;position:relative;z-index:100}.page-help{position:relative;border:none;border-radius:8px;background:transparent;box-shadow:none}.page-help-toggle{padding:4px 10px;display:inline-flex;align-items:center;gap:8px;background:transparent;border:none;cursor:pointer;text-align:left;color:#6b7f7d;font-weight:500;font-size:.8rem;border-radius:6px;transition:color .15s}.page-help-toggle:hover{color:#435654;background:#00000008}.page-help-title{display:inline-flex;align-items:center;gap:6px}.page-help-chevron{transition:transform .2s ease;width:14px;height:14px}.page-help-chevron.is-open{transform:rotate(180deg)}.page-help-body{position:absolute;top:100%;left:0;z-index:1000;margin-top:4px;padding:12px 16px 16px;color:#5b5148;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:10px;box-shadow:0 8px 24px #0000001f;min-width:320px;max-width:420px}.page-help-description{margin:12px 0 8px}.page-help-list{margin:0 0 12px;padding-left:18px;display:grid;gap:6px}.page-help-link{display:inline-flex;align-items:center;gap:8px;color:#253a3b;font-weight:600;text-decoration:none}.page-help-link:hover{color:#1b2c2d}.supported-formats-info{position:relative;display:inline-block}.supported-formats-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem;font-size:.75rem;color:#6b7f7d;background:none;border:none;cursor:pointer;border-radius:6px;transition:color .15s}.supported-formats-btn:hover{color:#435654;background:#00000008}.supported-formats-popover{position:absolute;top:100%;left:0;z-index:50;margin-top:4px;padding:.75rem 1rem;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:10px;box-shadow:0 8px 24px #0000001f;max-width:400px;min-width:280px}.supported-formats-popover-title{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7f7d;margin-bottom:.375rem}.supported-formats-list{font-size:.75rem;color:#435654;line-height:1.5;margin:0;word-break:break-word}.storage-alert{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:10px;border:1px solid #fed7aa;background:#fff7ed;color:#92400e;margin-bottom:12px;font-size:.9rem}.storage-alert svg{margin-top:2px}.storage-alert.critical{border-color:#fecaca;background:#fef2f2;color:#991b1b}.storage-alert p{margin:2px 0 0;font-size:.85rem;color:inherit}.billing-error-alert{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#fef2f2;border:1px solid #fca5a5;border-radius:10px;color:#b91c1c;z-index:2001;box-shadow:0 4px 12px #0000001a}.billing-error-alert button{background:transparent;border:none;padding:.25rem;cursor:pointer;color:#b91c1c}.plan-change-comparison{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;background:#f4eee780;border-radius:12px;margin-bottom:1rem}.plan-from,.plan-to{display:flex;flex-direction:column;align-items:center;flex:1}.plan-from .plan-label,.plan-to .plan-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:#5f7270;margin-bottom:.25rem}.plan-from .plan-name,.plan-to .plan-name{font-size:1rem;font-weight:600;color:#16211f}.plan-from .plan-price,.plan-to .plan-price{font-size:.9rem;color:#435654}.plan-arrow{color:#435654}.plan-arrow svg{width:24px;height:24px}.plan-change-info{display:flex;gap:.75rem;padding:1rem;border-radius:10px;margin-bottom:1rem}.plan-change-info svg{flex-shrink:0;margin-top:2px}.plan-change-info p{margin:0;font-size:.9rem;line-height:1.5}.plan-change-info.upgrade{background:#22c55e1a;color:#15803d}.plan-change-info.downgrade{background:#fbbf2426;color:#92400e}.plan-change-features h4{margin:0 0 .5rem;font-size:.9rem;color:#16211f}.plan-change-features ul{margin:0;padding-left:1.25rem;list-style:disc}.plan-change-features li{font-size:.85rem;color:#435654;margin-bottom:.25rem}.button-warning{padding:.6rem 1.25rem;border:none;background:#f59e0b;border-radius:10px;font-size:.9rem;font-weight:600;color:#fff;cursor:pointer}.button-warning:hover{background:#d97706}.button-warning:disabled{opacity:.6;cursor:not-allowed}.button-text-danger{padding:.6rem 1rem;border:none;background:transparent;border-radius:10px;font-size:.9rem;font-weight:600;color:#dc2626;cursor:pointer}.button-text-danger:hover{background:#fef2f2}.button-text-danger:disabled{opacity:.6;cursor:not-allowed}.plan-cancel-notice{display:flex;align-items:flex-start;gap:.6rem;margin:.75rem 0 0;padding:.75rem 1rem;background:#fffbeb;border:1px solid #fcd34d;border-radius:10px;color:#92400e;font-size:.875rem;line-height:1.4}.plan-cancel-notice svg{flex-shrink:0;margin-top:.1rem}.storage-addon-item{display:flex;flex-direction:column;gap:.75rem}.storage-addon-item strong{display:flex!important;align-items:center;gap:.5rem}.add-storage-button{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:#304849;color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s ease;width:-moz-fit-content;width:fit-content}.add-storage-button:hover{background:#253a3b}.storage-note-inline{display:block;margin-top:.5rem;font-size:.75rem;color:#5f7270;line-height:1.4}.billing-modal.storage-modal{max-width:440px}.billing-modal.storage-modal .billing-modal-header h3{display:flex;align-items:center;gap:.5rem}.storage-current-info{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.5rem}.storage-stat{padding:.75rem;background:#f4eee780;border-radius:10px;text-align:center}.storage-stat.total{grid-column:span 2;background:#3048491a;border:1px solid rgba(48,72,73,.2)}.storage-label{display:block;font-size:.75rem;color:#435654;margin-bottom:.25rem}.storage-value{display:block;font-size:1.1rem;font-weight:600;color:#16211f}.storage-stat.total .storage-value{color:#304849}.storage-selector{margin-bottom:1rem}.storage-selector label{display:block;font-size:.9rem;color:#16211f;margin-bottom:.75rem;font-weight:500}.storage-amount-control{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:1rem}.amount-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(210,198,186,.6);background:#fff;border-radius:50%;cursor:pointer;color:#16211f;font-size:1.25rem;transition:all .2s ease}.amount-btn:hover:not(:disabled){background:#304849;color:#fff;border-color:#304849}.amount-btn:disabled{opacity:.4;cursor:not-allowed}.storage-amount-display{display:flex;align-items:baseline;gap:.25rem;background:#f4eee799;padding:.75rem 1.5rem;border-radius:12px;min-width:100px;justify-content:center}.amount-value{font-size:2rem;font-weight:700;color:#16211f}.amount-unit{font-size:1rem;color:#435654;font-weight:500}.storage-price-display{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:#30484914;border-radius:10px;border:1px dashed rgba(48,72,73,.3)}.price-label{font-size:.9rem;color:#435654}.price-value{font-size:1.1rem;font-weight:700;color:#304849}.storage-note{padding:.75rem;background:#fbbf241a;border-radius:8px;margin-top:1rem}.storage-note p{margin:0;font-size:.8rem;color:#435654;line-height:1.5}@media (max-width: 640px){.comparison-table{display:none}.comparison-mobile{display:flex}}@media (max-width: 1200px){.comparison-table{overflow-x:auto;-webkit-overflow-scrolling:touch}.comparison-header,.comparison-row{min-width:820px;grid-template-columns:140px repeat(6,1fr)}.comparison-header .tier-column strong{font-size:.78rem}.comparison-header .tier-column span{font-size:.75rem}}@media (max-width: 1024px){.comparison-header,.comparison-row{min-width:780px;grid-template-columns:130px repeat(6,1fr)}.comparison-header .tier-column strong{font-size:.75rem}.tier-column{padding:8px 6px;font-size:.8rem}}.tags-controls{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.tags-search{position:relative;flex:1;min-width:200px}.tags-search .search-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:#6b7f7d}.tags-search-input{width:100%;padding:.65rem 1rem .65rem 2.5rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.9rem;background:#f9fafb;transition:all .2s}.tags-search-input:focus{outline:none;border-color:#304849;background:#fff;box-shadow:0 0 0 3px #3048491a}.tag-selector-modal{width:420px;max-width:92vw}.tag-selector-body{padding:1rem 1.25rem 1.25rem!important}.tag-selector-search-row{display:flex;align-items:center;gap:8px;margin-bottom:12px}.tag-search-wrapper{flex:1;position:relative;display:flex;align-items:center}.tag-search-icon{position:absolute;left:10px;color:#6b7f7d;pointer-events:none}.tag-search-input{width:100%;padding:8px 10px 8px 32px;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;outline:none;transition:border-color .15s}.tag-search-input:focus{border-color:#304849;box-shadow:0 0 0 2px #3048491a}.tag-new-btn{display:inline-flex;align-items:center;gap:4px;padding:8px 14px;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb;color:#2b3a3a;font-size:.825rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .15s}.tag-new-btn:hover{background:#304849;color:#fff;border-color:#304849}.tag-selector-list{display:flex;flex-wrap:wrap;gap:8px;max-height:280px;overflow-y:auto;padding:4px 0}.tag-selector-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid #e5e7eb;border-radius:999px;background:#fff;color:#2b3a3a;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.tag-selector-pill:hover{background:#f0f7ff;border-color:#a8c2be;color:#1b2c2d;transform:translateY(-1px);box-shadow:0 2px 6px #3048491f}.tag-selector-pill:active{transform:translateY(0)}.tag-pill-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.tag-selector-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 0;color:#6b7f7d}.tag-selector-empty p{margin:0;font-size:.875rem}.tag-creator-form{display:flex;flex-direction:column;gap:14px}.tag-name-input{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:.9rem;outline:none;transition:border-color .15s}.tag-name-input:focus{border-color:#304849;box-shadow:0 0 0 2px #3048491a}.tag-color-grid{display:flex;flex-wrap:wrap;gap:6px}.tag-color-swatch{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .15s;padding:0}.tag-color-swatch:hover{transform:scale(1.15)}.tag-color-swatch.selected{border-color:#182322;box-shadow:0 0 0 2px #fff,0 0 0 4px currentColor}.tag-creator-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:4px}.tag-cancel-btn{padding:8px 16px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#435654;font-size:.85rem;cursor:pointer;transition:all .15s}.tag-cancel-btn:hover{background:#f3f4f6;color:#2b3a3a}.tag-create-btn{display:inline-flex;align-items:center;gap:4px;padding:8px 16px;border:none;border-radius:8px;background:#304849;color:#fff;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s}.tag-create-btn:hover:not(:disabled){background:#253a3b}.tag-create-btn:disabled{opacity:.5;cursor:not-allowed}.tag-creator{background:#f0f5f4;border:1px solid #c2d5d2;border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.tag-form{display:flex;flex-direction:column;gap:1rem}.tag-name-input{padding:.65rem 1rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.9rem;background:#fff}.tag-name-input:focus{outline:none;border-color:#304849;box-shadow:0 0 0 3px #3048491a}.color-picker{display:flex;flex-direction:column;gap:.75rem}.color-picker.compact{gap:.5rem}.current-color{width:32px;height:32px;border-radius:8px;border:2px solid white;box-shadow:0 1px 3px #00000026}.color-presets{display:flex;flex-wrap:wrap;gap:.375rem}.color-preset{width:24px;height:24px;border-radius:6px;border:2px solid transparent;cursor:pointer;transition:all .15s}.color-preset:hover{transform:scale(1.1)}.color-preset.selected{border-color:#182322;box-shadow:0 0 0 2px #fff,0 0 0 4px #182322}.tag-form-actions{display:flex;justify-content:flex-end}.tags-unified-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.tag-unified-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:all .2s}.tag-unified-card:hover{box-shadow:0 4px 12px #0000001a}.tag-card-preview-section{aspect-ratio:1;background:#f3f4f6;position:relative;overflow:hidden}.tag-preview-single{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.tag-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;height:100%}.tag-preview-quad{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.tag-preview-empty{background:#e5e7eb}.tag-card-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:#d1d5db}.tag-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;font-weight:600}.tag-info-section{padding:.75rem 1rem;border-bottom:1px solid #e5e7eb}.tag-info{display:flex;align-items:center;gap:.5rem}.tag-color-indicator{width:12px;height:12px;border-radius:4px;flex-shrink:0}.tag-name{font-weight:500;color:#182322;flex:1}.tag-count{font-size:.8rem;color:#6b7f7d}.tag-actions{display:flex;gap:.5rem}.tag-card-info{padding:.75rem 1rem;display:flex;align-items:center;gap:.5rem}.tag-color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.tag-card-info h4{font-size:.9rem;font-weight:600;color:#182322;margin:0;flex:1}.tag-photo-count{font-size:.8rem;color:#6b7f7d}.tag-edit-form-inline{display:flex;flex-direction:column;gap:.75rem}.no-tags{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#6b7f7d}.no-tags svg{margin-bottom:1rem;color:#d1d5db}.no-tags h3{font-size:1.25rem;color:#435654;margin:0 0 .5rem}.no-tags p{color:#6b7f7d;margin:0}.tag-view-header{margin-bottom:1.5rem}.back-button{background:none;border:none;color:#304849;font-size:.9rem;cursor:pointer;padding:0;margin-bottom:1rem}.back-button:hover{text-decoration:underline}.tag-view-title{display:flex;align-items:center;gap:.75rem}.tag-view-title h3{font-size:1.5rem;font-weight:600;color:#182322;margin:0}.photo-count{font-size:.9rem;color:#435654}.tag-photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}@media (min-width: 768px){.tag-photos-grid{gap:1.25rem}}.tag-photo-tile{aspect-ratio:1;border-radius:8px;overflow:hidden;position:relative}.tag-photo-tile img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.loading-photos{grid-column:1 / -1;text-align:center;padding:2rem;color:#435654}.tag-photo-tile:hover{transform:scale(1.02);transition:transform .15s ease}.tags-lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000eb;display:flex;align-items:center;justify-content:center}.lightbox-close{position:absolute;top:1rem;right:1rem;background:#ffffff1a;border:none;color:#fff;padding:.75rem;border-radius:50%;cursor:pointer;z-index:10;transition:background .2s}.lightbox-close:hover{background:#fff3}.lightbox-content{position:relative;max-width:90vw;max-height:85vh;display:flex;align-items:center;justify-content:center}.lightbox-image{max-width:100%;max-height:85vh;-o-object-fit:contain;object-fit:contain;border-radius:4px}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;color:#fff;padding:1rem;border-radius:50%;cursor:pointer;transition:background .2s}.lightbox-nav:hover{background:#ffffff40}.lightbox-prev{left:-60px}.lightbox-next{right:-60px}.lightbox-counter{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);color:#fffc;font-size:.875rem;background:#00000080;padding:.5rem 1rem;border-radius:999px}@media (max-width: 768px){.lightbox-nav{padding:.75rem}.lightbox-prev{left:.5rem}.lightbox-next{right:.5rem}}.ds-table-wrapper{overflow-x:auto}.ds-table{width:100%;border-collapse:collapse}.ds-table th,.ds-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #e5e7eb}.ds-table th{font-size:.8rem;font-weight:600;color:#435654;text-transform:uppercase;letter-spacing:.05em;background:#f9fafb}.ds-table td{font-size:.9rem;color:#2b3a3a}.pill{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.friends-page{padding:0;margin:0;position:relative}@media (min-width: 768px){.friends-page{padding:0}}.friends-container{overflow:hidden}@media (max-width: 640px){.friends-page{padding:0}}.friends-manager{padding:1.5rem}.friends-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem}.friends-stat-card{background:#f9fafb;border-radius:12px;padding:1.25rem;text-align:center}.friends-stat-card .stat-value{font-size:2rem;font-weight:700;color:#182322}.friends-stat-card .stat-label{font-size:.85rem;color:#435654;margin-top:.25rem}.friends-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid #e5e7eb}.friends-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:none;border:none;font-size:.9rem;font-weight:500;color:#435654;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.friends-tab:hover{color:#2b3a3a}.friends-tab.active{color:#304849;border-bottom-color:#304849}.friends-list{display:flex;flex-direction:column;gap:.75rem}.friend-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f9fafb;border-radius:10px}.friend-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#304849,#3e5c58);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.1rem;flex-shrink:0}.friend-info{flex:1;min-width:0}.friend-name{font-weight:600;color:#182322}.friend-email{font-size:.85rem;color:#435654;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-actions{display:flex;gap:.5rem}.add-friend-form{display:flex;gap:.75rem;margin-bottom:1.5rem}.add-friend-form input{flex:1;padding:.65rem 1rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.9rem}.add-friend-form input:focus{outline:none;border-color:#304849;box-shadow:0 0 0 3px #3048491a}.no-friends{text-align:center;padding:3rem 2rem;color:#6b7f7d}.no-friends svg{margin-bottom:1rem;color:#d1d5db}.no-friends h3{font-size:1.1rem;color:#435654;margin:0 0 .5rem}.no-friends p{margin:0}.friends-manager .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb}.friends-manager .modal-header h2{font-size:1.25rem;font-weight:600;color:#182322;margin:0;display:flex;align-items:center;gap:.5rem}.friends-manager .close-button{background:none;border:none;color:#6b7f7d;cursor:pointer;padding:.5rem;border-radius:6px}.friends-manager .close-button:hover{background:#f3f4f6;color:#2b3a3a}.friends-hero{background:linear-gradient(135deg,#f0f5f4,#dfeae8);padding:1.5rem;border-bottom:1px solid #c2d5d2;display:grid;grid-template-columns:1fr auto;gap:1.5rem}@media (max-width: 768px){.friends-hero{grid-template-columns:1fr}}.hero-left .hero-kicker{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#253a3b;margin:0 0 .5rem}.hero-left h3{font-size:1.25rem;font-weight:700;color:#182322;margin:0 0 .5rem}.hero-left .hero-copy{font-size:.9rem;color:#435654;margin:0 0 1rem}.hero-chips{display:flex;flex-wrap:wrap;gap:.5rem}.hero-chips .chip{display:inline-flex;align-items:center;background:#fff;padding:.375rem .75rem;border-radius:20px;font-size:.8rem;color:#2b3a3a;border:1px solid #e5e7eb}.hero-stats{display:flex;gap:.75rem}.hero-stats .stat-card{background:#fff;border-radius:10px;padding:1rem 1.25rem;text-align:center;min-width:100px;box-shadow:0 1px 3px #0000001a}.hero-stats .stat-label{display:block;font-size:.7rem;color:#435654;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.hero-stats .stat-value{display:block;font-size:1.5rem;font-weight:700;color:#182322}.hero-stats .stat-hint{display:block;font-size:.7rem;color:#6b7f7d;margin-top:.25rem}.friends-manager .tabs{display:flex;gap:.25rem;padding:.75rem 1rem 0;background:#f9fafb;border-bottom:1px solid #e5e7eb}.friends-manager .tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:none;border:none;font-size:.85rem;font-weight:500;color:#435654;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .2s}.friends-manager .tab:hover{color:#2b3a3a}.friends-manager .tab.active{color:#304849;border-bottom-color:#304849;background:#fff}.friends-manager .badge{background:#ef4444;color:#fff;font-size:.7rem;font-weight:600;padding:.125rem .5rem;border-radius:10px;margin-left:.25rem}.friends-manager .tab-content{padding:1.5rem}.friends-manager .search-box{display:flex;gap:.75rem;align-items:flex-start}.friends-manager .search-input-wrapper{position:relative;flex:1}.friends-manager .search-input{width:100%;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:10px;font-size:.9rem;background:#fff;color:#101b1a;box-shadow:0 12px 24px -22px #0f172a59}.friends-manager .search-input:focus{outline:none;border-color:#304849;box-shadow:0 0 0 3px #3048491f}.friends-manager .suggestions-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 18px 30px -22px #0f172a73;max-height:260px;overflow-y:auto;z-index:20}.friends-manager .suggestion-item{display:flex;align-items:center;gap:.75rem;padding:.65rem .75rem;cursor:pointer;transition:background-color .15s ease}.friends-manager .suggestion-item:hover{background-color:#f8fafc}.friends-manager .suggestion-avatar{width:32px;height:32px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;color:#4a5f5d;font-size:1rem;flex-shrink:0}.friends-manager .suggestion-info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.friends-manager .suggestion-username{font-weight:600;color:#0f172a;font-size:.9rem}.friends-manager .suggestion-email{font-size:.8rem;color:#4a5f5d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friends-manager .empty-state{text-align:center;padding:3rem 2rem;color:#435654;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:220px}.friends-manager .empty-icon{font-size:3rem;color:#d1d5db;margin-bottom:1rem;display:block;margin-left:auto;margin-right:auto;line-height:1}.friends-manager .muted{color:#6b7f7d;font-size:.85rem}.friends-grid{display:flex;flex-direction:column;gap:.75rem}.friends-manager .friend-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border:1px solid #e5e7eb;border-radius:10px}.friends-manager .friend-avatar,.friends-manager .request-avatar,.friends-manager .user-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#304849,#3e5c58);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.friends-manager .friend-info,.friends-manager .request-info,.friends-manager .user-info{flex:1;min-width:0}.friends-manager .friend-name,.friends-manager .request-name,.friends-manager .user-name{font-weight:600;color:#182322}.friends-manager .friend-email,.friends-manager .request-email,.friends-manager .user-email{font-size:.85rem;color:#435654;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friends-manager .request-time,.friends-manager .request-status{font-size:.75rem;color:#6b7f7d;margin-top:.25rem}.friends-manager .friend-actions,.friends-manager .request-actions,.friends-manager .user-actions{display:flex;gap:.5rem;flex-shrink:0}.friends-manager .icon-button{width:36px;height:36px;border-radius:8px;border:none;background:#f3f4f6;color:#435654;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.friends-manager .icon-button:hover{background:#e5e7eb;color:#2b3a3a}.friends-manager .icon-button.danger:hover{background:#fef2f2;color:#dc2626}.friends-manager .icon-button.share-button:hover{background:#f0f5f4;color:#304849}.friends-manager .team-section{display:flex;flex-direction:column;gap:1rem}.friends-manager .team-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.friends-manager .team-header h3{font-size:1rem;font-weight:600;color:#182322;margin:0 0 .25rem}.friends-manager .team-actions{align-items:center}.friends-manager .team-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.35rem;font-size:.75rem;color:#6b7f7d}.friends-manager .team-role-select{font-size:.75rem;padding:.4rem .6rem;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#2b3a3a}.friends-manager .team-role-select:disabled{background:#f3f4f6;color:#6b7f7d}.friends-manager .team-role-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .5rem;border-radius:999px;font-size:.7rem;font-weight:600;text-transform:capitalize;background:#f3f4f6;color:#354747}.friends-manager .team-role-badge.owner{background:#fef3c7;color:#92400e}.friends-manager .team-role-badge.admin{background:#dfeae8;color:#1b2c2d}.friends-manager .team-role-badge.member{background:#e5e7eb;color:#354747}.friends-manager .team-badge{margin-left:.5rem;font-size:.65rem;text-transform:uppercase;letter-spacing:.04em;padding:.15rem .4rem;border-radius:999px;background:#dfeae8;color:#253a3b}.friends-manager .button-primary.small,.friends-manager .button-secondary.small{padding:.5rem .875rem;font-size:.8rem}.request-group{margin-bottom:2rem}.request-group:last-child{margin-bottom:0}.request-group h3{font-size:.95rem;font-weight:600;color:#2b3a3a;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.request-list{display:flex;flex-direction:column;gap:.75rem}.request-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border:1px solid #e5e7eb;border-radius:10px}.request-card.outgoing{background:#f9fafb}.empty-requests{color:#6b7f7d;font-size:.9rem;padding:1rem;text-align:center;background:#f9fafb;border-radius:8px}.loading-state{text-align:center;padding:2rem;color:#435654}.add-friend-section{display:flex;flex-direction:column;gap:2rem}.search-section h3{font-size:1rem;font-weight:600;color:#182322;margin:0 0 .25rem}.search-section p.muted{margin-bottom:1rem}.search-box{display:flex;gap:.75rem}.search-input{flex:1;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.9rem}.search-input:focus{outline:none;border-color:#304849;box-shadow:0 0 0 3px #3048491a}.search-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#304849;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .2s}.search-button:hover:not(:disabled){background:#253a3b}.search-button:disabled{opacity:.5;cursor:not-allowed}.search-results{margin-top:1rem}.no-results{text-align:center;padding:2rem;background:#fef3c7;border-radius:10px;color:#92400e}.no-results .alert-icon{font-size:2rem;margin-bottom:.5rem}.no-results p.muted{color:#3f5150;margin-top:.5rem}.user-result{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f0fdf4;border:1px solid #86efac;border-radius:10px}.status-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;padding:.25rem .5rem;border-radius:4px;margin-top:.5rem}.status-badge.friend{background:#dcfce7;color:#166534}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.incoming{background:#dfeae8;color:#1b2c2d}.info-section{background:#f9fafb;border-radius:10px;padding:1.25rem}.info-section h4{font-size:.9rem;font-weight:600;color:#2b3a3a;margin:0 0 1rem}.info-list{margin:0;padding:0;list-style:none}.info-list li{display:flex;align-items:center;gap:.75rem;font-size:.85rem;color:#435654;padding:.5rem 0}.info-list li svg{color:#304849;flex-shrink:0}.album-detail-header{margin-bottom:1.5rem}.album-back-link{display:inline-flex;align-items:center;gap:.375rem;color:#435654;font-size:.9rem;text-decoration:none;margin-bottom:.75rem}.album-back-link:hover{color:#304849}.album-title-row{display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap}.album-title{font-size:1.75rem;font-weight:700;color:#182322;margin:0}@media (max-width: 640px){.album-title{font-size:1.5rem}}.album-photo-count{font-size:.9rem;color:#6b7f7d;font-weight:500}.album-description{margin:.5rem 0 0;font-size:.95rem;color:#435654}.album-header-actions{display:flex;gap:.5rem;margin-top:1rem}.album-quick-actions{display:flex;gap:.5rem;padding:1rem 0;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;margin-bottom:1rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.quick-action-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#f3f4f6;color:#2b3a3a;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s}.quick-action-btn:hover{background:#e5e7eb}.quick-action-btn.primary{background:#304849;color:#fff}.quick-action-btn.primary:hover{background:#253a3b}.quick-action-btn.active{background:#304849;color:#fff}@media (max-width: 640px){.quick-action-btn{flex-direction:column;gap:.25rem;padding:.75rem 1rem;font-size:.75rem}.quick-action-btn svg{width:20px;height:20px}}.album-share-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:1.5rem;overflow:hidden}.share-card-header{display:flex;align-items:center;justify-content:space-between;padding:1rem}.share-card-title{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#2b3a3a}.share-toggle-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:.85rem;color:#2b3a3a;cursor:pointer;transition:all .2s}.share-toggle-btn:hover{background:#f3f4f6}.share-toggle-btn svg{transition:transform .2s}.share-toggle-btn svg.rotated{transform:rotate(180deg)}.share-card-content{padding:0 1rem 1rem;border-top:1px solid #e5e7eb}.selection-toolbar{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#f0f5f4;border:1px solid #c2d5d2;border-radius:10px;margin-bottom:1rem;gap:1rem;flex-wrap:wrap}.selection-count{font-weight:600;color:#1b2c2d;font-size:.95rem}.selection-actions{display:flex;gap:.5rem}.rearrange-toolbar{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#fef3c7;border:1px solid #fde68a;border-radius:10px;margin-bottom:1rem;gap:1rem;flex-wrap:wrap}.rearrange-hint{font-weight:500;color:#92400e;font-size:.9rem}.rearrange-actions{display:flex;gap:.5rem}.album-edit-form{display:flex;flex-direction:column;gap:1.25rem;padding:1rem 0}.album-edit-field{display:flex;flex-direction:column;gap:.5rem}.album-edit-label{font-size:.875rem;font-weight:500;color:#2b3a3a}.album-title-input{padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:8px;font-size:1rem;font-weight:600}.album-title-input:focus{outline:none;border-color:#304849;box-shadow:0 0 0 3px #3048491a}.album-description-input{padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.95rem;resize:vertical;min-height:100px}.album-description-input:focus{outline:none;border-color:#304849;box-shadow:0 0 0 3px #3048491a}.album-edit-actions{display:flex;gap:.75rem}.album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;margin-top:1rem}@media (min-width: 768px){.album-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.25rem}}.album-grid.rearranging .album-tile{cursor:grab}.album-tile{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer}.album-tile img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.album-tile.dragging{opacity:.5}.album-tile.drag-over{outline:2px dashed #304849;outline-offset:-2px}.album-tile.selected{outline:3px solid #304849;outline-offset:-3px}.selection-checkbox{position:absolute;top:8px;left:8px;z-index:10}.selection-checkbox input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;cursor:pointer;background:#ffffffe6;border:2px solid rgba(0,0,0,.3);border-radius:4px;margin:0;display:grid;place-content:center;box-shadow:0 1px 3px #0003}.selection-checkbox input:checked{background:#304849;border-color:#304849}.selection-checkbox input:checked:after{content:"";width:12px;height:12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.album-tile-like{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:50%;background:#00000080;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.album-tile:hover .album-tile-like{opacity:1}.album-tile-like.is-favorite{opacity:1;background:#ef4444cc}.album-tile-tag-indicator{position:absolute;bottom:8px;left:8px;display:flex;align-items:center;gap:.25rem;background:#0009;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem}.album-tile-overlay{position:absolute;bottom:0;left:0;right:0;padding:.75rem .5rem .5rem;background:linear-gradient(transparent,#000000b3);opacity:0;transition:opacity .2s}.album-tile:hover .album-tile-overlay{opacity:1}.tile-info{display:flex;flex-direction:column;gap:.125rem}.tile-number{font-size:.7rem;color:#ffffffb3}.tile-title{font-size:.8rem;color:#fff;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.album-tile-delete{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:#ef4444cc;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.album-tile:hover .album-tile-delete{opacity:1}.drag-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b3;color:#fff;padding:.5rem;border-radius:6px;font-size:1.25rem;pointer-events:none}.photo-picker{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:16px;width:95%;max-width:960px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;z-index:1001;box-shadow:0 20px 60px #0000004d}.photo-picker-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;gap:.75rem}.photo-picker-header h3{font-size:1.1rem;font-weight:600;color:#182322;margin:0}.photo-picker-actions{display:flex;align-items:center;gap:.75rem}.photo-picker-pagination-info{padding:.5rem 1.25rem;background:#f9fafb;border-bottom:1px solid #e5e7eb}.photo-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;grid-auto-rows:auto;padding:1rem;overflow-y:auto;flex:1;align-items:stretch}@media (min-width: 640px){.photo-picker-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}}.photo-picker-tile{position:relative;height:0;padding-bottom:133%;border-radius:8px;overflow:hidden;cursor:pointer;border:3px solid transparent;transition:all .15s;background:#f3f4f6}.photo-picker-tile:hover{opacity:.85}.photo-picker-tile.selected{border-color:#304849}.photo-picker-tile img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.photo-picker-checkbox{position:absolute;top:6px;left:6px;z-index:1}.photo-picker-checkbox input{width:18px;height:18px}.photo-picker-meta{position:absolute;bottom:0;left:0;right:0;padding:.5rem;background:linear-gradient(transparent,#000000b3)}.photo-picker-meta .photo-title{font-size:.7rem;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-picker-pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;border-top:1px solid #e5e7eb;flex-wrap:wrap}.pagination-pages{display:flex;gap:.25rem}.pagination-page{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid #e5e7eb;border-radius:6px;background:#fff;color:#2b3a3a;font-size:.85rem;cursor:pointer}.pagination-page:hover{background:#f3f4f6}.pagination-page.active{background:#304849;color:#fff;border-color:#304849}.empty-state{text-align:center;padding:4rem 2rem;color:#6b7f7d}.empty-state p{margin:.25rem 0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1000}.batch-rename-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;z-index:1001;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.batch-rename-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.batch-rename-modal .modal-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#101b1a}.batch-rename-modal .modal-close-btn{background:none;border:none;font-size:1.25rem;color:#435654;cursor:pointer;padding:.25rem;line-height:1}.batch-rename-modal .modal-close-btn:hover{color:#101b1a}.batch-rename-modal .modal-body{padding:1.5rem}.batch-rename-modal .modal-description{margin:0 0 1.25rem;color:#435654;font-size:.875rem}.batch-rename-modal .form-group{margin-bottom:1rem}.batch-rename-modal .form-group label{display:block;font-size:.75rem;font-weight:600;color:#2b3a3a;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.batch-rename-modal .form-input{width:100%;padding:.625rem .875rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.batch-rename-modal .form-input:focus{outline:none;border-color:#304849;box-shadow:0 0 0 3px #3048491a}.batch-rename-modal .form-hint{margin:.5rem 0 0;font-size:.75rem;color:#6b7f7d}.batch-rename-modal .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.batch-rename-modal .preview-section{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid #e5e7eb}.batch-rename-modal .preview-section h4{margin:0 0 .75rem;font-size:.75rem;font-weight:600;color:#2b3a3a;text-transform:uppercase;letter-spacing:.05em}.batch-rename-modal .preview-list{background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;padding:.5rem 0;font-size:.8125rem;font-family:monospace;margin-bottom:.5rem}.batch-rename-modal .preview-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:none;border:none;border-radius:0;box-shadow:none}.batch-rename-modal .preview-old{color:#6b7f7d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.batch-rename-modal .preview-arrow{color:#435654;flex-shrink:0}.batch-rename-modal .preview-new{color:#059669;font-weight:500}.batch-rename-modal .muted{color:#6b7f7d;font-style:italic}.batch-rename-modal .modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb;border-radius:0 0 12px 12px}.delete-dialog{max-width:450px}.delete-dialog-warning{color:#435654;margin-bottom:1.5rem}.delete-option{margin-bottom:1rem}.radio-label{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:background .15s}.radio-label:hover{background:#f9fafb}.radio-label input{margin-top:.25rem}.radio-label strong{display:block;color:#182322}.radio-label p{margin:.25rem 0 0;font-size:.85rem}.share-manager-clean{padding-top:1rem}.share-loading{color:var(--text-secondary, #6b7f7d);font-size:.9rem;padding:1rem 0}.share-new-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:auto;padding:.625rem 1.25rem;background:var(--accent, #304849);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s,transform .1s}.share-new-btn:hover{background:var(--accent-hover, #253a3b);transform:translateY(-1px)}.share-new-btn:active{transform:translateY(0)}@media (max-width: 640px){.share-new-btn{width:100%;padding:.75rem 1rem}}.share-empty-text{color:var(--text-secondary, #6b7f7d);font-size:.9rem;text-align:center;padding:1rem 0;margin:0}.share-create-form-clean{background:var(--card, #fff);border:1px solid var(--border, #e5e7eb);border-radius:10px;padding:1.25rem}.share-form-title{font-size:1rem;font-weight:600;color:var(--text, #182322);margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--border, #e5e7eb)}.share-form-options{display:flex;flex-direction:column;gap:.875rem;margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border, #e5e7eb)}.share-option{display:flex;align-items:center;gap:.625rem;font-size:.9rem;color:var(--text, #2b3a3a);cursor:pointer}.share-option input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent, #304849);flex-shrink:0}.share-option svg{color:var(--text-secondary, #435654);flex-shrink:0}.share-option span{flex:1}.share-form-divider{padding:1rem 0;border-bottom:1px solid var(--border, #e5e7eb);margin-bottom:1rem}.client-mode-options{background:var(--bg-secondary, #f9fafb);border-radius:8px;padding:1rem;margin-bottom:1.25rem;display:flex;flex-direction:column;gap:1rem}.share-form-fields{margin-bottom:1.25rem}.share-form-field{display:flex;flex-direction:column;gap:.5rem}.share-form-field label{font-size:.85rem;color:var(--text-secondary, #435654);font-weight:500;display:flex;align-items:center;gap:.375rem}.share-form-field input,.share-form-field textarea{padding:.75rem;border:1px solid var(--border, #e5e7eb);border-radius:8px;font-size:.9rem;background:var(--bg, #fff);color:var(--text, #182322)}.share-form-field input:focus,.share-form-field textarea:focus{outline:none;border-color:var(--accent, #304849);box-shadow:0 0 0 3px #3048491a}.share-form-field textarea{resize:vertical;min-height:60px}.share-form-actions{display:flex;gap:.75rem;padding-top:.5rem}.share-list-clean{display:flex;flex-direction:column;gap:1rem;margin-top:1.25rem}.share-item-clean{background:var(--card, #fff);border:1px solid var(--border, #e5e7eb);border-radius:10px;padding:1rem}.share-item-clean.client-mode{border-color:var(--accent, #304849);border-width:2px}.share-url-row{display:flex;gap:.5rem;margin-bottom:.875rem}.share-url-input{flex:1;padding:.625rem .875rem;border:2px solid var(--border, #e5e7eb);border-radius:8px;font-size:.85rem;color:var(--text, #2b3a3a);background:var(--bg-secondary, #f9fafb);min-width:0;font-family:monospace}.share-url-input:focus{outline:none;border-color:var(--accent, #304849);background:var(--bg, #fff)}.share-copy-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:#304849;color:#fff;border:none;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s}.share-copy-btn:hover{background:#253a3b}.share-copy-btn.copied{background:#10b981}.share-meta-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.share-badges{display:flex;flex-wrap:wrap;gap:.375rem}.share-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#f3f4f6;color:#435654;border-radius:4px;font-size:.7rem;font-weight:500}.share-actions-row{display:flex;gap:.25rem}.share-action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;color:#435654;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.share-action-btn:hover{background:#e5e7eb;color:#2b3a3a}.share-action-btn.danger:hover{background:#fef2f2;color:#dc2626}.share-action-btn.submissions{background:#f0f5f4;color:#304849}.share-action-btn.submissions:hover{background:#dfeae8;color:#253a3b}.revoked-shares-section{margin-top:1.5rem;padding-top:1rem;border-top:1px dashed #e5e7eb}.revoked-shares-header{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;color:#6b7f7d;margin-bottom:.75rem}.share-list-clean.revoked{opacity:.7}.share-item-clean.revoked{background:#f9fafb;border-color:#e5e7eb;border-style:dashed}.share-item-clean.revoked .share-url-input{text-decoration:line-through;color:#6b7f7d}.revoked-badge{display:flex;align-items:center;padding:.5rem .75rem;background:#fef2f2;color:#dc2626;border-radius:6px;font-size:.75rem;font-weight:600;white-space:nowrap}.share-badge.muted{color:#6b7f7d;background:#f3f4f6}.share-action-btn.reinstate{width:auto;padding:0 .75rem;gap:.375rem;background:#ecfdf5;color:#059669;font-size:.8rem;font-weight:500}.share-action-btn.reinstate:hover{background:#d1fae5;color:#047857}.share-action-btn.reinstate span{display:inline}.modal-content.analytics-modal{width:480px;max-width:90vw;max-height:85vh;overflow-y:auto;padding:0 1.5rem 1.5rem}.analytics-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:1rem 0}.analytics-stat{text-align:center;padding:1rem;background:#f9fafb;border-radius:8px}.analytics-stat .stat-value{display:block;font-size:1.5rem;font-weight:700;color:#182322}.analytics-stat .stat-label{display:block;font-size:.8rem;color:#435654;margin-top:.25rem}.analytics-section{padding:1rem 0;border-top:1px solid #e5e7eb}.analytics-section h4{font-size:.9rem;font-weight:600;color:#2b3a3a;margin:0 0 .75rem}.analytics-photos{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.5rem}.analytics-photo{flex-shrink:0;text-align:center}.analytics-photo img{width:60px;height:60px;-o-object-fit:cover;object-fit:cover;border-radius:6px}.analytics-photo span{display:block;font-size:.7rem;color:#435654;margin-top:.25rem}.analytics-note{font-size:.8rem;color:#435654;padding:.5rem .75rem;background:#f3f4f6;border-radius:6px;margin-top:.5rem}.analytics-alert{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem;background:#fef3c7;border:1px solid #fde68a;border-radius:8px;margin-top:.75rem;font-size:.85rem;color:#92400e}.analytics-alert svg{flex-shrink:0;margin-top:2px}.analytics-source-list{display:flex;flex-direction:column;gap:.5rem}.analytics-source-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#f9fafb;border-radius:6px;font-size:.85rem}.analytics-source-item .source-icon{color:#435654;display:flex}.analytics-source-item .source-label{flex:1;color:#2b3a3a}.analytics-source-item .source-count{color:#435654;font-size:.8rem}.analytics-timeline{display:flex;align-items:flex-end;gap:4px;height:80px;padding-top:.5rem}.timeline-bar{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;min-width:0}.timeline-fill{width:100%;max-width:24px;background:#304849;border-radius:3px 3px 0 0;min-height:4px}.timeline-label{font-size:.6rem;color:#6b7f7d;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.analytics-upgrade-prompt{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;text-align:center;color:#435654;font-size:.85rem}.analytics-upgrade-prompt svg{color:#6b7f7d}.batch-uploader{padding:1rem 1.25rem 1.5rem}.upload-storage-warning{width:100%;padding:8px 12px;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;font-size:.8rem;color:#92400e;line-height:1.4}.dropzone{border:2px dashed #d1d5db;border-radius:12px;padding:2.5rem 1.5rem;text-align:center;cursor:pointer;transition:all .2s;background:#f9fafb}.dropzone:hover{border-color:#304849;background:#f0f5f4}.dropzone.drag-active{border-color:#304849;background:#f0f5f4;border-style:solid}.dropzone.compact{padding:1.5rem 1rem}.dropzone.disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.dropzone.compact .upload-hero-title{font-size:1rem;margin:.5rem 0}.dropzone-content{display:flex;flex-direction:column;align-items:center;gap:.5rem}.dropzone-content svg{color:#6b7f7d}.upload-hero-title{font-size:1.25rem;font-weight:600;color:#182322;margin:.75rem 0 .5rem}.dropzone .muted{color:#435654;font-size:.9rem;margin:0}.dropzone-actions{margin-top:.5rem}.compact-add-btn{font-size:.85rem!important;padding:.5rem 1rem!important}.upload-sources{display:flex;gap:.75rem;margin-top:1rem}.source-btn{flex:1;padding:.75rem 1rem;font-size:.9rem}@media (max-width: 640px){.upload-sources{flex-direction:column}}.file-list{margin-top:1.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.file-list-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.file-list-header span{font-weight:600;color:#2b3a3a}.file-list-actions{display:flex;align-items:center;gap:.5rem}.upload-mode-selector{position:relative}.upload-mode-trigger{display:flex;align-items:center;gap:.35rem;padding:.5rem .75rem;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;font-size:.85rem;color:#2b3a3a;cursor:pointer;transition:all .15s ease}.upload-mode-trigger:hover{background:#e5e7eb;border-color:#d1d5db}.upload-mode-trigger:disabled{opacity:.6;cursor:not-allowed}.upload-mode-icon{font-size:1rem}.upload-mode-label{font-weight:500}.upload-mode-arrow{font-size:.7rem;color:#6b7f7d;margin-left:.1rem}.upload-mode-dropdown{position:absolute;top:calc(100% + 4px);right:0;width:280px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px -5px #00000026,0 8px 10px -6px #0000001a;z-index:100;overflow:hidden}.upload-mode-header{padding:.75rem 1rem;background:#f9fafb;border-bottom:1px solid #e5e7eb}.upload-mode-header strong{display:block;font-size:.85rem;color:#101b1a;margin-bottom:.15rem}.upload-mode-header p{font-size:.75rem;color:#435654;margin:0}.upload-mode-option{display:flex;align-items:flex-start;gap:.75rem;width:100%;padding:.75rem 1rem;background:#fff;border:none;border-bottom:1px solid #f3f4f6;cursor:pointer;text-align:left;transition:background .15s ease}.upload-mode-option:last-child{border-bottom:none}.upload-mode-option:hover{background:#f9fafb}.upload-mode-option.active{background:#f0f5f4}.upload-mode-option-icon{font-size:1.25rem;flex-shrink:0;margin-top:.1rem}.upload-mode-option-text{flex:1;min-width:0}.upload-mode-option-text strong{display:block;font-size:.85rem;color:#101b1a;font-weight:600;margin-bottom:.15rem}.upload-mode-option-text span{display:block;font-size:.75rem;color:#435654;line-height:1.4}.upload-mode-check{color:#253a3b;font-weight:700;flex-shrink:0;margin-top:.2rem}.file-list-meta{display:flex;flex-direction:column;gap:.25rem}.upload-limit{font-size:.8rem;font-weight:500;color:#435654}.upload-warning{padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;background:#fff7ed;color:#9a3412;font-size:.85rem}.upload-queue-note{margin-top:.75rem;padding:.65rem .85rem;border-radius:8px;background:#f0f5f4;color:#253a3b;font-size:.85rem}.upload-completion-area{min-height:5.5rem;display:flex;flex-direction:column;justify-content:flex-start}@media (max-height: 750px){.upload-completion-area{min-height:4.5rem}.upload-processing-note{padding:.5rem .75rem;font-size:.8rem}.upload-exit-actions{margin-top:.5rem}}.upload-processing-note{margin-top:.5rem;padding:.6rem .85rem;border-radius:8px;background:#f0f5f4;color:#155e75;font-size:.85rem}.upload-button{padding:.65rem 1.25rem;background:#304849;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .2s}.upload-button:hover:not(:disabled){background:#253a3b}.upload-button:disabled{opacity:.6;cursor:not-allowed}.upload-minimize-slot{width:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.upload-summary{padding:1rem;border-bottom:1px solid #e5e7eb}.summary-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.summary-title{font-size:.95rem;font-weight:600;color:#101b1a;margin-bottom:.25rem}.summary-primary{font-size:.9rem;color:#2b3a3a;margin-bottom:.75rem}.upload-status-tabs{display:inline-flex;gap:.35rem;padding:.25rem;border-radius:999px;background:#eef2f7}.upload-status-tab{border:none;background:transparent;padding:.35rem .85rem;border-radius:999px;font-size:.75rem;font-weight:600;color:#354747;cursor:pointer}.upload-status-tab.active{background:#dfeae8;color:#304849;font-weight:600}.summary-section{margin-top:.75rem}.initializing-section{margin-bottom:.5rem}.initializing-indicator{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:linear-gradient(135deg,#f0f5f4,#dfeae8);border-radius:8px;color:#1b2c2d;font-size:.85rem;font-weight:500}.initializing-spinner{width:18px;height:18px;border:2px solid #a8c2be;border-top-color:#304849;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.cloud-icon{display:inline-block}.cloud-icon.cloud-icon-animated{animation:cloudBounce 1.5s ease-in-out infinite}@keyframes cloudBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.summary-section-head{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;color:#435654;margin-bottom:.35rem}.summary-bar{height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden;margin-bottom:.75rem}.summary-bar-processing{background:#dfeae8}.summary-fill{height:100%;background:#304849;transition:width .3s ease}.summary-fill-processing{background:#22c55e}.summary-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.8rem;color:#435654}.upload-exit-actions{margin-top:.75rem;display:flex;justify-content:flex-end}.upload-auth-expired{margin:.75rem 1rem;padding:.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;font-size:.875rem}.upload-auth-expired a{color:#1b2c2d;text-decoration:underline;cursor:pointer}.upload-indicator{position:fixed;bottom:1.5rem;right:5rem;z-index:9000;display:flex;flex-direction:column;background:#1e293b;color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000040;cursor:pointer;transition:transform .2s,box-shadow .2s;min-width:220px;overflow:hidden}.upload-indicator:hover{transform:translateY(-2px);box-shadow:0 6px 24px #0000004d}.upload-indicator.complete{background:#059669}.upload-indicator.has-errors{background:#dc2626}.upload-indicator-bar{height:4px;background:#fff3;width:100%}.upload-indicator-bar-fill{height:100%;background:#304849;transition:width .3s ease}.upload-indicator-content{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;flex:1}.upload-indicator-icon{display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.upload-indicator-icon .uploading{animation:upload-pulse 1.5s ease-in-out infinite}@keyframes upload-pulse{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.6;transform:translateY(-2px)}}.upload-indicator-text{display:flex;flex-direction:column;gap:.125rem;font-size:.875rem;font-weight:500;min-width:0}.upload-indicator-status{white-space:nowrap;font-weight:600}.upload-indicator-detail{font-size:.75rem;opacity:.8;white-space:nowrap}.upload-indicator-error{font-size:.75rem;color:#fecaca}.upload-indicator-processing{font-size:.75rem;opacity:.8}.upload-indicator-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#fff3;border-radius:0 0 12px 12px;overflow:hidden}.upload-indicator-progress-fill{height:100%;background:#304849;transition:width .3s ease}.upload-indicator-dismiss{background:#fff3;border:none;color:#fff;padding:.375rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.upload-indicator-dismiss:hover{background:#ffffff4d}@media (max-width: 640px){.upload-indicator{bottom:5rem;right:1rem;left:auto;min-width:200px;max-width:calc(100vw - 6rem)}}.upload-background-banner{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;margin:.75rem 0;background:linear-gradient(135deg,#f0f5f4,#dfeae8);border:1px solid #a8c2be;border-radius:8px}.upload-background-banner-icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#304849;color:#fff;border-radius:6px}.upload-background-banner-text{display:flex;flex-direction:column;gap:.25rem}.upload-background-banner-text strong{font-size:.875rem;font-weight:600;color:#1b2c2d}.upload-background-banner-text span{font-size:.8rem;color:#304849;line-height:1.4}.upload-minimize-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#e5e7eb;border:none;border-radius:6px;color:#2b3a3a;cursor:pointer;transition:all .15s ease;flex-shrink:0}.upload-minimize-btn:hover{background:#d1d5db;color:#182322}.upload-minimize-btn svg{width:18px;height:18px}.upload-minimize-btn.is-hidden{visibility:hidden;pointer-events:none}.upload-flow-banner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.75rem;align-items:center;padding:.875rem 1rem;margin:.75rem 0;border-radius:8px;border:1px solid #c2d5d2;background:linear-gradient(135deg,#f0f5f4,#dfeae8);min-height:72px}.upload-flow-banner.working{border-color:#a8c2be;background:linear-gradient(135deg,#f0f5f4,#dfeae8)}.upload-flow-banner.processing{border-color:#86efac;background:linear-gradient(135deg,#ecfdf5,#dcfce7)}.upload-flow-banner.complete{border-color:#99f6e4;background:linear-gradient(135deg,#f0f5f4,#dfeae8)}.upload-flow-banner.idle{border-color:#dfeae8;background:#f8fafc}.upload-flow-banner-icon{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:#304849;color:#fff;font-size:.85rem;font-weight:700}.upload-flow-banner.processing .upload-flow-banner-icon{background:#16a34a}.upload-flow-banner.complete .upload-flow-banner-icon{background:#0d9488}.upload-flow-banner.idle .upload-flow-banner-icon{background:#4a5f5d}.upload-flow-banner-text{display:flex;flex-direction:column;min-width:0;gap:.2rem}.upload-flow-banner-text strong{font-size:.875rem;color:#1b2c2d}.upload-flow-banner.processing .upload-flow-banner-text strong{color:#166534}.upload-flow-banner.complete .upload-flow-banner-text strong{color:#0f766e}.upload-flow-banner.idle .upload-flow-banner-text strong{color:#182322}.upload-flow-banner-text span{font-size:.8rem;line-height:1.35;color:#1b2c2d}.upload-flow-banner.processing .upload-flow-banner-text span{color:#15803d}.upload-flow-banner.complete .upload-flow-banner-text span{color:#0f766e}.upload-flow-banner.idle .upload-flow-banner-text span{color:#354747}.upload-flow-banner-actions{display:flex;align-items:center;justify-content:flex-end}.upload-flow-close-btn{white-space:nowrap}@media (max-width: 640px){.upload-flow-banner{grid-template-columns:auto minmax(0,1fr)}.upload-flow-banner-actions{grid-column:1 / -1;justify-content:flex-start;padding-left:2.35rem}}.upload-status-empty{padding:2rem 1rem;text-align:center;color:#435654;font-size:.875rem}.upload-duplicate-badge{margin-left:.5rem;padding:.125rem .375rem;background:#fef3c7;color:#92400e;font-size:.65rem;font-weight:600;border-radius:4px;text-transform:uppercase}.upload-tab-content{animation:tabFadeIn .25s ease-out}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.burst-label{display:inline-flex;align-items:center;gap:.4rem}.burst-fire-icon{display:inline-block}.burst-fire-icon.burst-fire-animated{animation:fireFlicker .6s ease-in-out infinite alternate}@keyframes fireFlicker{0%{transform:scale(1) translateY(0);filter:brightness(1)}50%{transform:scale(1.1) translateY(-1px);filter:brightness(1.2)}to{transform:scale(.95) translateY(1px);filter:brightness(.9)}}.burst-idle{color:#6b7f7d;font-style:italic}.burst-health-info{margin-top:4px;font-size:.75rem;color:#6b7f7d}.burst-health-down-text{color:#dc2626}.storage-label{display:inline-flex;align-items:center;gap:.4rem}.cloud-icon.cloud-icon-animated{animation:cloudFloat 1.5s ease-in-out infinite}@keyframes cloudFloat{0%,to{transform:translate(0) translateY(0);opacity:.9}25%{transform:translate(2px) translateY(-1px);opacity:1}50%{transform:translate(4px) translateY(0);opacity:.9}75%{transform:translate(2px) translateY(1px);opacity:1}}.upload-status-tab{display:flex;flex-direction:column;align-items:center;line-height:1.2}.upload-status-tab .tab-label{font-size:.75rem}.upload-status-tab .tab-count{font-size:.65rem;opacity:.7;background:transparent}.upload-status-tab.active .tab-count{opacity:1;color:inherit;font-weight:700;background:transparent}.summary-meta-wrap{flex-wrap:wrap;gap:.5rem 1rem}.summary-meta-item{white-space:nowrap}.summary-meta-subtle{color:#6b7f7d}.summary-meta-type{color:#435654;font-size:.7rem}.file-list-drawer-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1rem;background:#f8fafc;border:none;border-top:1px solid #e5e7eb;cursor:pointer;font-size:.8rem;color:#354747;transition:background .15s ease}.file-list-drawer-toggle:hover{background:#f1f5f9}.file-list-drawer-title{font-weight:600;color:#2b3a3a}.file-list-drawer-count{font-size:.75rem;color:#435654;background:#e5e7eb;padding:.2rem .5rem;border-radius:999px}.upload-status-list{padding:.75rem 1rem 1rem;display:flex;flex-direction:column;gap:.6rem;max-height:300px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.upload-status-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:.75rem;align-items:center;padding:.75rem;border:1px solid #e5e7eb;border-radius:10px;background:#fff;transition:opacity .3s ease-out,transform .3s ease-out,max-height .3s ease-out,margin .3s ease-out,padding .3s ease-out;max-height:200px;overflow:hidden}.upload-status-thumb{width:40px;height:40px;-o-object-fit:cover;object-fit:cover;border-radius:4px;flex-shrink:0}.upload-status-row:not(:has(.upload-status-thumb)){grid-template-columns:minmax(0,1fr) auto auto}.upload-status-row.exiting{opacity:0;transform:translate(20px) scale(.95);max-height:0;margin:0;padding-top:0;padding-bottom:0;border-color:transparent}.upload-status-main{display:flex;flex-direction:column;gap:.2rem;min-width:0}.upload-status-name{font-size:.85rem;font-weight:600;color:#182322;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-status-meta{font-size:.72rem;color:#435654}.upload-status-pill{font-size:.75rem;padding:.3rem .6rem;border-radius:999px;background:#f3f4f6;color:#354747;font-weight:600;white-space:nowrap}.upload-status-pill.success{background:#dcfce7;color:#166534}.upload-status-pill.processing{background:#f0f5f4;color:#155e75}.upload-status-pill.error{background:#fee2e2;color:#991b1b}.upload-status-pill.uploading{background:#dfeae8;color:#1b2c2d}.upload-status-pill.pending{background:#fef3c7;color:#92400e}.upload-status-sub{grid-column:1 / -1;font-size:.72rem;color:#435654;margin-top:-.15rem}.upload-status-progress{grid-column:1 / -1;height:6px;background:#e5e7eb;border-radius:4px;overflow:hidden}.upload-status-progress-fill{height:100%;background:#304849}.upload-status-actions{display:flex;gap:.5rem;margin-left:auto}.upload-action-btn{font-size:.7rem;padding:.25rem .5rem;border-radius:4px;border:none;cursor:pointer;font-weight:500;transition:background .15s,opacity .15s}.upload-action-btn.retry{background:#dfeae8;color:#1b2c2d}.upload-action-btn.retry:hover{background:#c2d5d2}.upload-action-btn.remove{background:#fee2e2;color:#991b1b}.upload-action-btn.remove:hover{background:#fecaca}.upload-action-btn.report{background:#f3e8ff;color:#304849;display:flex;align-items:center;gap:.25rem}.upload-action-btn.report:hover{background:#dfeae8}.upload-status-row.has-error{background:#fef2f2;border:1px solid #fecaca}.upload-error-details{grid-column:1 / -1;padding:.5rem 0;border-top:1px solid #fecaca;margin-top:.5rem}.upload-error-message{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#991b1b;margin-bottom:.25rem}.upload-error-action{font-size:.7rem;color:#435654}.upload-error-action strong{color:#2b3a3a}.bug-report-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease}.bug-report-modal{background:#fff;border-radius:12px;max-width:480px;width:90%;max-height:90vh;overflow:auto;box-shadow:0 20px 40px #0003;animation:slideUp .2s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bug-report-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb}.bug-report-header h3{margin:0;font-size:1rem;font-weight:600}.bug-report-close{background:none;border:none;font-size:1.5rem;color:#435654;cursor:pointer;padding:0;line-height:1}.bug-report-close:hover{color:#2b3a3a}.bug-report-body{padding:1.25rem}.bug-report-body p{margin:0 0 1rem;font-size:.875rem;color:#354747}.bug-report-info{background:#f9fafb;border-radius:8px;padding:1rem;margin-bottom:1rem}.bug-report-field{margin-bottom:.75rem}.bug-report-field:last-child{margin-bottom:0}.bug-report-field label{display:block;font-size:.7rem;font-weight:600;color:#435654;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.bug-report-field span{font-size:.875rem;color:#101b1a}.bug-report-code{display:block;font-size:.75rem;background:#182322;color:#f9fafb;padding:.5rem;border-radius:4px;overflow-x:auto;white-space:pre-wrap;word-break:break-all}.bug-report-body textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;resize:vertical;font-family:inherit}.bug-report-body textarea:focus{outline:none;border-color:#304849;box-shadow:0 0 0 3px #3048491a}.bug-report-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid #e5e7eb;background:#f9fafb;border-radius:0 0 12px 12px}.upload-preview-actions{display:flex;justify-content:flex-end;padding:.5rem 1rem;border-bottom:1px solid #e5e7eb}.upload-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem;padding:1rem;max-height:300px;overflow-y:auto}@media (min-width: 640px){.upload-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1.25rem}}.upload-tile{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#f3f4f6;cursor:grab}.upload-tile.drag-over{outline:2px dashed #304849;outline-offset:-2px}.upload-tile img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.upload-tile-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#e5e7eb;color:#435654;font-size:.7rem;font-weight:600}.tile-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;background:#0009;color:#fff;border:none;cursor:pointer;font-size:.7rem;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.upload-tile:hover .tile-remove{opacity:1}.tile-progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:#0000004d}.tile-progress-fill{height:100%;background:#304849;transition:width .2s}.tile-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700}.tile-badge.complete{background:#10b981;color:#fff}.tile-badge.error{background:#ef4444;color:#fff}.tile-label{position:absolute;bottom:0;left:0;right:0;padding:.375rem .5rem;background:linear-gradient(transparent,#000000b3);display:flex;flex-direction:column;gap:.125rem}.tile-name{font-size:.65rem;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile-size{font-size:.6rem;color:#ffffffb3}.uploader-actions-mobile{display:flex;gap:.5rem;padding:1rem;background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-top:1rem}.uploader-actions-mobile .button-primary{flex:1}@media (min-width: 768px){.uploader-actions-mobile{display:none}}.load-more-thumbnails{padding:1.5rem;text-align:center;border-bottom:1px solid #e5e7eb}.load-more-thumbnails .muted{font-size:.8rem;color:#6b7f7d;margin-top:.5rem}.albums-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:2rem}@media (min-width: 640px){.albums-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.albums-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.albums-grid{grid-template-columns:repeat(4,1fr)}}.album-card{display:flex;flex-direction:column;min-height:320px;background:#f3f4f6;border-radius:12px;overflow:hidden;transition:box-shadow .2s,transform .2s;text-decoration:none;color:inherit}.album-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.album-card.favorites{background:#fdf8e2}.album-card-image{position:relative;flex:0 0 auto;min-height:0;overflow:hidden;aspect-ratio:4 / 3}.album-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.album-card-image .placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#e5e7eb}.album-card.favorites .album-card-image .placeholder{background:#fcefb3}.album-card-content{flex-shrink:0;padding:1rem}.album-card-title{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#182322;margin:0}.album-card.favorites .album-card-title{color:#304849}.album-card-meta{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem;gap:6px;flex-wrap:wrap}.album-card-count{padding:.25rem .5rem;font-size:.75rem;background:#e5e7eb;color:#2b3a3a;border-radius:9999px;display:inline-flex;align-items:center;white-space:nowrap}.album-card.favorites .album-card-count{background:#fcefb3;color:#304849}.album-card-badge{padding:.25rem .5rem;font-size:.75rem;background:#dfeae8;color:#1b2c2d;border-radius:9999px;display:inline-flex;align-items:center;white-space:nowrap}@media (max-width: 640px){.album-card-meta{justify-content:flex-start}}.album-share-status{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.album-share-status.compact{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:6px}.album-share-pill{display:inline-flex;align-items:center;gap:4px;padding:.2rem .5rem;font-size:.7rem;border-radius:999px;border:1px solid #e5e7eb;background:#f3f4f6;color:#2b3a3a}.album-share-status.compact .album-share-pill{justify-content:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.65rem;padding:.2rem .45rem}.album-share-pill.strip{background:#f0f5f4;border-color:#a5f3fc;color:#3e5c58}.album-share-pill.client{background:#fef3c7;border-color:#fde68a;color:#92400e}.album-share-pill.public{background:#dfeae8;border-color:#c2d5d2;color:#1b2c2d}.album-preview-dots{position:absolute;bottom:8px;left:50%;transform:translate(-50%);display:flex;gap:4px;padding:4px 8px;background:#00000080;border-radius:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.album-preview-dot{width:6px;height:6px;border-radius:50%;background:#fff6;transition:background .15s,transform .15s}.album-preview-dot.active{background:#fff;transform:scale(1.2)}.album-card-image img{transition:opacity .15s ease-out}.public-gallery{--public-bg: #f8fafc;--public-surface: #ffffff;--public-border: rgba(15, 23, 42, .08);--public-text: #0f172a;--public-muted: #4a5f5d;--public-accent: #253a3b;--public-accent-strong: #1b2c2d;--public-shadow: 0 22px 40px -32px rgba(15, 23, 42, .45);min-height:var(--app-height);background:radial-gradient(circle at 10% 0%,rgba(48,72,73,.08),transparent 45%),radial-gradient(circle at 90% 10%,rgba(62,92,88,.08),transparent 40%),var(--public-bg);color:var(--public-text);padding-bottom:40px}.public-gallery[data-theme=dark]{--public-bg: #0b0b0b;--public-surface: rgba(15, 23, 42, .7);--public-border: rgba(255, 255, 255, .12);--public-text: #f8fafc;--public-muted: rgba(226, 232, 240, .7);--public-accent: #81a49f;--public-accent-strong: #304849;--public-shadow: 0 30px 60px -40px rgba(0, 0, 0, .8);background:radial-gradient(circle at 10% 0%,rgba(48,72,73,.18),transparent 45%),radial-gradient(circle at 90% 10%,rgba(62,92,88,.16),transparent 40%),var(--public-bg)}.public-gallery-loading,.public-gallery-error{min-height:var(--app-height);display:flex;align-items:center;justify-content:center;background:var(--public-bg);color:var(--public-text)}.public-gallery .muted{color:var(--public-muted)}.public-gallery-header{max-width:900px;margin:0 auto;padding:80px 24px 40px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:32px}.gallery-info h1{font-size:clamp(32px,5vw,56px);font-weight:800;margin-bottom:16px;letter-spacing:-.02em;line-height:1.1;background:linear-gradient(135deg,var(--public-text),var(--public-muted));-webkit-background-clip:text;background-clip:text;color:transparent;color:var(--public-text)}.gallery-description{color:var(--public-muted);font-size:18px;line-height:1.6;max-width:680px;margin:0 auto 12px}.gallery-count{font-size:14px;color:var(--public-muted);opacity:.8;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.gallery-actions{display:flex;align-items:center;justify-content:center;gap:12px}.download-album-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:999px;background:var(--public-accent);color:#fff;text-decoration:none;font-weight:600;font-size:13px;border:none;box-shadow:var(--public-shadow);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.download-album-button:hover{background:var(--public-accent-strong);transform:translateY(-1px)}.masonry-gallery{width:min(1400px,100%);margin:0 auto;padding:10px 24px 24px;align-items:flex-start}.public-gallery .masonry-gallery{width:100%;max-width:none;margin:0;padding-left:0;padding-right:0}.public-gallery .masonry-item.portrait img{width:98%;margin:0 auto}.masonry-item{border-radius:18px;overflow:hidden;background:var(--public-surface);border:1px solid var(--public-border);box-shadow:var(--public-shadow);transition:transform .2s ease,box-shadow .2s ease;cursor:zoom-in}.public-gallery .masonry-item{border-radius:0}.masonry-item img{width:100%;height:auto;display:block;transition:transform .25s ease}.masonry-item:hover img{transform:scale(1.02)}.public-gallery .view-toggle-btn{border-radius:999px;padding:6px 12px;font-size:12px;border:1px solid var(--public-border);background:#ffffff0a;color:var(--public-text);cursor:pointer;transition:all .2s ease}.public-gallery .view-toggle-btn.active{background:var(--public-accent);color:#fff;border-color:transparent}.public-gallery .download-button-header{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;border:1px solid var(--public-border);background:#ffffff0f;color:var(--public-text);text-decoration:none;font-size:12px;font-weight:600}.public-gallery .download-button-header:hover{border-color:var(--public-accent);color:var(--public-accent)}@media (max-width: 900px){.public-gallery-header{padding:28px 18px 12px;flex-direction:column;align-items:flex-start}.masonry-gallery{padding:8px 16px 20px}}@media (max-width: 640px){.download-album-button,.gallery-actions{width:100%}}.processing-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500;background:#30484926;color:#304849}.processing-badge.processing-failed{background:#ef444426;color:#ef4444}.processing-badge.processing-active{background:#30484926;color:#304849}.processing-spinner{display:inline-block;width:12px;height:12px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:processing-spin .8s linear infinite;flex-shrink:0}@keyframes processing-spin{to{transform:rotate(360deg)}}.processing-bar{position:fixed;bottom:0;left:0;right:0;background:var(--surface-elevated, var(--surface));border-top:1px solid var(--border);padding:12px 16px;z-index:1000;box-shadow:0 -2px 10px #0000001a}.processing-bar-content{display:flex;align-items:center;gap:12px;margin-bottom:8px}.processing-text{flex:1;font-size:14px;color:var(--text-primary, var(--text))}.processing-estimate{font-size:13px;color:var(--text-muted);font-weight:500}.processing-bar-progress{height:4px;background:var(--bg-subtle, #eef2f6);border-radius:2px;overflow:hidden}.processing-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary),#3e5c58);border-radius:2px;transition:width .3s ease}.processing-summary{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--surface-elevated, var(--card-bg));border-radius:8px;margin-bottom:16px;border:1px solid var(--border)}.processing-summary-item{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-primary, var(--text))}.processing-summary-item.processing-failed{color:var(--danger, #ef4444);display:flex;align-items:center;gap:10px}.processing-retry-all-btn{padding:3px 10px;border-radius:4px;border:1px solid var(--danger, #ef4444);background:transparent;color:var(--danger, #ef4444);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.processing-retry-all-btn:hover{background:var(--danger, #ef4444);color:#fff}.processing-retry-btn{pointer-events:auto;margin-top:6px;padding:4px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.4);background:#ffffff26;color:#fff;font-size:11px;font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.processing-retry-btn:hover{background:#ffffff4d;border-color:#fff9}.tile-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,#f0f0f0 25%,#e8e8e8 37%,#f0f0f0 50%);background-size:200% 100%;animation:tile-shimmer 1.5s ease-in-out infinite}@keyframes tile-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.tile-loading{opacity:0}.tile-loaded{opacity:1;transition:opacity .3s ease-in}.photo-processing-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:transparent;color:#fff;pointer-events:none;text-align:center}.photo-processing-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:#0f172ab8;border:1px solid rgba(255,255,255,.2);font-size:12px;font-weight:600;max-width:90%;overflow:hidden}.photo-processing-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photo-processing-sub{font-size:11px;color:#ffffffd9;background:#0f172a99;padding:2px 8px;border-radius:4px}.photo-processing-chip{position:absolute;bottom:8px;right:8px;left:auto;z-index:12;display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;background:#0f172ab8;color:#fff;font-size:11px;font-weight:600;pointer-events:none}.photo-processing-eta{opacity:.8;font-weight:500}.upload-tile .processing-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fff;font-size:12px;border-radius:inherit}.upload-tile .processing-overlay .processing-spinner{width:24px;height:24px;border-width:3px}.upload-tile .processing-overlay .processing-label{font-weight:500}.upload-tile .processing-overlay .processing-time{font-size:11px;opacity:.8}.upload-complete-guidance{display:flex;align-items:flex-start;gap:16px;padding:20px;background:linear-gradient(135deg,#10b98114,#10b98105);border:1px solid rgba(16,185,129,.3);border-radius:12px;margin-top:16px}.upload-complete-guidance .guidance-icon{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:#10b981;color:#fff;display:flex;align-items:center;justify-content:center}.upload-complete-guidance .guidance-content h4{margin:0 0 8px;font-size:1rem;font-weight:600;color:var(--text-primary, #182322)}.upload-complete-guidance .guidance-content p{margin:0 0 6px;font-size:.875rem;color:var(--text-secondary, #435654);line-height:1.5}.upload-complete-guidance .guidance-hint{color:var(--text-tertiary, #6b7f7d);font-size:.813rem}.failed-photos-panel{background:var(--surface);border:1px solid var(--danger, #ef4444);border-radius:12px;margin:16px 0;overflow:hidden}.failed-photos-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#ef444414;border-bottom:1px solid var(--border)}.failed-photos-title{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--danger, #ef4444)}.failed-icon{font-size:18px}.failed-photos-actions{display:flex;align-items:center;gap:8px}.btn-retry-all{padding:6px 12px;border-radius:6px;border:none;background:var(--danger, #ef4444);color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s}.btn-retry-all:hover{background:#dc2626}.btn-close{width:28px;height:28px;border-radius:50%;border:none;background:transparent;color:var(--text-muted);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-close:hover{background:var(--hover-bg)}.failed-photos-list{max-height:400px;overflow-y:auto}.failed-photo-card{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border)}.failed-photo-card:last-child{border-bottom:none}.failed-photo-preview{flex-shrink:0;width:60px;height:60px;border-radius:8px;overflow:hidden;background:var(--bg-subtle)}.failed-photo-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.failed-photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--text-muted);background:var(--bg-subtle)}.failed-photo-info{flex:1;min-width:0}.failed-photo-name{font-weight:500;font-size:14px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.failed-photo-error{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--danger, #ef4444);margin-bottom:4px}.error-icon{font-size:14px}.failed-photo-detail{font-size:12px;color:var(--text-secondary);margin-bottom:4px}.failed-photo-action{font-size:12px;color:var(--text-muted);padding:6px 8px;background:var(--bg-subtle);border-radius:4px;margin-top:6px}.failed-photo-action strong{color:var(--text-secondary)}.failed-photo-technical{margin-top:8px;font-size:11px}.failed-photo-technical summary{cursor:pointer;color:var(--text-muted);-webkit-user-select:none;-moz-user-select:none;user-select:none}.failed-photo-technical code{display:block;margin-top:4px;padding:8px;background:var(--bg-subtle);border-radius:4px;font-size:10px;color:var(--text-secondary);white-space:pre-wrap;word-break:break-all;max-height:80px;overflow-y:auto}.failed-photo-buttons{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.btn-retry{padding:6px 12px;border-radius:6px;border:1px solid var(--primary);background:transparent;color:var(--primary);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.btn-retry:hover:not(:disabled){background:var(--primary);color:#fff}.btn-retry:disabled{opacity:.6;cursor:not-allowed}.btn-dismiss{padding:6px 12px;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:12px;cursor:pointer;transition:all .2s}.btn-dismiss:hover{border-color:var(--danger);color:var(--danger)}.failed-photos-footer{padding:12px 16px;background:var(--bg-subtle);font-size:12px;color:var(--text-muted);text-align:center}.failed-photos-footer a{color:var(--primary);text-decoration:none}.failed-photos-footer a:hover{text-decoration:underline}@media (max-width: 640px){.failed-photo-card{flex-wrap:wrap}.failed-photo-buttons{width:100%;flex-direction:row;margin-top:8px}.btn-retry,.btn-dismiss{flex:1}}.dailey-cloud-page{display:flex;flex-direction:column;gap:28px}.dailey-cloud-hero{padding:36px 24px;border-radius:24px;border:1px solid rgba(210,198,186,.65);background:radial-gradient(circle at 12% 12%,rgba(48,72,73,.16),transparent 45%),radial-gradient(circle at 90% 18%,rgba(62,92,88,.12),transparent 40%),#fff;box-shadow:0 24px 48px -36px #24160c59}.dailey-cloud-hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.9fr);gap:28px;align-items:center}.dailey-cloud-eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.22em;font-size:.7rem;font-weight:600;color:#5f7270}.dailey-cloud-hero-copy h1{margin:.6rem 0;font-size:clamp(2.4rem,4vw,3.4rem);color:#16211f;font-family:Mifelin,Georgia,serif}.dailey-cloud-hero-lede{margin:0 0 .5rem;color:#263636;font-size:1.05rem;line-height:1.6}.dailey-cloud-hero-sub{margin:0 0 1.2rem;color:#435654;line-height:1.6}.dailey-cloud-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.dailey-cloud-hero-badges{display:flex;flex-wrap:wrap;gap:10px}.dailey-cloud-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:#fff;border:1px solid rgba(210,198,186,.6);font-size:12px;font-weight:600;color:#16211f;box-shadow:0 12px 26px -20px #24160c59}.dailey-cloud-hero-panel{display:grid;gap:14px}.dailey-cloud-hero-visual{border-radius:18px;border:1px solid rgba(210,198,186,.6);padding:12px;background:#fff;box-shadow:0 18px 34px -30px #24160c59}.dailey-cloud-hero-visual img{width:100%;height:auto;display:block}.dailey-cloud-hero-card{background:#fff;border-radius:16px;border:1px solid rgba(210,198,186,.6);padding:16px;display:flex;gap:14px;box-shadow:0 16px 32px -28px #24160c59}.dailey-cloud-hero-card h3{margin:0 0 6px;color:#16211f;font-weight:600}.dailey-cloud-hero-card p{margin:0;color:#435654;line-height:1.6}.dailey-cloud-surface{padding:28px;display:flex;flex-direction:column;gap:32px}.dailey-cloud-section{display:flex;flex-direction:column;gap:24px}.dailey-cloud-section-header{display:flex;flex-direction:column;gap:6px;max-width:720px}.dailey-cloud-section-header p{margin:0;color:#435654}.dailey-cloud-feature-list{display:grid;gap:32px}.dailey-cloud-feature-item{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:36px;align-items:center;padding:12px 0}.dailey-cloud-feature-media{border-radius:22px;padding:20px;background:#f5f7fb;box-shadow:0 24px 42px -34px #24160c59}.dailey-cloud-feature-media img{width:100%;height:auto;display:block}.dailey-cloud-feature-body{display:flex;flex-direction:column;gap:12px}.dailey-cloud-feature-index{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:#94a3b8;font-weight:600}.dailey-cloud-feature-body h3{margin:0;color:#16211f;font-weight:600}.dailey-cloud-feature-summary{margin:0;color:#435654;line-height:1.7}.dailey-cloud-feature-detail{margin:0;color:#3f5150;line-height:1.7}.dailey-cloud-feature-points{list-style:none;margin:0;padding:0;display:grid;gap:6px;color:#435654}.dailey-cloud-feature-points li{display:flex;gap:8px;align-items:flex-start}.dailey-cloud-feature-points li:before{content:"";width:6px;height:6px;border-radius:999px;background:#a8c2be;margin-top:7px;flex-shrink:0}.dailey-cloud-card,.dailey-cloud-philosophy,.dailey-cloud-beliefs,.dailey-cloud-proof{border:1px solid rgba(210,198,186,.5)}.dailey-cloud-card h3,.dailey-cloud-philosophy h3,.dailey-cloud-beliefs h3{margin:0;color:#16211f;font-weight:600}.dailey-cloud-card p{margin:0;color:#435654;line-height:1.6}.dailey-cloud-icon{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#3048491f;color:#1b2c2d;font-size:20px;flex-shrink:0;aspect-ratio:1 / 1;box-shadow:inset 0 0 0 1px #30484933}.dailey-cloud-pipeline{display:flex;gap:16px;align-items:flex-start;border:1px solid rgba(210,198,186,.5)}.dailey-cloud-pipeline .dailey-cloud-icon{align-self:center}.dailey-cloud-pipeline-content{flex:1}.dailey-cloud-pipeline-visual{align-self:center;width:160px;max-width:35%;padding:10px;border-radius:14px;background:linear-gradient(135deg,#e2e8f099,#f8fafce6);border:1px solid rgba(210,198,186,.45)}.dailey-cloud-pipeline-visual img{width:100%;height:auto;display:block}.dailey-cloud-pipeline p{margin:0 0 12px;color:#435654;line-height:1.6}.dailey-cloud-pipeline-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.dailey-cloud-pipeline-list li{display:flex;gap:8px;align-items:flex-start;color:#16211f;font-weight:600}.dailey-cloud-pipeline-list svg{margin-top:2px;color:#253a3b}.dailey-cloud-philosophy-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:16px}.dailey-cloud-philosophy{display:flex;flex-direction:column;gap:12px;border:1px solid rgba(210,198,186,.5)}.dailey-cloud-inline-illustration{padding:0;border-radius:0;background:transparent;border:none;min-height:280px;display:flex;align-items:center;justify-content:center}.dailey-cloud-inline-illustration img{width:100%;height:auto;max-height:320px;-o-object-fit:contain;object-fit:contain;display:block}.dailey-cloud-philosophy p{margin:0;color:#435654;line-height:1.6}.dailey-cloud-beliefs ul,.dailey-cloud-proof ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.dailey-cloud-beliefs-visual{padding:0;border-radius:0;background:transparent;border:none;min-height:260px;display:flex;align-items:center;justify-content:center}.dailey-cloud-beliefs-visual img{width:100%;height:auto;max-height:300px;-o-object-fit:contain;object-fit:contain;display:block}.dailey-cloud-beliefs li,.dailey-cloud-proof li{display:flex;gap:10px;align-items:flex-start;color:#16211f;font-weight:600}.dailey-cloud-beliefs li svg,.dailey-cloud-proof li svg{margin-top:2px;color:#253a3b}.dailey-cloud-proof-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:16px;align-items:center}.dailey-cloud-proof-visuals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:center}.dailey-cloud-proof-visual{margin:0;padding:14px;border-radius:16px;background:#f8fafc;border:1px solid rgba(210,198,186,.45)}.dailey-cloud-proof-visual img{width:100%;height:auto;display:block}.dailey-cloud-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px;border-radius:18px;border:1px solid rgba(210,198,186,.7);background:radial-gradient(circle at 10% 10%,rgba(48,72,73,.12),transparent 45%),radial-gradient(circle at 90% 0%,rgba(62,92,88,.12),transparent 40%),#fff}.dailey-cloud-cta h2{margin:0 0 6px;font-size:1.4rem;color:#16211f}.dailey-cloud-cta p{margin:0;color:#435654}.dailey-cloud-cta-copy{display:grid;gap:10px}.dailey-cloud-cta-visual{width:160px;max-width:100%;padding:12px;border-radius:16px;background:#f8fafc;border:1px solid rgba(210,198,186,.45)}.dailey-cloud-cta-visual img{width:100%;height:auto;display:block}.dailey-cloud-cta-actions{display:flex;flex-wrap:wrap;gap:10px}.dailey-cloud-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:999px;font-weight:600;font-size:13px;border:1px solid rgba(48,72,73,.3);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.dailey-cloud-btn.primary{background:#253a3b;color:#fff;border-color:transparent;box-shadow:0 18px 30px -24px #253a3b99}.dailey-cloud-btn.secondary{background:#fff;color:#253a3b}.dailey-cloud-btn.ghost{background:transparent;color:#1b2c2d;border-style:dashed}.dailey-cloud-btn:hover{transform:translateY(-1px)}@media (max-width: 900px){.dailey-cloud-hero-inner{grid-template-columns:1fr}.dailey-cloud-feature-item{grid-template-columns:1fr;gap:24px}.dailey-cloud-pipeline{flex-direction:column}.dailey-cloud-pipeline-visual{max-width:100%;width:100%}.dailey-cloud-philosophy-grid,.dailey-cloud-proof-grid,.dailey-cloud-proof-visuals{grid-template-columns:1fr}.dailey-cloud-cta{flex-direction:column;align-items:flex-start}}@media (max-width: 640px){.dailey-cloud-hero{padding:28px 18px}.dailey-cloud-hero-copy h1{font-size:2.1rem}.dailey-cloud-hero-actions{flex-direction:column;align-items:stretch}.dailey-cloud-hero-actions .dailey-cloud-btn{width:100%}.dailey-cloud-hero-badges{flex-direction:column;align-items:flex-start}.dailey-cloud-hero-panel{gap:12px}.dailey-cloud-hero-card{padding:14px}.dailey-cloud-feature-body .dailey-cloud-icon{margin-left:0}.dailey-cloud-surface{padding:20px}}.product-page{display:flex;flex-direction:column;gap:32px;padding-bottom:24px}.product-hero{padding:40px 28px;border-radius:26px;border:1px solid rgba(210,198,186,.7);background:radial-gradient(circle at 12% 12%,rgba(37,58,59,.16),transparent 45%),radial-gradient(circle at 90% 18%,rgba(62,92,88,.12),transparent 40%),#fff;box-shadow:0 26px 52px -38px #24160c59}.product-hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:28px;align-items:center}.product-eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.2em;font-size:.7rem;font-weight:600;color:#5f7270}.product-hero-copy h1{margin:.6rem 0 .8rem;font-size:clamp(2.2rem,4.2vw,3.2rem);color:#16211f;font-family:Mifelin,Georgia,serif}.product-hero-copy p{margin:0 0 1.4rem;color:#3f5150;line-height:1.7;font-size:1.03rem}.product-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.product-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:999px;border:1px solid rgba(37,58,59,.35);font-weight:600;font-size:13px;transition:transform .2s ease,box-shadow .2s ease}.product-btn.primary{background:#1b2c2d;color:#fff;border-color:transparent;box-shadow:0 18px 30px -24px #1b2c2d99}.product-btn.secondary{background:#fff;color:#1b2c2d}.product-btn:hover{transform:translateY(-1px)}.product-hero-badges{display:flex;flex-wrap:wrap;gap:10px}.product-hero-badges span{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:#fff;border:1px solid rgba(210,198,186,.6);font-size:12px;font-weight:600;color:#16211f;box-shadow:0 12px 26px -20px #24160c59}.product-hero-panel{display:grid;gap:12px}.product-hero-card{background:#fff;border-radius:16px;border:1px solid rgba(210,198,186,.6);padding:16px;display:flex;gap:12px;box-shadow:0 16px 32px -28px #24160c59}.product-hero-card h3{margin:0 0 6px;color:#16211f;font-weight:600}.product-hero-card p{margin:0;color:#435654;line-height:1.6}.product-hero-icon{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#3048491f;color:#1b2c2d;font-size:20px;flex-shrink:0;aspect-ratio:1 / 1;box-shadow:inset 0 0 0 1px #30484933}.product-hero-visual{border-radius:16px;border:1px solid rgba(210,198,186,.5);padding:12px;background:#fff}.product-hero-visual img{width:100%;height:auto;display:block}.product-section{display:flex;flex-direction:column;gap:20px}.product-section-header{max-width:760px;display:grid;gap:6px}.product-section-header h2{margin:0;color:#16211f;font-family:Avenir Next,Avenir,Nunito Sans,-apple-system,sans-serif;font-weight:700}.product-section-header p{margin:0;color:#435654}.product-surface{padding:24px;border-radius:22px;background:#f8fafc;border:1px solid rgba(210,198,186,.45)}.product-grid{display:grid;gap:16px}.product-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-mechanics-grid,.product-outcomes-grid,.product-resistance-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-card{background:#fff;border-radius:16px;border:1px solid rgba(210,198,186,.55);padding:16px;display:flex;flex-direction:column;gap:10px;box-shadow:0 14px 28px -26px #24160c4d}.product-card h3{margin:0;color:#16211f;font-weight:600}.product-summary{margin:0;color:#435654;line-height:1.6}.product-card ul{margin:0;padding-left:18px;color:#3f5150;line-height:1.6;display:grid;gap:6px}.product-icon{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#3048491f;color:#1b2c2d;font-size:20px;flex-shrink:0;aspect-ratio:1 / 1;box-shadow:inset 0 0 0 1px #30484933}.product-pledge{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:18px;padding:24px;border-radius:20px;border:1px solid rgba(210,198,186,.6);background:#fff;box-shadow:0 18px 36px -30px #24160c4d}.product-pledge-copy h3{margin:0 0 6px;color:#16211f;font-weight:600}.product-pledge-copy p{margin:0 0 12px;color:#435654;line-height:1.7}.product-pledge-copy ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.product-pledge-copy li{display:flex;gap:8px;color:#16211f;font-weight:600}.product-pledge-copy li svg{margin-top:2px;color:#253a3b}.product-pledge-visual{padding:12px;border-radius:16px;border:1px solid rgba(210,198,186,.45);background:#f8fafc;display:flex;align-items:center;justify-content:center}.product-pledge-visual img{width:100%;height:auto;display:block;max-height:260px;-o-object-fit:contain;object-fit:contain}.product-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px;border-radius:18px;border:1px solid rgba(210,198,186,.7);background:radial-gradient(circle at 10% 10%,rgba(48,72,73,.12),transparent 45%),radial-gradient(circle at 90% 0%,rgba(62,92,88,.12),transparent 40%),#fff}.product-cta h2{margin:0 0 6px;color:#16211f;font-size:1.4rem}.product-cta p{margin:0;color:#435654}.product-cta-actions{display:flex;flex-wrap:wrap;gap:10px}@media (max-width: 980px){.product-hero-inner,.product-case-grid,.product-mechanics-grid,.product-outcomes-grid,.product-resistance-grid,.product-pledge{grid-template-columns:1fr}.product-cta{flex-direction:column;align-items:flex-start}}@media (max-width: 640px){.product-hero{padding:28px 18px}.product-hero-actions{flex-direction:column;align-items:stretch}.product-hero-actions .product-btn{width:100%}.product-hero-badges{flex-direction:column;align-items:flex-start}}.privacy-page{padding:36px 20px 60px;background:linear-gradient(180deg,#eef3fb,#f8fafc 45%,#fff)}.privacy-container{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.privacy-hero{background:#fff;border-radius:22px;border:1px solid rgba(210,198,186,.6);padding:24px;display:flex;flex-direction:column;gap:10px;box-shadow:0 24px 48px -36px #24160c4d}.privacy-hero-icon{font-size:32px;color:#253a3b}.privacy-hero h1{margin:0;font-size:clamp(2rem,3.4vw,3rem);color:#16211f;font-family:Mifelin,Georgia,serif}.privacy-hero-text{margin:0;color:#5f5448;line-height:1.7;max-width:860px}.privacy-promise{margin-top:4px;padding:12px 14px;border-radius:14px;background:#f8fafc;border:1px solid rgba(210,198,186,.5);color:#263636;line-height:1.6}.privacy-principles{display:flex;flex-direction:column;gap:12px}.privacy-principles h2,.privacy-section h2,.privacy-contact h2{margin:0;color:#16211f;font-weight:600}.principles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.principle-card{background:#fff;border-radius:18px;border:1px solid rgba(210,198,186,.5);padding:18px;display:flex;flex-direction:column;gap:10px;box-shadow:0 16px 32px -30px #24160c4d}.principle-card h3{margin:0;color:#16211f;font-weight:600}.principle-card p{margin:0;color:#435654;line-height:1.6}.principle-icon,.section-icon,.usage-icon-react,.security-item-icon{width:28px;height:28px;min-width:28px;min-height:28px;display:inline-flex;align-items:center;justify-content:center;color:#253a3b;font-size:20px}.privacy-section{display:flex;flex-direction:column;gap:16px}.privacy-section .section-header{display:grid;grid-template-columns:auto 1fr;-moz-column-gap:12px;column-gap:12px;row-gap:4px;align-items:center}.privacy-section .section-header h2,.privacy-section .section-header p{grid-column:2;margin:0}.privacy-section .section-header p{color:#435654}.privacy-section .section-icon{grid-row:1 / span 2}.info-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.info-card{background:#fff;border-radius:16px;border:1px solid rgba(210,198,186,.5);padding:16px;box-shadow:0 12px 26px -24px #24160c40}.info-card h4{margin:0 0 8px;color:#16211f;font-weight:600}.info-card p{margin:0;color:#435654;line-height:1.6}.usage-list{display:grid;gap:12px}.usage-item{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:flex-start;padding:16px;border-radius:16px;border:1px solid rgba(210,198,186,.5);background:#fff;box-shadow:0 12px 26px -24px #24160c40}.usage-item strong{display:block;margin-bottom:4px;color:#16211f}.usage-item p{margin:0;color:#435654;line-height:1.6}.security-measures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.security-item{background:#fff;border-radius:16px;border:1px solid rgba(210,198,186,.5);padding:16px;box-shadow:0 12px 26px -24px #24160c40;display:flex;flex-direction:column;gap:8px}.security-item-header{display:flex;gap:10px;align-items:center;color:#16211f}.security-item p{margin:0;color:#435654;line-height:1.6}.privacy-callout{border-radius:18px;border:1px solid rgba(210,198,186,.6);padding:20px;background:#fff;box-shadow:0 16px 32px -28px #24160c40;display:flex;flex-direction:column;gap:10px}.privacy-callout h3{margin:0;color:#16211f;font-weight:600}.privacy-callout p{margin:0;color:#435654;line-height:1.7}.rights-list{margin-top:6px;padding:12px;border-radius:12px;background:#f8fafc;border:1px solid rgba(210,198,186,.45)}.right-item{color:#16211f;font-weight:600}.privacy-contact{border-radius:18px;border:1px solid rgba(210,198,186,.6);padding:20px;background:#fff;box-shadow:0 16px 32px -28px #24160c40;display:flex;flex-direction:column;gap:10px}.privacy-contact p{margin:0;color:#435654;line-height:1.7}.contact-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:4px}.contact-method{background:#f8fafc;border:1px solid rgba(210,198,186,.45);border-radius:12px;padding:10px 12px;color:#16211f;font-weight:600}.contact-method a{color:#253a3b}.contact-note{font-size:.9rem;color:#7a6f64}@media (max-width: 900px){.principles-grid,.info-cards,.security-measures,.contact-info{grid-template-columns:1fr}.privacy-container{gap:20px}}@media (max-width: 640px){.privacy-page{padding:28px 16px 48px}.privacy-hero{padding:18px}.privacy-section .section-header{grid-template-columns:1fr}.privacy-section .section-header h2,.privacy-section .section-header p{grid-column:auto}.privacy-section .section-icon{grid-row:auto}.privacy-hero-icon,.principle-icon{align-self:center}.privacy-section .section-icon{justify-self:center}.usage-item{grid-template-columns:1fr}.usage-icon-react{margin-bottom:4px}.privacy-callout,.privacy-contact{padding:18px}}.bug-report-fab{position:fixed;bottom:6rem;right:1rem;z-index:50;padding:.75rem;background:#304849;color:#fcefb3;border:none;border-radius:9999px;box-shadow:0 4px 12px #00000026;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.bug-report-fab:hover{background:#253a3b;box-shadow:0 6px 16px #0003;transform:scale(1.05)}.bug-report-fab-tooltip{display:none;position:absolute;right:100%;margin-right:.5rem;top:50%;transform:translateY(-50%);padding:.25rem .5rem;background:#182322;color:#fff;font-size:.75rem;border-radius:.375rem;white-space:nowrap;pointer-events:none}@media (min-width: 768px){.bug-report-fab{bottom:1.5rem}.bug-report-fab:hover .bug-report-fab-tooltip{display:block}}.bug-report-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10100;display:flex;align-items:center;justify-content:center;padding:1rem;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bug-report-modal{position:relative;background:#fff;border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:28rem;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.bug-report-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #e5e7eb}.bug-report-title{display:flex;align-items:center;gap:.5rem}.bug-report-title h2{font-size:1.125rem;font-weight:600;margin:0}.bug-report-icon{color:#ef4444}.bug-report-close{padding:.25rem;border:none;background:transparent;border-radius:.5rem;cursor:pointer;color:#435654;transition:background .15s}.bug-report-close:hover{background:#f3f4f6}.bug-report-content{padding:1rem;overflow-y:auto;max-height:calc(90vh - 4rem)}.bug-report-form{display:flex;flex-direction:column;gap:1rem}.bug-report-field{display:flex;flex-direction:column;gap:.25rem}.bug-report-field label{font-size:.875rem;font-weight:500;color:#2b3a3a}.bug-report-field select,.bug-report-field input,.bug-report-field textarea{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.bug-report-field select:focus,.bug-report-field input:focus,.bug-report-field textarea:focus{outline:none;border-color:#304849;box-shadow:0 0 0 3px #3048491a}.bug-report-field textarea{resize:none}.bug-report-context{background:#f9fafb;border-radius:.5rem;padding:.75rem;font-size:.75rem;color:#435654}.bug-report-context-title{font-weight:500;color:#354747;margin-bottom:.25rem}.bug-report-context ul{margin:0;padding-left:0;list-style:none}.bug-report-context li{margin:.125rem 0}.bug-report-context li:before{content:"• "}.bug-report-screenshot-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#f5f5f4;border:1px dashed #d6d3d1;border-radius:.5rem;color:#57534e;font-size:.875rem;cursor:pointer;transition:all .15s;width:100%;justify-content:center}.bug-report-screenshot-btn:hover{background:#e7e5e4;border-color:#7d8f8d}.bug-report-screenshot-preview{position:relative;border:1px solid #e7e5e4;border-radius:.5rem;overflow:hidden}.bug-report-screenshot-preview img{width:100%;max-height:180px;-o-object-fit:contain;object-fit:contain;display:block;background:#fafaf9}.bug-report-screenshot-remove{position:absolute;top:6px;right:6px;background:#0009;color:#fff;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.bug-report-screenshot-remove:hover{background:#dc2626cc}.bug-report-error{padding:.75rem;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#dc2626;font-size:.875rem}.bug-report-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s}.bug-report-btn.primary{background:#304849;color:#fff}.bug-report-btn.primary:hover{background:#253a3b}.bug-report-btn.primary:disabled{background:#a8c2be;cursor:not-allowed}.bug-report-success{text-align:center;padding:2rem 1rem}.bug-report-success-icon{width:4rem;height:4rem;background:#dcfce7;border-radius:9999px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:#16a34a}.bug-report-success h3{font-size:1.125rem;font-weight:600;color:#101b1a;margin:0 0 .5rem}.bug-report-success p{color:#435654;margin:0 0 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning{animation:spin 1s linear infinite}.sm-page{position:relative;height:100%;overflow:auto}.sm-wrap{max-width:1160px;margin:0 auto;padding:30px 36px 80px}.sm-eyebrow{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--text-secondary, #5f7270);margin-bottom:6px}.sm-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.sm-title{font-family:Avenir Next,Avenir,Nunito Sans,-apple-system,sans-serif;font-weight:800;font-size:34px;line-height:1.05;letter-spacing:-.01em;color:var(--text, #0B1220);margin:0}.sm-sub{margin:8px 0 0;color:var(--text-secondary, #3f5150);font-size:15px;max-width:52ch}.sm-stats{display:flex;gap:10px;flex-shrink:0}.sm-stat{background:var(--surface, #fff);border:1px solid var(--border, rgba(48,72,73,.16));border-radius:14px;padding:12px 16px;min-width:74px;text-align:center;box-shadow:0 1px 2px #30484914}.sm-stat .v{font-family:Avenir Next,Avenir,Nunito Sans,-apple-system,sans-serif;font-weight:800;font-size:26px;line-height:1;color:var(--text, #0B1220)}.sm-stat .l{font-size:9.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary, #5f7270);margin-top:5px}.sm-stat.accent .v{color:var(--primary, #304849)}.sm-stat.warm .v{color:#3e5c58}.sm-tabs{display:flex;gap:4px;margin-top:24px;border-bottom:1px solid var(--border, rgba(48,72,73,.16));align-items:center}.sm-tab{display:flex;align-items:center;gap:8px;padding:11px 4px;margin-right:22px;font-size:14px;font-weight:500;color:var(--text-secondary, #4A5568);cursor:pointer;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s}.sm-tab svg{width:16px;height:16px}.sm-tab .ct{font-family:ui-monospace,monospace;font-size:11px;font-weight:500;color:var(--text-secondary, #5f7270);background:var(--hover-bg, #F7FAFD);border-radius:999px;padding:1px 7px}.sm-tab:hover{color:var(--text, #141821)}.sm-tab.active{color:var(--primary, #304849);border-bottom-color:var(--primary, #304849)}.sm-tab.active .ct{color:var(--primary, #304849);background:#253a3b1a}.sm-tab.warm.active{color:#3e5c58;border-bottom-color:#3e5c58}.sm-tab.warm.active .ct{color:#3e5c58;background:#fdf8e2}.sm-btn-create{display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border-radius:10px;border:none;background:var(--primary, #304849);color:#fff;font-family:inherit;font-weight:500;font-size:13px;cursor:pointer;transition:background .15s;align-self:center;margin-bottom:6px;white-space:nowrap}.sm-btn-create:hover{background:var(--primary-hover, #304849)}.sm-toolbar{display:flex;align-items:center;gap:10px;margin:20px 0 16px;flex-wrap:wrap}.sm-search{position:relative;flex:1;min-width:220px;max-width:360px}.sm-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-secondary, #5f7270)}.sm-search input{width:100%;padding:9px 12px 9px 36px;border-radius:10px;border:1px solid var(--border, rgba(48,72,73,.16));background:var(--surface, #fff);font-family:inherit;font-size:13.5px;font-weight:400;color:var(--text, #141821);transition:border-color .15s,box-shadow .15s}.sm-search input::-moz-placeholder{color:var(--text-secondary, #5f7270)}.sm-search input::placeholder{color:var(--text-secondary, #5f7270)}.sm-search input:focus{outline:none;border-color:var(--primary, #304849);box-shadow:0 0 0 3px #253a3b1f}.sm-filters{display:flex;gap:6px;flex-wrap:wrap}.sm-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:999px;border:1px solid var(--border, rgba(48,72,73,.16));background:var(--surface, #fff);font-size:12.5px;font-weight:500;color:var(--text-secondary, #4A5568);cursor:pointer;transition:all .15s;white-space:nowrap;font-family:inherit}.sm-chip:hover{border-color:#30484947;color:var(--text, #141821)}.sm-chip .dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.sm-chip.on{background:var(--text, #0B1220);border-color:var(--text, #0B1220);color:#fff}.sm-chip.on .ct{color:#ffffffb3}.sm-chip .ct{font-family:ui-monospace,monospace;font-size:10.5px;color:var(--text-secondary, #5f7270)}.sm-spacer{flex:1}.sm-select{position:relative}.sm-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:8px 30px 8px 13px;border-radius:10px;border:1px solid var(--border, rgba(48,72,73,.16));background:var(--surface, #fff);font-family:inherit;font-size:12.5px;font-weight:500;color:var(--text, #141821);cursor:pointer}.sm-select svg{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--text-secondary, #5f7270);pointer-events:none}.sm-st-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 8px;border-radius:999px;font-size:11.5px;font-weight:600;letter-spacing:.01em;white-space:nowrap}.sm-st-badge svg{width:13px;height:13px}.st-active{background:#e7f6ee;color:#1b6b45}.st-expiring{background:#fdf8e2;color:#7a5610}.st-revoked{background:#fbe4e4;color:#8a2d2d}.st-expired{background:#eef1f5;color:#5a6473}.bar-active{background:#2ea06b}.bar-expiring{background:#e89b2e}.bar-revoked{background:#d94b4b}.bar-expired{background:#b8c3d1}.sm-type-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:7px;font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.sm-type-pill svg{width:12px;height:12px}.sm-type-album{background:#dfeae8;color:#253a3b}.sm-type-client{background:#fcefb3;color:#304849}.sm-list{display:flex;flex-direction:column;gap:10px}.sm-share-row{display:flex;align-items:stretch;background:var(--surface, #fff);border:1px solid var(--border, rgba(48,72,73,.16));border-radius:14px;box-shadow:0 1px 2px #30484914;overflow:hidden;transition:box-shadow .2s,border-color .2s;position:relative;cursor:pointer}.sm-share-row:hover{box-shadow:0 4px 12px #3048491a,0 1px 2px #3048490f;border-color:#30484947}.sm-share-row.revoked{opacity:.72}.sm-statusbar{width:4px;flex-shrink:0}.sm-thumb{width:64px;height:64px;flex-shrink:0;margin:16px 0 16px 16px;border-radius:10px;-o-object-fit:cover;object-fit:cover;background:#e9eef4;box-shadow:0 1px 2px #30484914}.sm-thumb-placeholder{display:flex;align-items:center;justify-content:center;color:var(--text-secondary, #5f7270)}.sm-body{flex:1;min-width:0;padding:16px;display:flex;flex-direction:column;gap:7px;justify-content:center}.sm-r1{display:flex;align-items:center;gap:10px;min-width:0}.sm-title{font-family:Avenir Next,Avenir,Nunito Sans,-apple-system,sans-serif;font-weight:700;font-size:17px;letter-spacing:-.01em;color:var(--text, #0B1220);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sm-share-row.revoked .sm-title{text-decoration:line-through;text-decoration-color:#b8c3d1}.sm-lockchip{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;background:var(--hover-bg, #F7FAFD);color:var(--text-secondary, #5f7270);flex-shrink:0}.sm-lockchip svg{width:12px;height:12px}.sm-meta{display:flex;align-items:center;gap:14px;font-size:12.5px;color:var(--text-secondary, #4A5568);flex-wrap:wrap}.sm-m{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.sm-m svg{width:13px;height:13px;color:var(--text-secondary, #5f7270)}.sm-m strong{color:var(--text, #141821);font-weight:500}.sm-m.warn{color:#e89b2e;font-weight:500}.sm-actions{display:flex;align-items:center;gap:6px;padding:16px 18px 16px 8px;flex-shrink:0}.sm-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:7px;border:none;background:transparent;color:var(--text-secondary, #5f7270);cursor:pointer;transition:all .13s}.sm-iconbtn svg{width:15px;height:15px}.sm-iconbtn:hover{background:var(--surface, #fff);color:var(--primary, #304849);box-shadow:0 1px 2px #30484914}.sm-iconbtn.copied{color:#2ea06b}.sm-act-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:9px;border:1px solid var(--border, rgba(48,72,73,.16));background:var(--surface, #fff);font-size:12.5px;font-weight:500;color:var(--text, #141821);cursor:pointer;transition:all .15s;white-space:nowrap;font-family:inherit}.sm-act-btn svg{width:15px;height:15px}.sm-act-btn:hover{background:var(--hover-bg, #F7FAFD);border-color:#30484947}.sm-act-primary{background:#253a3b12;border-color:#253a3b33;color:var(--primary, #304849)}.sm-act-primary:hover{background:#253a3b21}.sm-kebab{position:relative}.sm-menu{position:absolute;right:0;top:calc(100% + 6px);background:var(--surface, #fff);border:1px solid var(--border, rgba(48,72,73,.16));border-radius:12px;box-shadow:0 12px 32px #30484924,0 2px 6px #30484914;padding:6px;min-width:180px;z-index:30}.sm-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:8px;border:none;background:none;font-size:13px;font-weight:400;color:var(--text, #141821);cursor:pointer;text-align:left;font-family:inherit}.sm-menu button svg{width:15px;height:15px;color:var(--text-secondary, #5f7270)}.sm-menu button:hover{background:var(--hover-bg, #F7FAFD)}.sm-menu button.danger{color:#d94b4b}.sm-menu button.danger svg{color:#d94b4b}.sm-menu-sep{height:1px;background:var(--border, rgba(48,72,73,.16));margin:5px 0}.sm-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:72px 24px}.sm-empty .art{width:96px;height:96px;border-radius:24px;display:flex;align-items:center;justify-content:center;margin-bottom:22px}.sm-empty .art svg{width:42px;height:42px}.sm-empty.warm .art{background:#fdf8e2;color:#3e5c58}.sm-empty.blue .art{background:#fcefb3;color:#304849}.sm-empty h3{font-family:Avenir Next,Avenir,Nunito Sans,-apple-system,sans-serif;font-weight:700;font-size:22px;color:var(--text, #0B1220);margin:0 0 8px}.sm-empty p{color:var(--text-secondary, #3f5150);font-size:14.5px;max-width:42ch;margin:0}.sm-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:3rem;color:var(--text-secondary)}.sm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b122057;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;opacity:0;transition:opacity .26s;pointer-events:none}.sm-overlay.show{opacity:1;pointer-events:auto}.sm-ap-panel{position:fixed;top:0;right:0;bottom:0;width:440px;max-width:92vw;background:var(--surface, #fff);box-shadow:0 24px 64px #3048492e;z-index:60;display:flex;flex-direction:column;transform:translate(100%);transition:transform .32s cubic-bezier(.22,1,.36,1)}.sm-ap-panel.show{transform:translate(0)}.sm-ap-head{padding:20px 56px 16px 22px;border-bottom:1px solid var(--border, rgba(48,72,73,.16));position:relative}.sm-ap-close{position:absolute;top:16px;right:16px;width:32px;height:32px}.sm-ap-kicker{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary, #5f7270);display:flex;align-items:center;gap:7px;white-space:nowrap}.sm-ap-head h2{font-family:Avenir Next,Avenir,Nunito Sans,-apple-system,sans-serif;font-weight:700;font-size:22px;line-height:1.15;letter-spacing:-.01em;color:var(--text, #0B1220);margin:9px 0 0}.sm-ap-sublink{margin-top:9px;display:flex;align-items:center;gap:7px}.sm-ap-sublink code{font-family:ui-monospace,monospace;font-size:11px;color:var(--text-secondary, #4A5568);background:var(--hover-bg, #F7FAFD);border:1px solid var(--border, rgba(48,72,73,.16));border-radius:7px;padding:3px 8px;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sm-ap-body{flex:1;overflow:auto;padding:20px 22px 40px}.sm-ap-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:3rem;color:var(--text-secondary)}.sm-ap-upgrade{display:flex;flex-direction:column;align-items:center;text-align:center;padding:3rem 1rem;color:var(--text-secondary);gap:1rem}.sm-ap-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sm-ap-kpi{background:var(--hover-bg, #F7FAFD);border:1px solid var(--border, rgba(48,72,73,.16));border-radius:14px;padding:14px 15px}.sm-ap-kpi .v{font-family:Avenir Next,Avenir,Nunito Sans,-apple-system,sans-serif;font-weight:800;font-size:28px;line-height:1;color:var(--text, #0B1220)}.sm-ap-kpi .l{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary, #5f7270);margin-top:7px;display:flex;align-items:center;gap:6px}.sm-ap-kpi .l svg{width:13px;height:13px}.sm-ap-kpi.hl{background:#253a3b0f;border-color:#253a3b29}.sm-ap-kpi.hl .v{color:var(--primary, #304849)}.sm-ap-note{display:flex;gap:9px;align-items:flex-start;background:#f9f4ae;border:1px solid rgba(232,155,46,.3);border-radius:11px;padding:11px 13px;font-size:12.5px;color:#6b5414;margin-top:14px}.sm-ap-note svg{width:15px;height:15px;flex-shrink:0;margin-top:1px;color:#e89b2e}.sm-ap-sec{margin-top:26px}.sm-ap-sec h4{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary, #4A5568);margin:0 0 12px}.sm-ap-chart{display:flex;align-items:flex-end;gap:8px;height:130px;padding:0 2px}.sm-ap-chart .col{flex:1;display:flex;flex-direction:column;align-items:center;gap:7px;height:100%;justify-content:flex-end}.sm-ap-chart .bar{width:100%;max-width:30px;border-radius:6px 6px 3px 3px;background:linear-gradient(to top,var(--primary, #304849),rgba(37,58,59,.45));position:relative;transition:height .5s cubic-bezier(.22,1,.36,1)}.sm-ap-chart .bar .val{position:absolute;top:-19px;left:50%;transform:translate(-50%);font-size:11px;font-weight:600;color:var(--text, #141821)}.sm-ap-chart .lbl{font-size:10.5px;color:var(--text-secondary, #5f7270);white-space:nowrap}.sm-ap-srcrow{display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid var(--border, rgba(48,72,73,.16))}.sm-ap-srcrow:last-child{border-bottom:none}.sm-ap-srcrow .ic{width:32px;height:32px;border-radius:9px;background:var(--hover-bg, #F7FAFD);display:flex;align-items:center;justify-content:center;color:var(--text-secondary, #4A5568);flex-shrink:0}.sm-ap-srcrow .ic svg{width:16px;height:16px}.sm-ap-srcrow .nm{font-size:13px;color:var(--text, #141821);font-weight:400;flex:1}.sm-ap-srcrow .ct{font-size:12px;color:var(--text-secondary, #4A5568);font-weight:500}.sm-ap-srcbar{height:5px;border-radius:999px;background:var(--hover-bg, #F7FAFD);margin:0 0 8px;overflow:hidden}.sm-ap-srcbar i{display:block;height:100%;border-radius:999px;background:var(--primary, #304849)}.sm-ap-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.sm-ap-photo{position:relative;aspect-ratio:1;border-radius:11px;overflow:hidden;background:#e9eef4}.sm-ap-photo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.sm-ap-photo .v{position:absolute;bottom:6px;left:6px;color:#fff;font-size:11px;font-weight:600;display:flex;align-items:center;gap:4px;text-shadow:0 1px 3px rgba(0,0,0,.5)}.sm-ap-photo .v svg{width:12px;height:12px}.sm-ap-footbtn{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:1;padding:9px 15px;border-radius:10px;border:1px solid rgba(48,72,73,.28);background:var(--surface, #fff);font-family:inherit;font-weight:500;font-size:13px;color:var(--text, #141821);cursor:pointer;transition:all .15s}.sm-ap-footbtn:hover{background:var(--hover-bg, #F7FAFD)}.sm-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(12px);background:var(--text, #0B1220);color:#fff;padding:11px 18px;border-radius:12px;font-size:13px;font-weight:500;box-shadow:0 12px 32px #30484924;display:flex;align-items:center;gap:9px;z-index:90;opacity:0;pointer-events:none;transition:all .24s cubic-bezier(.22,1,.36,1);white-space:nowrap}.sm-toast svg{width:16px;height:16px;color:#a8c2be}.sm-toast.show{opacity:1;transform:translate(-50%) translateY(0)}@media (max-width: 768px){.sm-wrap{padding:20px 16px 60px}.sm-head{flex-direction:column}.sm-stats{width:100%;justify-content:space-between}.sm-stat{flex:1;min-width:auto}.sm-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.sm-toolbar{flex-direction:column;align-items:stretch}.sm-search{max-width:none}.sm-share-row{flex-direction:column}.sm-actions{justify-content:flex-end;padding:0 16px 16px}.sm-thumb{margin:16px 16px 0}}.pricing-page{max-width:1200px;margin:0 auto;padding:2rem 1.5rem 4rem}.pricing-hero{text-align:center;margin-bottom:2.5rem}.pricing-hero h1{font-size:2.5rem;font-weight:700;color:#101b1a;margin-bottom:.75rem}.pricing-hero p{font-size:1.1rem;color:#435654;max-width:600px;margin:0 auto}.pricing-tabs{display:flex;justify-content:center;gap:.5rem;margin-bottom:2.5rem}.pricing-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:2px solid #e5e7eb;border-radius:999px;background:#fff;font-size:.95rem;font-weight:500;color:#354747;cursor:pointer;transition:all .2s}.pricing-tab:hover{border-color:#304849;color:#304849}.pricing-tab.active{background:#304849;border-color:#304849;color:#fff}.pricing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:4rem}.pricing-card{background:#fff;border:2px solid #e5e7eb;border-radius:16px;padding:1.5rem;position:relative;transition:all .2s}.pricing-card:hover{border-color:#304849;box-shadow:0 10px 40px -10px #30484926}.pricing-card.highlighted{border-color:#304849;box-shadow:0 10px 40px -10px #30484933}.pricing-card.current{border-color:#10b981}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#304849;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:999px}.pricing-card-header h3{font-size:1.25rem;font-weight:700;color:#101b1a;margin:0 0 .25rem}.pricing-card-desc{font-size:.85rem;color:#435654;margin:0 0 1rem}.pricing-card-price{margin-bottom:1rem}.price-amount{font-size:2.5rem;font-weight:700;color:#101b1a}.price-period{font-size:1rem;color:#435654}.pricing-card-storage{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#f3f4f6;border-radius:8px;margin-bottom:1rem;font-size:.9rem;color:#2b3a3a}.pricing-card-storage svg{color:#435654}.storage-note{font-size:.75rem;color:#6b7f7d;margin-left:auto}.pricing-card-features{list-style:none;padding:0;margin:0 0 1.5rem}.pricing-card-features li{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#2b3a3a;margin-bottom:.5rem}.pricing-card-features li svg{color:#10b981;flex-shrink:0}.pricing-card-cta{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem;background:#101b1a;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.pricing-card-cta:hover:not(:disabled){background:#253a3b}.pricing-card-cta.current{background:#e5e7eb;color:#435654;cursor:default}.pricing-card.highlighted .pricing-card-cta{background:#304849}.pricing-card.highlighted .pricing-card-cta:hover:not(:disabled){background:#253a3b}.pricing-comparison{margin-bottom:4rem}.pricing-comparison h2{font-size:1.5rem;font-weight:700;text-align:center;margin-bottom:1.5rem}.pricing-table-wrapper{overflow-x:auto;border:1px solid #e5e7eb;border-radius:12px}.pricing-table{width:100%;border-collapse:collapse;font-size:.875rem}.pricing-table th,.pricing-table td{padding:.875rem 1rem;text-align:center;border-bottom:1px solid #e5e7eb}.pricing-table th{background:#f9fafb;font-weight:600;color:#2b3a3a}.pricing-table th.highlighted{background:#f0f5f4;color:#1b2c2d}.pricing-table td.highlighted{background:#f0f5f4}.pricing-table td.feature-label{text-align:left;font-weight:500;color:#2b3a3a}.pricing-table tbody tr:last-child td{border-bottom:none}.pricing-feature-yes{color:#10b981;font-size:1.1rem}.pricing-feature-no{color:#d1d5db;font-size:1.1rem}.pricing-feature-text,.pricing-feature-storage,.pricing-feature-seats{color:#2b3a3a;font-weight:500}.pricing-addons{margin-bottom:4rem}.pricing-addons h2{font-size:1.5rem;font-weight:700;text-align:center;margin-bottom:1.5rem}.addon-card{display:flex;align-items:flex-start;gap:1.5rem;background:#fff;border:2px solid #e5e7eb;border-radius:16px;padding:2rem;max-width:600px;margin:0 auto}.addon-icon{width:48px;height:48px;background:#f0f5f4;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.addon-icon svg{font-size:1.5rem;color:#304849}.addon-info h3{font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.addon-price{display:flex;align-items:baseline;gap:.25rem;margin-bottom:.75rem}.addon-price .price-amount{font-size:2rem}.addon-price .price-unit{font-size:.9rem;color:#435654}.addon-info p{color:#435654;margin:0 0 .75rem}.addon-notes{list-style:none;padding:0;margin:0;font-size:.85rem;color:#435654}.addon-notes li{margin-bottom:.25rem}.addon-notes a{color:#304849;text-decoration:underline}.pricing-includes{margin-bottom:4rem}.pricing-includes h2{font-size:1.5rem;font-weight:700;text-align:center;margin-bottom:1.5rem}.includes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.includes-item{text-align:center;padding:1.5rem}.includes-item svg{font-size:2rem;color:#304849;margin-bottom:.75rem}.includes-item h4{font-size:1rem;font-weight:600;margin:0 0 .5rem}.includes-item p{font-size:.875rem;color:#435654;margin:0}.cold-archive-section{max-width:700px;margin:0 auto}.archive-intro{text-align:center;margin-bottom:2rem}.archive-intro .archive-icon{font-size:3rem;color:#304849;margin-bottom:1rem}.archive-intro h2{font-size:2rem;font-weight:700;margin:0 0 .75rem}.archive-intro p{font-size:1.1rem;color:#435654}.archive-card{background:#fff;border:2px solid #e5e7eb;border-radius:16px;padding:2rem;margin-bottom:2.5rem}.archive-pricing{display:flex;align-items:baseline;gap:.25rem;margin-bottom:.25rem}.archive-pricing .price-amount{font-size:3rem}.archive-min{font-size:.9rem;color:#435654;margin:0 0 1.5rem}.archive-features,.archive-limitations{margin-bottom:1.5rem}.archive-features h4,.archive-limitations h4{font-size:.9rem;font-weight:600;color:#2b3a3a;margin:0 0 .75rem}.archive-features ul,.archive-limitations ul{list-style:none;padding:0;margin:0}.archive-features li,.archive-limitations li{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#2b3a3a;margin-bottom:.5rem}.archive-features li svg{color:#10b981}.archive-limitations li svg{color:#f59e0b}.archive-requirement{background:#fdf8e2;padding:1rem;border-radius:8px;margin-bottom:1.5rem}.archive-requirement strong{display:block;font-size:.9rem;color:#3d3610;margin-bottom:.25rem}.archive-requirement p{font-size:.85rem;color:#4a4213;margin:0}.archive-cta{width:100%;padding:.875rem;background:#101b1a;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.archive-cta:hover{background:#253a3b}.archive-faq{background:#f9fafb;border-radius:12px;padding:2rem}.archive-faq h3{font-size:1.25rem;font-weight:700;margin:0 0 1.5rem;text-align:center}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.faq-item h4{font-size:.95rem;font-weight:600;margin:0 0 .5rem}.faq-item p{font-size:.875rem;color:#435654;margin:0}.pricing-footer{text-align:center;padding:3rem 1.5rem;background:#f9fafb;border-radius:16px}.pricing-footer h2{font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.pricing-footer p{color:#435654;margin:0 0 1.5rem}.pricing-footer-cta{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:#304849;color:#fff;border-radius:8px;font-size:1rem;font-weight:600;text-decoration:none;transition:background .2s}.pricing-footer-cta:hover{background:#253a3b}@media (max-width: 768px){.pricing-hero h1{font-size:1.75rem}.pricing-cards{grid-template-columns:1fr}.pricing-card{max-width:400px;margin:0 auto}.addon-card{flex-direction:column;align-items:center;text-align:center}.addon-notes{text-align:left}.pricing-table{font-size:.75rem}.pricing-table th,.pricing-table td{padding:.5rem}}.library-filter-panel{margin:.75rem 0;border-radius:10px;background:#f8fafc;border:1px solid #e2e8f0;position:relative;z-index:50}.library-filter-header{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;flex-wrap:wrap}.library-filter-toggle{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:.8rem;font-weight:500;color:#35494a;cursor:pointer;transition:all .15s ease}.library-filter-toggle:hover{border-color:#cbd5e1;background:#f1f5f9}.library-filter-toggle.has-filters{background:#f0f5f4;border-color:#304849;color:#1b2c2d}.library-filter-chips{display:flex;align-items:center;gap:.375rem;flex-wrap:wrap;flex:1;min-width:0}.filter-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#dfeae8;color:#1b2c2d;border-radius:999px;font-size:.7rem;font-weight:500;max-width:180px;white-space:nowrap;overflow:hidden}.filter-chip svg:first-child{flex-shrink:0}.filter-chip button{display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;background:transparent;border:none;color:#1b2c2d;cursor:pointer;border-radius:50%;transition:background .15s;flex-shrink:0;margin-left:.125rem}.filter-chip button:hover{background:#1b2c2d26}.filter-clear-all{padding:.25rem .5rem;background:transparent;border:1px solid #e2e8f0;border-radius:4px;font-size:.7rem;color:#4a5f5d;cursor:pointer;transition:all .15s;white-space:nowrap}.filter-clear-all:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.library-filter-body{padding:.75rem;border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:.75rem}.library-filter-loading{text-align:center;padding:1.5rem;color:#4a5f5d;font-size:.8rem}.filter-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.filter-row-full{width:100%}.filter-row-dropdowns{display:flex;flex-wrap:wrap;gap:.5rem}.filter-row-sliders{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 640px){.filter-row-sliders{grid-template-columns:1fr}}.filter-type-pills{display:flex;flex-wrap:wrap;gap:.375rem}.filter-pill{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .625rem;background:#fff;border:1px solid #e2e8f0;border-radius:999px;font-size:.75rem;font-weight:500;color:#35494a;cursor:pointer;transition:all .15s ease}.filter-pill:hover{border-color:#304849;color:#304849}.filter-pill.active{background:#304849;border-color:#304849;color:#fff}.filter-pill-count{font-size:.65rem;opacity:.7}.filter-pill.active .filter-pill-count{opacity:.9}.filter-pill.disabled,.filter-pill:disabled{opacity:.35;cursor:default;pointer-events:none}.filter-dropdown-container{position:relative}.filter-dropdown-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:.75rem;color:#35494a;cursor:pointer;transition:all .15s ease;max-width:160px}.filter-dropdown-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;text-align:left}.filter-dropdown-btn svg:last-child{flex-shrink:0;transition:transform .15s}.filter-dropdown-btn svg.rotated{transform:rotate(180deg)}.filter-dropdown-btn:hover{border-color:#cbd5e1;background:#f8fafc}.filter-dropdown-btn.active{background:#f0f5f4;border-color:#304849;color:#1b2c2d}.filter-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:200px;max-width:280px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;z-index:1000;max-height:300px;display:flex;flex-direction:column}.filter-dropdown-search{display:flex;align-items:center;gap:.5rem;padding:.5rem .625rem;border-bottom:1px solid #e2e8f0;color:#94a3b8}.filter-dropdown-search input{flex:1;border:none;outline:none;font-size:.8rem;color:#1e293b;background:transparent}.filter-dropdown-search input::-moz-placeholder{color:#94a3b8}.filter-dropdown-search input::placeholder{color:#94a3b8}.filter-dropdown-list{overflow-y:auto;flex:1;padding:.25rem 0}.filter-dropdown-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem .625rem;background:transparent;border:none;font-size:.8rem;color:#35494a;cursor:pointer;text-align:left;transition:background .1s}.filter-dropdown-item:hover{background:#f1f5f9}.filter-dropdown-item.active{background:#f0f5f4;color:#1b2c2d}.filter-dropdown-item span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.filter-dropdown-item-count{font-size:.7rem;color:#94a3b8;margin-left:.5rem;flex-shrink:0}.filter-date-menu{min-width:240px;padding:.75rem}.filter-date-inputs{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.filter-date-inputs label{display:flex;flex-direction:column;gap:.25rem;font-size:.7rem;color:#4a5f5d;font-weight:500}.filter-date-inputs input[type=date]{padding:.375rem .5rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.8rem;color:#1e293b}.filter-date-inputs input[type=date]:focus{outline:none;border-color:#304849}.filter-date-presets{display:flex;flex-wrap:wrap;gap:.375rem;padding-top:.5rem;border-top:1px solid #e2e8f0}.filter-date-presets button{padding:.25rem .5rem;background:#f1f5f9;border:none;border-radius:4px;font-size:.7rem;color:#35494a;cursor:pointer;transition:all .15s}.filter-date-presets button:hover{background:#dfeae8;color:#253a3b}.filter-slider-group{display:flex;flex-direction:column;gap:.375rem}.filter-slider-header{display:flex;align-items:center;justify-content:space-between}.filter-slider-label{font-size:.7rem;font-weight:600;color:#4a5f5d;text-transform:uppercase;letter-spacing:.025em}.filter-slider-value{font-size:.75rem;font-weight:500;color:#1e293b;font-variant-numeric:tabular-nums}.filter-dual-slider{position:relative;height:20px;display:flex;align-items:center}.filter-slider{position:absolute;width:100%;height:4px;background:transparent;pointer-events:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.filter-slider::-webkit-slider-runnable-track{height:4px;background:#e2e8f0;border-radius:2px}.filter-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:#304849;border-radius:50%;cursor:pointer;pointer-events:auto;margin-top:-6px;box-shadow:0 1px 3px #0003;-webkit-transition:transform .1s,box-shadow .1s;transition:transform .1s,box-shadow .1s}.filter-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 2px 6px #30484966}.filter-slider::-moz-range-track{height:4px;background:#e2e8f0;border-radius:2px}.filter-slider::-moz-range-thumb{width:16px;height:16px;background:#304849;border-radius:50%;cursor:pointer;pointer-events:auto;border:none;box-shadow:0 1px 3px #0003}.filter-slider-min{z-index:1}.filter-slider-max{z-index:2}.filter-slider-max::-webkit-slider-runnable-track{background:transparent}.filter-slider-max::-moz-range-track{background:transparent}.slider-histogram{position:absolute;bottom:8px;left:0;right:0;height:20px;display:flex;align-items:flex-end;pointer-events:none;z-index:0}.slider-histogram-bar{position:absolute;width:3px;background:#3048492e;border-radius:1px 1px 0 0;min-height:2px;pointer-events:auto;cursor:pointer;transition:background .15s;transform:translate(-1px)}.slider-histogram-bar:hover{background:#30484980}@media (max-width: 640px){.library-filter-header{padding:.5rem;gap:.5rem}.library-filter-chips{width:100%;order:2;margin-top:.25rem}.filter-clear-all{margin-left:auto}.library-filter-body{padding:.625rem;gap:.625rem}.filter-type-pills{flex-wrap:wrap}.filter-pill{flex:0 1 auto}.filter-dropdown-btn{flex:1;max-width:none;min-width:100px}.filter-row-dropdowns{width:100%}}.empty-state-container{display:flex;align-items:center;justify-content:center;min-height:350px;padding:2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.empty-state-filters,.empty-state-welcome{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;max-width:400px}.empty-state-icon{color:#cbd5e1;margin-bottom:.5rem}.empty-state-filters h3,.empty-state-welcome h3{font-size:1.25rem;font-weight:600;color:#263636;margin:0}.empty-state-filters p,.empty-state-welcome p{font-size:.9rem;color:#4a5f5d;margin:0;line-height:1.5}.empty-state-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;margin-top:.5rem}.empty-state-btn.primary{background:#304849;color:#fff;border:none}.empty-state-btn.primary:hover{background:#253a3b}.empty-state-btn.secondary{background:#fff;color:#35494a;border:1px solid #e2e8f0}.empty-state-btn.secondary:hover{background:#f8fafc;border-color:#cbd5e1}.image-grid{transition:opacity .15s ease-out}.image-grid.loading{opacity:.6}.guide-page{max-width:1200px;margin:0 auto;padding:0 24px 80px}.guide-hero{text-align:center;padding:56px 24px 40px;border-bottom:1px solid #e7e5e4;margin-bottom:48px}.guide-hero h1{font-family:Mifelin,Georgia,serif;font-size:36px;font-weight:600;color:#182322;margin:0 0 12px;letter-spacing:-.5px}.guide-hero p{font-size:17px;color:#5f7270;max-width:560px;margin:0 auto;line-height:1.6}.guide-layout{display:flex;gap:48px;position:relative}.guide-toc-toggle{display:none}.guide-toc{position:sticky;top:80px;align-self:flex-start;width:220px;min-width:220px;max-height:calc(100vh - 100px);overflow-y:auto;padding-bottom:32px}.guide-toc-title{font-family:Avenir Next,Avenir,Nunito Sans,-apple-system,sans-serif;font-size:12px;font-weight:800;color:#3f5150;text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;padding:0 12px}.guide-toc-link{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;font-size:13px;color:#5f7270;text-decoration:none;transition:background .15s,color .15s;line-height:1.4}.guide-toc-link:hover{background:#f5f5f4;color:#44403c}.guide-toc-link.active{background:#304849;color:#fcefb3}.guide-toc-link svg{flex-shrink:0}.guide-content{flex:1;min-width:0;max-width:800px}.guide-section{margin-bottom:64px;scroll-margin-top:80px;padding-bottom:48px;border-bottom:1px solid #f5f5f4}.guide-section:last-of-type{border-bottom:none}.guide-section-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:28px}.guide-section-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;border-radius:12px;background:#304849;color:#fcefb3;margin-top:2px}.guide-section-header h2{font-family:Avenir Next,Avenir,Nunito Sans,-apple-system,sans-serif;font-size:24px;font-weight:600;color:#182322;margin:0;line-height:1.3}.guide-section-intro{font-size:15px;color:#5f7270;margin:6px 0 0;line-height:1.6}.guide-section h3{font-family:Avenir Next,Avenir,Nunito Sans,-apple-system,sans-serif;font-size:19px;font-weight:600;color:#182322;margin:32px 0 14px}.guide-section p{font-size:15px;color:#57534e;line-height:1.7;margin:0 0 12px}.guide-section ul{margin:8px 0 16px;padding-left:20px}.guide-section ul li{font-size:14px;color:#57534e;line-height:1.7;margin-bottom:4px}.guide-tier-badge{display:inline-block;font-family:Avenir Next,Avenir,Nunito Sans,sans-serif;font-size:11px;font-weight:600;color:#fff;background:linear-gradient(135deg,#3e5c58,#304849);padding:3px 10px;border-radius:20px;margin-left:12px;vertical-align:middle;letter-spacing:.3px}.guide-steps{margin:24px 0 28px}.guide-step{display:flex;gap:16px;margin-bottom:20px}.guide-step-num{display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;border-radius:50%;background:#f5f5f4;color:#182322;font-weight:600;font-size:14px;margin-top:2px}.guide-step strong{display:block;font-size:15px;color:#182322;margin-bottom:6px}.guide-step-body{font-size:14px;color:#57534e;line-height:1.7}.guide-step-body p{font-size:14px;margin:0 0 8px}.guide-step-body ul{margin:6px 0 8px;padding-left:18px}.guide-step-body li{font-size:14px;margin-bottom:3px}.guide-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin:24px 0}.guide-card{background:#fafaf9;border:1px solid #e7e5e4;border-radius:12px;padding:20px 22px}.guide-card-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#304849;color:#fcefb3;margin-bottom:12px}.guide-card h4{font-family:Avenir Next,Avenir,Nunito Sans,-apple-system,sans-serif;font-size:16px;font-weight:600;color:#182322;margin:0 0 8px}.guide-card p{font-size:14px;color:#57534e;line-height:1.6;margin:0}.guide-tip{display:flex;gap:12px;background:#fdf8e2;border:1px solid #ecdf9f;border-radius:10px;padding:16px 20px;margin:20px 0;font-size:14px;color:#5f7270;line-height:1.6}.guide-tip svg{flex-shrink:0;color:#3e5c58;margin-top:2px}.guide-tip strong{color:#304849}.guide-format-group{margin:16px 0 24px}.guide-format-category{margin-bottom:14px}.guide-format-category strong{display:block;font-size:13px;color:#5f7270;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.guide-format-tags{display:flex;flex-wrap:wrap;gap:6px}.guide-fmt{display:inline-block;font-size:11px;font-weight:600;padding:4px 10px;border-radius:4px;background:#f5f5f4;color:#44403c;text-transform:uppercase;letter-spacing:.5px;border:1px solid #e7e5e4}.guide-fmt--raw{background:#166534;color:#fff;border-color:#166534}.guide-detail-list{list-style:none;padding:0;margin:12px 0 20px}.guide-detail-list li{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:14px;color:#57534e;border-bottom:1px solid #f5f5f4}.guide-detail-list li:last-child{border-bottom:none}.guide-detail-list li svg{color:#7d8f8d;flex-shrink:0}.guide-workflow{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:20px 0;padding:20px;background:#fafaf9;border-radius:12px;border:1px solid #e7e5e4}.guide-workflow-step{display:flex;align-items:center;gap:8px;font-size:13px;color:#44403c}.guide-workflow-badge{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#304849;color:#fcefb3;font-size:11px;font-weight:600}.guide-workflow-arrow{color:#d6d3d1;flex-shrink:0}.guide-table{width:100%;border-collapse:collapse;margin:16px 0 24px;font-size:14px}.guide-table th{text-align:left;padding:10px 14px;font-size:12px;font-weight:600;color:#5f7270;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e7e5e4;background:#fafaf9}.guide-table td{padding:10px 14px;color:#44403c;border-bottom:1px solid #f5f5f4}.guide-table tbody tr:hover{background:#fafaf9}.guide-cta{text-align:center;padding:48px 24px;margin-top:32px;background:#fafaf9;border-radius:16px;border:1px solid #e7e5e4}.guide-cta h2{font-family:Avenir Next,Avenir,Nunito Sans,-apple-system,sans-serif;font-size:24px;font-weight:600;color:#182322;margin:0 0 8px}.guide-cta p{font-size:15px;color:#5f7270;margin:0 0 24px}.guide-cta-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.guide-cta-btn{display:inline-block;padding:12px 32px;border-radius:10px;font-weight:600;font-size:14px;text-decoration:none;transition:opacity .15s}.guide-cta-btn:hover{opacity:.85}.guide-cta-btn.primary{background:#304849;color:#fcefb3}.guide-cta-btn.secondary{background:#fff;color:#182322;border:1px solid #d6d3d1}@media (max-width: 768px){.guide-page{padding:0 16px 80px}.guide-hero{padding:36px 16px 28px}.guide-hero h1{font-size:28px}.guide-layout{flex-direction:column;gap:0}.guide-toc-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;background:#fafaf9;border:1px solid #e7e5e4;border-radius:10px;font-size:14px;font-weight:500;color:#44403c;cursor:pointer;margin-bottom:24px}.guide-toc{display:none;position:static;width:100%;min-width:0;max-height:none;background:#fafaf9;border:1px solid #e7e5e4;border-radius:10px;padding:12px 8px;margin-bottom:24px}.guide-toc--open{display:block}.guide-section-header{flex-direction:column;gap:12px}.guide-cards{grid-template-columns:1fr}.guide-workflow{flex-direction:column;align-items:flex-start}.guide-workflow-arrow{display:none}.guide-table{font-size:13px}.guide-table th,.guide-table td{padding:8px 10px}}.lasso-rect{position:fixed;border:2px solid rgba(48,72,73,.7);background:#3048491a;pointer-events:none;z-index:50;border-radius:2px}.drag-select-handle{position:absolute;bottom:0;right:0;width:28px;height:28px;z-index:12;cursor:crosshair;opacity:0;transition:opacity .15s}[data-image-id]:hover .drag-select-handle,.album-tile:hover .drag-select-handle{opacity:1}.drag-select-handle:after{content:"";position:absolute;bottom:0;right:0;width:0;height:0;border-style:solid;border-width:0 0 24px 24px;border-color:transparent transparent rgba(48,72,73,.85) transparent;border-radius:0 0 4px}.rail-link span{font-family:Avenir Next,Avenir,Nunito Sans,-apple-system,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.07em;font-size:.78rem;line-height:1.2}.photo-processing-overlay .processing-spinner,.photo-processing-chip .processing-spinner{animation:none;opacity:.65}@media (prefers-reduced-motion: reduce){.processing-spinner,.tile-shimmer{animation:none!important}.tile-loaded,.tile-loading{transition:none!important}}.upload-secondary-options,.upload-transfer-details{margin:12px 0;font-size:13px}.upload-secondary-options>summary,.upload-transfer-details>summary{cursor:pointer;color:#526d67;padding:8px 0}.upload-sources{flex-wrap:wrap}.upload-sources .source-btn{min-width:0}@media (max-width: 600px){.file-list-header{flex-wrap:wrap;gap:12px}.file-list-actions{width:100%;justify-content:space-between}}.upload-primary-footer{position:sticky;bottom:0;z-index:4;display:flex;justify-content:flex-end;padding:16px 0;margin-top:16px;background:var(--surface, #fff);border-top:1px solid #e1e6e4}.upload-primary-footer .upload-button{min-width:160px}@media (max-width:600px){.upload-primary-footer{padding:12px 0}.upload-primary-footer .upload-button{width:100%}}.upload-speed-field{display:grid;gap:8px;padding:8px 0;color:#304849}.upload-speed-field select{width:100%;min-width:0;max-width:100%;padding:10px;border:1px solid #cbd5d1;border-radius:8px;background:#fff;font:inherit}.photo-status-info{display:inline-flex;align-items:center;gap:5px;border:1px solid #cdd7d3;border-radius:20px;background:#fff;color:#304849;padding:7px 10px;font:inherit;cursor:pointer;pointer-events:auto}.photo-status-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20000;background:#1423228c;display:flex;align-items:center;justify-content:center;padding:20px}.photo-status-dialog{background:#fff;color:#263c3b;border-radius:16px;padding:24px;width:100%;max-width:540px;max-height:calc(100dvh - 40px);overflow:auto;box-shadow:0 20px 70px #0004}.photo-status-dialog header{display:flex;justify-content:space-between;align-items:center;gap:16px}.photo-status-dialog h2{font-size:21px;margin:0}.photo-status-dialog h3{margin:18px 0 8px;font-size:17px}.photo-status-dialog p{line-height:1.55;margin:12px 0}.photo-status-dialog button{border:1px solid #b7c7c2;background:#f3f7f5;border-radius:8px;padding:10px 14px;font:inherit;color:inherit;cursor:pointer;min-height:44px}.photo-status-dialog button:disabled{opacity:.55;cursor:wait}.photo-status-dialog button:focus-visible,.photo-status-info:focus-visible{outline:3px solid #315d58;outline-offset:3px}.photo-status-filename,.photo-status-reference{overflow-wrap:anywhere;font-size:13px;color:#536963}.photo-status-error{background:#f7f3ed;border-radius:8px;padding:12px;overflow-wrap:anywhere}.photo-status-actions{display:flex;flex-wrap:wrap;gap:10px}.photo-status-remove{border-top:1px solid #e1e7e4;margin-top:20px;padding-top:8px;font-size:13px}.photo-status-remove button{color:#9e3333;background:#fff}@media (max-width:600px){.photo-status-backdrop{padding:12px}.photo-status-dialog{padding:18px;max-height:calc(100dvh - 24px)}.photo-status-actions button{flex:1}}.photo-processing-pill,.photo-processing-chip{box-sizing:border-box;min-width:0;max-width:calc(100% - 16px);gap:6px;padding:5px 7px;border:0;border-radius:4px;font-size:11px;font-weight:500;line-height:14px;text-align:left}.photo-processing-chip{left:8px;right:auto}.photo-processing-pill .processing-spinner,.photo-processing-chip .processing-spinner{box-sizing:border-box;width:12px;height:12px;min-width:12px;flex:0 0 12px;margin:0;border-width:2px}.photo-processing-pill .photo-processing-title,.photo-processing-chip .photo-processing-title{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:14px}.first\:rounded-t-lg:first-child{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.last\:rounded-b-lg:last-child{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.last\:border-0:last-child{border-width:0px}.hover\:bg-\[\#eef4f2\]:hover{--tw-bg-opacity: 1;background-color:rgb(238 244 242 / var(--tw-bg-opacity, 1))}.hover\:bg-amber-400:hover{--tw-bg-opacity: 1;background-color:rgb(251 191 36 / var(--tw-bg-opacity, 1))}.hover\:bg-black\/70:hover{background-color:#000000b3}.hover\:bg-blue-100:hover{--tw-bg-opacity: 1;background-color:rgb(223 234 232 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-600:hover{--tw-bg-opacity: 1;background-color:rgb(48 72 73 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(37 58 59 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(237 241 240 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(221 228 227 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-300:hover{--tw-bg-opacity: 1;background-color:rgb(195 206 205 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(246 248 248 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-800\/95:hover{background-color:#1e2b2bf2}.hover\:bg-green-700:hover{--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))}.hover\:bg-red-100:hover{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.hover\:bg-red-50:hover{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.hover\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.hover\:bg-white:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:bg-white\/20:hover{background-color:#fff3}.hover\:bg-white\/90:hover{background-color:#ffffffe6}.hover\:text-\[\#16211f\]:hover{--tw-text-opacity: 1;color:rgb(22 33 31 / var(--tw-text-opacity, 1))}.hover\:text-blue-500:hover{--tw-text-opacity: 1;color:rgb(62 92 88 / var(--tw-text-opacity, 1))}.hover\:text-blue-600:hover{--tw-text-opacity: 1;color:rgb(48 72 73 / var(--tw-text-opacity, 1))}.hover\:text-gray-600:hover{--tw-text-opacity: 1;color:rgb(63 81 80 / var(--tw-text-opacity, 1))}.hover\:text-gray-700:hover{--tw-text-opacity: 1;color:rgb(43 58 58 / var(--tw-text-opacity, 1))}.hover\:text-gray-800:hover{--tw-text-opacity: 1;color:rgb(30 43 43 / var(--tw-text-opacity, 1))}.hover\:text-gray-900:hover{--tw-text-opacity: 1;color:rgb(20 32 31 / var(--tw-text-opacity, 1))}.hover\:text-green-700:hover{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.hover\:text-red-400:hover{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.hover\:text-red-500:hover{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.hover\:text-red-600:hover{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:text-white\/80:hover{color:#fffc}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:ring-2:hover{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.hover\:ring-blue-400:hover{--tw-ring-opacity: 1;--tw-ring-color: rgb(92 127 122 / var(--tw-ring-opacity, 1))}.focus\:border-blue-500:focus{--tw-border-opacity: 1;border-color:rgb(62 92 88 / var(--tw-border-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-amber-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(245 158 11 / var(--tw-ring-opacity, 1))}.focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(62 92 88 / var(--tw-ring-opacity, 1))}.focus\:ring-white\/40:focus{--tw-ring-color: rgb(255 255 255 / .4)}.active\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.group:hover .group-hover\:scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:text-blue-400{--tw-text-opacity: 1;color:rgb(92 127 122 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:opacity-100{opacity:1}@media (min-width: 640px){.sm\:mt-0{margin-top:0}.sm\:block{display:block}.sm\:inline{display:inline}.sm\:hidden{display:none}.sm\:max-h-\[90vh\]{max-height:90vh}.sm\:w-20{width:5rem}.sm\:w-auto{width:auto}.sm\:max-w-2xl{max-width:42rem}.sm\:max-w-lg{max-width:32rem}.sm\:max-w-md{max-width:28rem}.sm\:flex-none{flex:none}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-2{gap:.5rem}.sm\:rounded-xl{border-radius:.75rem}.sm\:p-4{padding:1rem}.sm\:p-8{padding:2rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:py-16{padding-top:4rem;padding-bottom:4rem}.sm\:py-4{padding-top:1rem;padding-bottom:1rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:opacity-0{opacity:0}.group:hover .sm\:group-hover\:opacity-100{opacity:1}}@media (min-width: 768px){.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-8{height:2rem}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:gap-4{gap:1rem}.md\:pb-8{padding-bottom:2rem}.md\:pt-4{padding-top:1rem}}@media (min-width: 1024px){.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.lg\:p-8{padding:2rem}}@media (min-width: 1280px){.xl\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}.marketing-container{min-height:var(--app-height);background:linear-gradient(135deg,#c2e8f7,#a8c2be,#81a49f);position:relative;overflow-x:hidden;font-family:Avenir Next,Avenir,Nunito Sans,sans-serif}.top-bar{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1rem 0;position:fixed;top:0;left:0;right:0;z-index:100;border-bottom:1px solid rgba(0,0,0,.1);box-shadow:0 2px 10px #0000000d}.top-bar-inner{max-width:none;width:90%;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.brand-minimal{display:flex;align-items:center;gap:.5rem;color:#1d1d1f;font-weight:600;font-size:1.1rem}.top-nav{display:flex;align-items:center;gap:1rem}.signin-btn{background:none;border:2px solid #1d1d1f;color:#1d1d1f;padding:.5rem 1.5rem;border-radius:50px;cursor:pointer;font-weight:500;font-family:Avenir Next,Avenir,Nunito Sans,sans-serif;transition:all .3s ease}.signin-btn:hover{background:#1d1d1f;color:#fff}.signup-btn-top{background:#81a49f;color:#fff;border:none;padding:.6rem 1.5rem;border-radius:50px;cursor:pointer;font-weight:600;font-family:Avenir Next,Avenir,Nunito Sans,sans-serif;transition:all .3s ease}.signup-btn-top:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0003}.split-hero-section{padding-top:0;min-height:var(--app-height);display:flex;align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.split-hero-content{width:100%;max-width:1400px;margin:0 auto;padding:2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-text-section{padding:2rem}.compact-headline{font-size:3rem;line-height:1.1;font-weight:800;margin:0 0 1.5rem;letter-spacing:-.02em;color:#182322}.gradient-text{background:linear-gradient(135deg,#304849,#81a49f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.compact-subtitle{font-size:1.2rem;font-weight:400;margin:0 0 2.5rem;line-height:1.6;color:#4a5f5d}.login-box-inline{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 10px 40px #0000001a;max-width:640px;width:100%}.login-box-inline h2{font-size:1.5rem;margin:0 0 1.5rem;color:#182322;font-weight:600}.login-logo{display:block;width:56px;height:auto;margin:0 auto .75rem}.inline-login-form{display:flex;flex-direction:column;gap:1rem}.inline-login-form input{padding:.875rem 1rem;border:1px solid #e5e7eb;border-radius:8px;font-size:1rem;font-family:Avenir Next,Avenir,Nunito Sans,sans-serif;transition:all .3s ease}.inline-login-form input:focus{outline:none;border-color:#81a49f;box-shadow:0 0 0 3px #81a49f1a}.auth-title{margin:0 0 .5rem;font-size:1.6rem;line-height:1.25;color:#182322;text-align:center}.auth-toggle{display:block;text-align:center;margin-bottom:.75rem}.login-features{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1rem;margin-top:1rem}.login-features .feature-item{display:flex;align-items:center;gap:.5rem;color:#2b3a3a;font-size:.9rem}@media (max-width: 720px){.login-features{grid-template-columns:1fr}}.login-center{min-height:var(--app-height);display:flex;align-items:center}.login-centered-wrap{width:100%;max-width:1200px;margin:0 auto;padding:2rem;display:grid;grid-template-columns:1fr;gap:2rem;align-items:center;justify-items:center}.login-feature-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:.75rem}.login-feature-chips .chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid #e5e7eb;background:linear-gradient(180deg,#fff,#f9fafb);color:#2b3a3a;font-size:.85rem;white-space:nowrap}.login-feature-chips .chip svg{color:#81a49f}@media (max-width: 480px){.login-feature-chips{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.login-feature-chips::-webkit-scrollbar{display:none}}.powered-by-core{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:.75rem;font-size:.85rem;color:#435654}.powered-by-core .core-logo{height:16px;width:auto;display:inline-block;vertical-align:middle}.powered-by-core .core-link{color:#304849;text-decoration:none;font-weight:600}.powered-by-core .core-link:hover{text-decoration:underline}.powered-by-core .core-divider{color:#6b7f7d}.login-side-inner{max-width:560px;margin:0 auto}@media (min-width: 960px){.login-centered-wrap{grid-template-columns:480px 1fr;gap:3rem}}.inline-submit-btn{padding:.875rem;background:linear-gradient(135deg,#304849,#81a49f);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;font-family:Avenir Next,Avenir,Nunito Sans,sans-serif;transition:all .3s ease;margin-top:.5rem}.inline-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #81a49f4d}.inline-submit-btn:disabled{opacity:.6;cursor:not-allowed}.beta-badge{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb;text-align:center;color:#4a5f5d;font-size:.875rem}.hero-image-section{position:relative;height:600px;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #00000026}.hero-image-container{position:relative;width:100%;height:100%}.hero-preview-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.image-overlay-gradient{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#3048491a,#81a49f1a);pointer-events:none}@media (max-width: 1024px){.split-hero-content{grid-template-columns:1fr;gap:3rem}.hero-image-section{height:400px}.compact-headline{font-size:2.5rem}}@media (max-width: 768px){.split-hero-section{padding-top:0;min-height:var(--app-height);display:flex;flex-direction:column;overflow-x:hidden}.split-hero-content{padding:1rem;display:flex;flex-direction:column;height:100%;gap:1rem;max-width:100%;overflow-x:hidden}.hero-text-section{padding:1rem 0;order:2;flex:1;display:flex;flex-direction:column;justify-content:center}.hero-image-section{order:1;height:180px;margin-bottom:0}.hero-image-container{height:180px;border-radius:12px;overflow:hidden}.compact-headline{font-size:1.75rem;margin-bottom:.5rem;text-align:center;line-height:1.2}.compact-subtitle{font-size:.9rem;text-align:center;margin-bottom:1.5rem;color:#435654}.login-box-inline{max-width:100%;padding:1.5rem;margin:0 auto;width:100%;box-shadow:0 4px 6px #0000001a}.login-box-inline h2{font-size:1.25rem;margin-bottom:1rem;text-align:center}.inline-login-form input{padding:.875rem;font-size:16px}.inline-submit-btn{padding:.875rem;font-size:1rem}.beta-badge{padding:.5rem 1rem;font-size:.75rem}}.cta-section{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.cta-primary{padding:1rem 2.5rem;background:#304849;color:#fff;border:none;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;font-family:Avenir Next,Avenir,Nunito Sans,sans-serif;transition:all .3s ease}.cta-primary:hover{background:#81a49f;transform:translateY(-2px);box-shadow:0 10px 30px #0000004d}.cta-secondary{padding:1rem 2.5rem;background:transparent;color:#fff;border:2px solid white;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;font-family:Avenir Next,Avenir,Nunito Sans,sans-serif;transition:all .3s ease}.cta-secondary:hover{background:#fff;color:#81a49f}.trust-indicators{display:flex;gap:2rem;justify-content:center;font-size:.95rem;opacity:.9}.trust-indicators span{display:flex;align-items:center;gap:.5rem}.benefits-section{background:#fff;padding:5rem 2rem}.benefits-inner{max-width:none;width:90%;margin:0 auto}.benefits-section h2{text-align:center;font-size:2.5rem;font-weight:700;color:#304849;margin-bottom:3rem}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem}.benefit{text-align:center}.benefit-icon{margin-bottom:1rem;color:#81a49f;display:flex;justify-content:center}.benefit h3{font-size:1.5rem;font-weight:600;color:#81a49f;margin-bottom:1rem}.benefit p{font-size:1.1rem;color:#666;line-height:1.6}.tagline{font-size:1.25rem;opacity:.95;max-width:500px;margin:0 auto 2rem;line-height:1.6}.feature-pills{display:flex;gap:1rem;justify-content:flex-start;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f1f5f9;border-radius:999px;font-size:.9rem;color:#0f172a}.cta-row{display:flex;gap:1rem;align-items:center;margin-top:.75rem}.hero-highlights{list-style:none;padding:0;margin:.75rem 0 .5rem;color:#182322}.hero-highlights li{display:flex;align-items:center;gap:.5rem;padding:.15rem 0}.hero-highlights li svg{color:#22c55e}.use-cases-quick{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.75rem}.use-case-chip{display:inline-block;padding:.45rem .75rem;border-radius:999px;background:#f0f5f4;color:#1b2c2d;text-decoration:none;font-weight:600;border:1px solid #dfeae8}.use-case-chip:hover{background:#dfeae8}.cta-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.25rem;border-radius:10px;border:none;background:linear-gradient(135deg,#304849,#304849);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 8px 24px #30484940;transition:transform .15s ease,box-shadow .2s ease}.cta-primary:hover{transform:translateY(-1px);box-shadow:0 12px 28px #30484952}.cta-secondary{color:#263636;font-weight:600;text-decoration:none}.auth-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.auth-modal-content{background:#fff;padding:2rem;border-radius:8px;width:90%;max-width:400px;position:relative}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;cursor:pointer;color:#666}.auth-form-modal input,.auth-form-modal select{width:100%;padding:.75rem;margin-bottom:1rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.auth-modal h2{color:#304849;font-family:Avenir Next,Avenir,Nunito Sans,sans-serif;font-weight:600;margin-bottom:1.5rem}.auth-form-modal{font-family:Avenir Next,Avenir,Nunito Sans,sans-serif}.auth-form-modal .submit-btn{background:linear-gradient(135deg,#304849,#81a49f);font-family:Avenir Next,Avenir,Nunito Sans,sans-serif;font-weight:600}.auth-tabs button{flex:1;padding:1.25rem;background:transparent;border:none;font-size:1rem;font-weight:600;color:#435654;cursor:pointer;transition:all .3s;position:relative}.auth-tabs button.active{color:#81a49f}.auth-tabs button.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(to right,#81a49f,#304849)}.auth-form{padding:1.5rem}.auth-form input,.auth-form select{width:100%;padding:.875rem;margin-bottom:1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:all .3s}.auth-form input:focus,.auth-form select:focus{outline:none;border-color:#81a49f;box-shadow:0 0 0 3px #81a49f1a}.plan-selector-compact{margin:1rem 0}.plan-selector-compact label{display:block;margin-bottom:.5rem;color:#2b3a3a;font-weight:500}.submit-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#304849,#304849);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:transform .2s,box-shadow .2s}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #30484959}.trial-note{text-align:center;margin-top:1rem;color:#10b981;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.features-section{padding:5rem 2rem;background:#fff;text-align:center}.use-cases-section{padding:5rem 2rem 3rem;background:#fcfcff;text-align:center}.use-cases-section h2{font-size:2rem;margin-bottom:.75rem;color:#0f172a}.section-subtitle{color:#35494a;margin:0 auto 2.25rem;max-width:60ch}.use-cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;max-width:none;width:90%;margin:0 auto}.use-case-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:1.25rem 1.25rem 1rem;text-align:left;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.use-case-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0206170f;border-color:#cbd5e1}.case-head{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.case-head h3{margin:0;font-size:1.1rem;color:#0f172a}.case-icon{width:40px;height:40px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:#fff}.case-icon.wedding{background:linear-gradient(135deg,#ef4444,#f97316)}.case-icon.showroom{background:linear-gradient(135deg,#3e5c58,#22c55e)}.case-icon.realestate{background:linear-gradient(135deg,#10b981,#3e5c58)}.case-icon.studio{background:linear-gradient(135deg,#304849,#304849)}.case-icon.events{background:linear-gradient(135deg,#3e5c58,#52756f)}.case-icon.teams{background:linear-gradient(135deg,#3e5c58,#81a49f)}.case-blurb{color:#35494a;margin:0 0 .5rem}.case-points{list-style:none;padding:0;margin:0}.case-points li{display:flex;align-items:center;gap:.5rem;color:#263636;padding:.3rem 0}.case-points li svg{color:#10b981;flex-shrink:0}.features-section h2{font-size:2rem;margin-bottom:2.5rem;color:#0f172a}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:none;width:90%;margin:0 auto}.feature-card{padding:1.75rem;border-radius:14px;background:#fff;border:1px solid #e5e7eb;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #02061714;border-color:#cbd5e1}.feature-icon{width:60px;height:60px;margin:0 auto 1.25rem;background:linear-gradient(135deg,#304849,#81a49f);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px}.feature-card h3{margin-bottom:1rem;font-size:1.25rem;color:#182322}.feature-card p{color:#435654;line-height:1.6}.pricing-section{padding:5rem 2rem;background:#f9fafb;text-align:center}.copy-section{padding:4rem 2rem;background:#fff;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9}.copy-section h2{text-align:center;color:#0f172a;font-size:2rem;margin:0 auto 2rem}.bullets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;max-width:none;width:90%;margin:0 auto}.bullet{background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;padding:1.25rem;text-align:left}.bullet h3{margin:0 0 .5rem;color:#0f172a;font-size:1.125rem}.bullet p{margin:0;color:#35494a}.stop-doing{background:#fbfbff}.stop-list{list-style:none;padding:0;margin:0 auto;max-width:900px}.stop-list li{display:flex;align-items:center;gap:.5rem;padding:.4rem 0;color:#263636}.stop-list li svg{color:#22c55e}.how-it-works{background:#fff}.step-list{counter-reset:step;list-style:none;padding:0;margin:0 auto;max-width:none;width:90%;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.step-list li{background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;padding:1rem;text-align:left}.step-list li h3{margin:0 0 .4rem;font-size:1.1rem;color:#0f172a}.step-list li p{margin:0;color:#35494a}.quotes{background:#fff}.quote-grid{max-width:none;width:90%;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.quote{background:#0f172a;color:#e5e7eb;border-radius:14px;padding:1rem 1.25rem;text-align:left}.quote p{margin:0 0 .5rem}.quote footer{color:#94a3b8;font-size:.9rem}.faq{background:#fbfbff}.faq-list{max-width:none;width:90%;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.faq-item{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:1rem;text-align:left}.faq-item h3{margin:0 0 .4rem;color:#0f172a;font-size:1.05rem}.faq-item p{margin:0;color:#35494a}.promise{background:#fff}.promise-copy{max-width:70ch;margin:.5rem auto 0;color:#263636;text-align:center}.pricing-section h2{font-size:2.5rem;margin-bottom:1rem;color:#182322}.pricing-subtitle{color:#435654;margin-bottom:1rem;font-size:1.1rem}.pricing-note{color:#35494a;margin-bottom:2.5rem;font-size:1rem;font-weight:500}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;max-width:none;width:90%;margin:0 auto 3rem}.pricing-card{background:#fff;border-radius:12px;padding:2rem;position:relative;border:2px solid #e5e7eb;transition:transform .3s,box-shadow .3s}.pricing-card.popular{border-color:#304849;transform:scale(1.02);box-shadow:0 16px 36px #3048492e}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#304849,#304849);color:#fff;padding:.25rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600}.pricing-card h3{margin-bottom:1rem;font-size:1.5rem;color:#182322}.price{margin-bottom:1.5rem}.amount{font-size:3rem;font-weight:700;color:#182322}.period{color:#435654;font-size:1rem}.storage-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f3f4f6;border-radius:8px;margin-bottom:1.5rem;font-weight:600;color:#354747}.features-list{list-style:none;padding:0;margin:0 0 2rem;text-align:left}.features-list li{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;color:#354747}.features-list li svg{color:#10b981;flex-shrink:0}.select-plan-btn{width:100%;padding:.875rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s;border:2px solid #e5e7eb;background:#fff;color:#354747}.select-plan-btn.primary{background:linear-gradient(135deg,#304849,#304849);color:#fff;border:none}.select-plan-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}.enterprise-cta{padding:3rem;background:#fff;border-radius:12px;max-width:600px;margin:0 auto}.enterprise-cta h3{margin-bottom:.5rem;color:#182322}.enterprise-cta p{color:#435654;margin-bottom:1.5rem}.contact-btn{padding:.875rem 2rem;background:#304849;color:#fcefb3;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .3s}.contact-btn:hover{background:#101b1a}.pricing-why{max-width:700px;margin:2.5rem auto 0;text-align:center;color:#35494a}.pricing-why h3{margin-bottom:.75rem;color:#182322;font-size:1.4rem}.pricing-why p{margin:0 0 .75rem;line-height:1.6}.trust-section{padding:5rem 2rem;background:#fff;text-align:center}.trust-section h2{font-size:2rem;margin-bottom:3rem;color:#182322}.trust-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;max-width:800px;margin:0 auto}.trust-item{text-align:center}.trust-item svg{color:#304849;margin-bottom:1rem}.trust-item h4{margin-bottom:.5rem;color:#182322}.trust-item p{color:#435654;font-size:.9rem}.marketing-footer{padding:1rem 1.5rem;background:var(--surface);color:var(--text);border-top:1px solid var(--border)}.footer-inner{max-width:1200px;margin:0 auto}.footer-grid{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-light)}.footer-brand{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--text)}.footer-links{display:flex;gap:1rem}.footer-links a{color:var(--text-secondary);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--text)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-top:.5rem}.copyright,.hosting-note{color:var(--text-secondary);font-size:.85rem;margin:0}.footer-core img{height:28px;width:auto;display:block}@media (max-width: 768px){.footer-grid{grid-template-columns:1fr;gap:.75rem;text-align:center}.footer-links{justify-content:center;flex-wrap:wrap}.footer-bottom{flex-direction:column;gap:.25rem}.top-bar-inner{padding:0 1rem}.brand-minimal{font-size:1rem}.top-nav{gap:.5rem}.signin-btn,.signup-btn-top{padding:.4rem 1rem;font-size:.9rem}.main-headline{font-size:2.5rem}.main-subtitle{font-size:1.1rem}.cta-section{flex-direction:column;width:100%;padding:0 1rem}.cta-primary,.cta-secondary{width:100%}.trust-indicators{flex-direction:column;gap:.5rem}.benefits-grid{grid-template-columns:1fr;gap:2rem}.features-section h2,.pricing-section h2{font-size:1.75rem}.pricing-card.popular{transform:none}.footer-content{flex-direction:column;gap:2rem}.trust-grid{grid-template-columns:repeat(2,1fr)}}