:root{color:#193e36;background:#f7f5ef;font-family:system-ui,sans-serif}body{margin:0}main{max-width:850px;margin:auto;padding:10vh 24px}h1{letter-spacing:-.04em;font-size:clamp(2.7rem,7vw,5rem);line-height:1.06}p{max-width:650px;font-size:1.15rem;line-height:1.7}.eyebrow{letter-spacing:.22em;font-size:.8rem;font-weight:700}section{background:#e8eee7;border-radius:16px;margin-top:3rem;padding:24px}h2{margin-top:0;font-size:1.3rem}.account-page{max-width:560px}.account-page h1{font-size:clamp(2.5rem,6vw,4rem)}a{color:inherit}.account-form{gap:12px;margin-top:28px;display:grid}.account-form label{font-weight:600}.account-form input{font:inherit;background:#fff;border:1px solid #829c91;border-radius:8px;padding:14px}.account-form input:focus-visible{outline-offset:3px;outline:3px solid #a56b27}button:focus-visible{outline-offset:3px;outline:3px solid #a56b27}a:focus-visible{outline-offset:3px;outline:3px solid #a56b27}.account-form button,button,.button-link{font:inherit;color:#fff;cursor:pointer;background:#193e36;border:0;border-radius:8px;padding:14px 22px;font-weight:600}.button-link{text-decoration:none;display:inline-block}button:disabled{opacity:.65;cursor:wait}.form-note{color:#47655b;font-size:.9rem}.notice{background:#f8e5d9;border-radius:8px;padding:16px}.account-nav{justify-content:space-between;align-items:center;gap:16px;display:flex}.account-nav form{margin:0}.secondary-button{color:#193e36;background:#e8eee7}.fm-shell,.fm-landing,.account-page{--ink:#23232b;--muted:#626167;--canvas:#f4f0ef;--paper:#faf6f5;--rail:#27272a;--accent:#4c6669;--line:#e0dada;color:var(--ink);font-family:system-ui,sans-serif}.fm-brand{white-space:nowrap;letter-spacing:-.04em;align-items:center;gap:12px;font-size:24px;font-weight:500;text-decoration:none;display:inline-flex}.fm-mark{vertical-align:middle;flex:none;width:48px;height:32px;display:inline-block;position:relative}.fm-mark i{background:#83a79b;border-radius:4px;width:36px;height:23px;position:absolute;top:1px;left:0}.fm-mark i+i{opacity:.96;background:#4d6477;top:8px;left:13px}.fm-mark i+i:before{content:"";background:#304b51;border-radius:4px;width:23px;height:16px;position:absolute;inset:0 auto auto 0}.fm-primary,.button-link.fm-primary{background:var(--accent);color:#fff;border-radius:11px;font-weight:550;box-shadow:0 4px 9px #26383b20}.fm-primary:hover{background:#3d5659}.fm-quiet{color:var(--ink);background:#eae4e2;border-radius:9px}.fm-shell{background:var(--canvas);grid-template-rows:94px 1fr;grid-template-columns:clamp(185px,19vw,290px) minmax(0,1fr);min-height:100vh;display:grid}.fm-topbar{color:#f8f5f5;background:#242427;border-bottom:1px solid #ffffff12;grid-column:1/-1;align-items:center;gap:clamp(26px,5vw,78px);padding:0 36px;display:flex}.fm-topbar nav{gap:22px;height:100%;display:flex}.fm-topbar nav button{color:#b9b6bb;background:0 0;border-radius:0;padding:0 4px;font-weight:500;position:relative}.fm-topbar nav button[aria-current=page]{color:#fff}.fm-topbar nav button[aria-current=page]:after{content:"";background:#a7a5a9;border-radius:3px 3px 0 0;height:3px;position:absolute;inset:auto 4px 0}.fm-profile{color:#d2ced2;align-items:center;gap:16px;margin-left:auto;font-size:.85rem;display:flex}.fm-avatar{color:#fff;background:#465759;border-radius:50%;place-items:center;width:36px;height:36px;font-size:.8rem;display:grid}.fm-sidebar{background:var(--rail);color:#c3bfc5;flex-direction:column;justify-content:space-between;padding:22px 10px;display:flex}.fm-sidebar nav{gap:4px;display:grid}.fm-sidebar button{text-align:left;color:inherit;background:0 0;border-radius:10px;align-items:center;gap:14px;padding:12px 22px;font-weight:500;display:flex}.fm-sidebar button:hover,.fm-sidebar button[aria-current=page]{color:#fff;background:#333337}.fm-sidebar button span{color:#8caca5;width:20px;font-size:1.28rem}.fm-sidebar p{padding-left:20px;font-size:.87rem}.fm-library{width:auto;max-width:none;margin:0;padding:34px clamp(24px,3vw,48px) 56px}.fm-library-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.fm-library h1{letter-spacing:-.045em;margin:0;font-size:clamp(1.8rem,3vw,2.45rem);font-weight:500}.fm-library h2{letter-spacing:-.035em;margin:0 0 16px;font-size:1.5rem;font-weight:550}.fm-upload{background:var(--paper);border:1px solid var(--line);border-radius:14px;justify-items:center;gap:25px;padding:clamp(28px,4vw,54px) 24px 28px;display:grid;box-shadow:0 2px 6px #28202008}.fm-upload-content{align-items:flex-start;gap:22px;max-width:510px;display:flex}.fm-upload-content .fm-mark{transform-origin:100% 0;margin:8px 0 0 12px;transform:scale(1.35)}.fm-upload h2{margin:0;font-size:clamp(1.45rem,3vw,2rem)}.fm-upload p{color:var(--muted);margin:.35rem 0 1.25rem;font-size:1rem}.fm-upload .fm-upload-note{text-align:center;margin:0;font-size:.9rem}.fm-section{background:0 0;margin:24px 0 0;padding:0}.fm-album-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2.4vw,36px);padding-top:8px;display:grid}.fm-album{text-align:left;background:var(--paper);width:100%;color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:0;display:block;position:relative;box-shadow:0 2px 6px #2820200a}.fm-album:hover{border-color:#8ba49e;box-shadow:0 5px 12px #28202018}.fm-folder:before{content:"";background:#9eb1af;border-radius:9px 12px 0 0;width:62px;height:18px;position:absolute;top:-8px;left:4px}.fm-cover-frame{border-radius:11px 11px 0 0;position:relative;overflow:hidden}.fm-cover{aspect-ratio:2;background-color:#a8b5b1;background-image:url(/demo/family-contact-sheet.png);background-repeat:no-repeat;background-size:200% 200%}.fm-cover-0{background-position:0 0}.fm-cover-1{background-position:100% 0}.fm-cover-2{background-position:0 100%}.fm-cover-3{background-position:100% 100%}.fm-album-details{gap:4px;padding:11px 13px 13px;line-height:1.3;display:grid}.fm-album-details strong{font-weight:550}.fm-album-details small{color:var(--muted);font-weight:400}.fm-actions{flex-wrap:wrap;gap:10px;display:flex}.fm-group-note{color:var(--muted);margin:-7px 0 10px;font-size:.95rem}.fm-suggestion{border:1px solid var(--line);background:var(--paper);border-radius:10px;margin:0 0 18px;padding:16px}.fm-suggestion .fm-group-note{margin:0 0 10px}.fm-suggestion form{align-items:center}.fm-suggestion input{font:inherit;box-sizing:border-box;border:1px solid #8c9796;border-radius:8px;max-width:100%;padding:10px}.fm-viewer{background:var(--paper);border:1px solid var(--line);border-radius:14px;margin:0 0 22px;padding:20px}.fm-viewer h2{margin:4px 0 0}.fm-viewer .fm-cover-frame{border-radius:8px;max-width:680px;margin-bottom:14px}.fm-cover-motion{animation:5s linear both fm-zoom}@keyframes fm-zoom{to{transform:scale(1.12)}}@media (prefers-reduced-motion:reduce){.fm-cover-motion{animation:none}}.fm-landing{background:var(--canvas);min-height:100vh;overflow:hidden}.fm-landing-header,.fm-landing-footer{justify-content:space-between;align-items:center;gap:18px;padding:20px clamp(20px,4vw,60px);display:flex}.fm-landing-header nav{align-items:center;gap:18px;display:flex}.fm-landing-header nav a{text-decoration:none}.fm-landing-main{max-width:none;margin:0;padding:0}.fm-landing-hero{background:radial-gradient(at 75% 100%,#e5dcda,#0000 65%);grid-template-columns:minmax(300px,1fr) minmax(0,1fr);align-items:center;gap:34px;min-height:500px;padding:35px 0 55px clamp(20px,4vw,60px);display:grid}.fm-landing-copy h1{letter-spacing:-.055em;margin:0;font-size:clamp(2.45rem,4.6vw,4.7rem);font-weight:500;line-height:1.1}.fm-landing-copy p{color:var(--muted);max-width:460px;margin:18px 0 25px}.fm-product{color:#fff;transform-origin:0;background:#29292d;border:8px solid #29292d;border-radius:18px;min-width:480px;text-decoration:none;display:block;overflow:hidden;transform:rotate(-6deg)translate(12px,15px);box-shadow:0 24px 42px #3a2f3a38}.fm-product-bar{align-items:center;gap:9px;padding:8px 14px;font-size:13px;display:flex}.fm-product .fm-mark{zoom:.52}.fm-product-body{grid-template-columns:106px 1fr;display:grid}.fm-product-rail{color:#d6d3d5;padding:16px 10px;font-size:11px;line-height:2.8}.fm-product-library{background:var(--canvas);color:var(--ink);padding:16px}.fm-product-library h2{font-size:1.1rem;font-weight:500}.fm-product-library h3{font-size:.85rem;font-weight:600}.fm-product-upload{background:var(--paper);border:1px solid var(--line);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:26px 6px;font-size:.85rem;display:flex}.fm-product-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.fm-product-grid>div{background:var(--paper);border-radius:6px;font-size:.7rem;overflow:hidden}.fm-product-grid span{padding:6px;display:block}.fm-landing-features{background:var(--paper);border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:28px;padding:42px clamp(20px,4vw,60px);display:grid}.fm-landing-features h2{font-weight:550}.fm-landing-features p{color:var(--muted);margin:0;font-size:1rem}.fm-landing-footer{background:var(--rail);color:#f8f5f5}.account-page .fm-brand{margin-bottom:10px}.account-page h1{font-weight:500}@media (max-width:1000px){.fm-album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.fm-shell{grid-template-rows:66px auto 1fr;grid-template-columns:minmax(0,1fr)}.fm-topbar{padding:0 16px}.fm-topbar nav,.fm-sidebar p,.fm-profile>span:first-child{display:none}.fm-sidebar{padding:6px 10px}.fm-sidebar nav{gap:4px;display:flex}.fm-sidebar button{gap:6px;padding:8px 10px}.fm-library{padding:22px 16px 38px}.fm-upload-content{gap:12px}.fm-upload-content .fm-mark{margin-left:0;transform:none}.fm-brand{font-size:20px}.fm-landing-hero{grid-template-columns:minmax(0,1fr);gap:16px;padding-right:20px}.fm-product{min-width:0;transform:none}.fm-product-body{grid-template-columns:72px 1fr}.fm-landing-features{grid-template-columns:1fr}.fm-landing-header nav{gap:10px}.fm-landing-header nav a{font-size:.85rem}.fm-landing-header .fm-primary{padding:9px 10px}}@media (max-width:400px){.fm-landing-header .fm-brand{gap:5px;font-size:16px}.fm-landing-header .fm-mark{zoom:.75}.fm-landing-footer{flex-wrap:wrap}.fm-product-grid{grid-template-columns:repeat(2,1fr)}}