@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;1,400&display=swap');
:root{--ink:#25372e;--muted:#64726b;--paper:#f7f6ef;--sage:#e5ebe2;--line:#d8ddd4;--gold:#ad8464}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:#fafaf5;border-bottom:1px solid var(--line)}.brand{font-family:Georgia,serif;font-size:24px;letter-spacing:.13em;white-space:nowrap}.brand span{color:var(--gold);font-style:italic}.brand small{display:block;font:9px 'DM Sans',sans-serif;letter-spacing:.27em;margin-top:4px}.topbar nav{display:flex;gap:36px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.12em}.topbar nav a:hover{color:var(--gold)}.top-note{font-size:12px;color:var(--muted)}.hero{min-height:580px;display:grid;grid-template-columns:53% 47%;background:#e9eee8}.hero-copy{padding:105px 8% 46px 10%;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.21em;color:#a17354}.hero h1,.section-title h2{font:400 clamp(45px,5.3vw,78px)/1.08 'Playfair Display',Georgia,serif;letter-spacing:-.045em}.hero h1{margin:24px 0 22px}.hero h1 em{font-weight:400;color:#8b785d}.hero-copy>p{max-width:470px;color:#596b5f;line-height:1.85;font-size:15px;margin:0 0 29px}.primary{background:var(--ink);color:#fff;border:0;padding:17px 23px;font-size:12px;letter-spacing:.09em;text-transform:uppercase;font-weight:700;display:inline-flex;gap:42px;align-items:center;justify-content:space-between}.primary:hover{background:#41584a}.primary:disabled{opacity:.55;cursor:wait}.hero-foot{margin-top:auto;padding-top:35px;font-size:10px;letter-spacing:.13em;color:#7a897c;text-transform:uppercase}.hero-foot span{margin:0 9px;color:#aa9078}.hero-art{position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at center,#d5dfd1,#acbfae)}.hero-card-frame{width:270px;height:385px;background:#f6f1e6;box-shadow:20px 22px 40px #4f6c594f,-4px -4px 20px #fff5;border:10px solid #eee7d8;outline:1px solid #c8b9a2;outline-offset:-24px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:36px 15px;color:#5b5548;transform:rotate(-5deg)}.hero-card-frame span{font-size:7px;letter-spacing:.17em}.hero-card-frame strong{font:44px/1.05 Georgia,serif;margin:22px 0 26px}.hero-card-frame strong i{font-weight:400;color:#aa8869}.hero-card-frame b{font:14px Georgia;margin:13px 0}.hero-flower{color:#9e8567;font-size:30px;margin-bottom:23px}.fine-line{width:50px;border-top:1px solid #ae9175;margin-top:18px}.hero-stamp{position:absolute;right:13%;bottom:17%;border:1px solid #f7f4e9;color:#fff;border-radius:50%;width:100px;height:100px;display:grid;place-content:center;text-align:center;transform:rotate(12deg);font:italic 15px Georgia,serif}.hero-stamp span{display:block}.collection,.editor-section{max-width:1390px;margin:auto;padding:88px 5%}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.section-title h2{font-size:50px;margin:13px 0 0}.section-title p{font-size:13px;color:var(--muted);margin:0 0 7px}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.template-tile{background:#fff;border:1px solid var(--line);padding:0;text-align:left;color:var(--ink);transition:transform .2s,border-color .2s}.template-tile:hover{transform:translateY(-4px)}.template-tile.selected{border-color:#9b765a;box-shadow:0 0 0 2px #9b765a}.tile-image{height:310px;display:grid;place-items:center}.tile-ivory-classic{background:#eae4da}.tile-garden-poetry{background:#dce6d9}.tile-modern-arch{background:#e9d7ca}.mini-card{width:172px;height:244px;background:#faf7ed;display:flex;align-items:center;flex-direction:column;text-align:center;padding:37px 12px;box-shadow:5px 10px 22px #353b3030;color:#594c3e;border:6px solid #f1eadd;outline:1px solid #bea989;outline-offset:-15px}.mini-card small{font-size:6px;letter-spacing:.14em;line-height:1.7}.mini-card strong{font:25px Georgia,serif;margin:29px 0 24px}.mini-card i{color:#a78e72}.mini-card b{font:18px Georgia;margin-top:auto}.tile-garden-poetry .mini-card{background:#f4f4ea;color:#4a634e;border-color:#e8ebdc;outline-color:#a0b397}.tile-modern-arch .mini-card{background:#f9eee5;border:2px solid #b77761;border-radius:85px 85px 4px 4px;outline:0}.tile-meta{padding:18px 20px;display:flex;align-items:center;justify-content:space-between}.tile-meta strong,.tile-meta small{display:block}.tile-meta strong{font:22px Georgia,serif}.tile-meta small{color:var(--muted);font-size:11px;margin-top:6px}.tile-arrow{border:1px solid var(--line);border-radius:50%;padding:8px}.editor-section{padding-top:32px;padding-bottom:120px}.workbench{display:grid;grid-template-columns:47% 53%;background:#fff;border:1px solid var(--line)}.form-panel{padding:40px 48px}.form-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:25px}.form-heading strong{font:23px Georgia,serif}.pill{font-size:9px;letter-spacing:.18em;color:#957258}.fields{display:grid;gap:16px}label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#4a5c50}input{display:block;width:100%;margin-top:8px;border:1px solid #d5ddd3;background:#fcfdfa;color:var(--ink);padding:13px 12px;border-radius:0;outline:0;font-size:14px;letter-spacing:0}input:focus{border-color:#8da38e;box-shadow:0 0 0 2px #d9e5d8}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.actions{margin-top:27px}.download-row{display:flex;gap:8px;margin-top:15px}.download-row button{background:#fff;border:1px solid #b9c4b8;padding:12px;font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--ink)}.download-row button:disabled{opacity:.4;cursor:not-allowed}#status{min-height:20px;color:var(--muted);font-size:11px;margin-top:15px}.preview-panel{background:#edf0e9;display:flex;flex-direction:column;padding:27px 35px;min-width:0}.preview-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.17em;font-weight:700;color:#647466}.preview-stage{flex:1;min-height:660px;display:grid;place-items:center;padding:20px}.preview-stage iframe{width:600px;height:840px;border:0;box-shadow:13px 19px 38px #46534836;transform:scale(.66);transform-origin:center;flex:none;margin:-143px -102px}.preview-panel>p{text-align:center;font-size:11px;color:#6d7e70;letter-spacing:.08em}footer{background:#263c30;color:#f7f5e9;min-height:130px;display:flex;align-items:center;justify-content:space-between;padding:30px 5%;font-size:12px}footer .brand{font-size:19px}footer>span{opacity:.7}@media(max-width:1000px){.top-note{display:none}.hero{grid-template-columns:1fr 1fr}.hero-copy{padding:70px 8%}.workbench{grid-template-columns:1fr}.preview-stage{min-height:630px}}@media(max-width:700px){.topbar nav{display:none}.hero{grid-template-columns:1fr}.hero-copy{min-height:430px;padding:65px 7% 35px}.hero-art{min-height:440px}.collection,.editor-section{padding:65px 5%}.section-title{display:block}.section-title h2{font-size:40px}.template-grid{grid-template-columns:1fr}.tile-image{height:280px}.form-panel{padding:26px 20px}.field-row{grid-template-columns:1fr}.preview-panel{padding:25px 10px}.preview-stage{overflow:hidden;min-height:550px}.preview-stage iframe{transform:scale(.52);margin:-200px -144px}footer{gap:25px;flex-wrap:wrap}}
.tile-midnight-gold{background:#314257}.tile-midnight-gold .mini-card{background:#172435;color:#f8edd4;outline-color:#cba965;border-color:#26364a}.tile-rosewater{background:#eedcde}.tile-rosewater .mini-card{background:#fff2f1;color:#754b58;border-color:#f5e6e7;outline-color:#c88793;border-radius:90px}.tile-coastal-blue{background:#d7e9ed}.tile-coastal-blue .mini-card{background:#eef5f6;color:#314f61;border-color:#e2eff1;outline-color:#7298a5}.tile-terracotta-sun{background:#eed9c6}.tile-terracotta-sun .mini-card{background:#fbf0e5;color:#804e3c;border:2px solid #c06e4e;border-radius:90px 90px 4px 4px;outline:0}.tile-lavender-dream{background:#e5dceb}.tile-lavender-dream .mini-card{background:#f6f1fa;color:#514363;border-color:#eee5f3;outline-color:#a58ab9;border-radius:50%}.tile-black-tie{background:#d8d8d5}.tile-black-tie .mini-card{background:#f7f7f4;color:#222;border:6px solid #333;outline-color:#333}.tile-black-tie .mini-card strong{text-transform:uppercase;font-size:20px}.tile-golden-vine{background:#e7e0c7}.tile-golden-vine .mini-card{background:#f7f3e7;color:#66592f;border-color:#eae2c8;outline-color:#b4984f}.tile-wildflower{background:#e8e7d7}.tile-wildflower .mini-card{background:#faf8ed;color:#4a5540;border-color:#f1f0df;outline-color:#899b68}.tile-pearl-minimal{background:#e8e8e2}.tile-pearl-minimal .mini-card{background:#f8f8f5;color:#454844;border:0;outline:0}.tile-pearl-minimal .mini-card:before,.tile-pearl-minimal .mini-card:after{content:'';width:100%;border-top:1px solid #aaa9a0}
.template-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.tile-image{height:350px;background:#e9e7df}.mini-art{width:205px;height:287px;background-size:100% 100%;background-position:center;box-shadow:7px 12px 25px #28302e35;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 30px;color:#4a4036}.mini-art small{font:7px/1.6 Arial,sans-serif;letter-spacing:.09em}.mini-art strong{font:26px/1.1 Georgia,serif;margin:25px 0}.mini-art i{font-weight:400}.mini-art.layout-botanical{color:#475943}.mini-art.layout-botanical strong,.mini-art.layout-romantic strong{font-style:italic}.mini-art.layout-romantic{color:#754b58}.mini-art.layout-arch{color:#684b3d}.mini-art.layout-formal{color:#e7d5a9}.tile-image:has(.mini-art.layout-formal){background:#c5c7c3}.tile-image:has(.mini-art.layout-formal):has([style*="black-tie"]){background:#ddd}.mini-art.layout-formal[style*="black-tie"]{color:#222}.mini-art.layout-coastal{color:#315b69}.mini-art.layout-playful{color:#536846}.mini-art.layout-editorial{text-align:left;align-items:flex-start;color:#454844}.mini-art.layout-editorial strong{font-size:28px}.form-divider{font-size:10px;font-weight:700;letter-spacing:.17em;color:#a17354;border-top:1px solid var(--line);padding-top:22px;margin-top:9px}textarea{display:block;width:100%;margin-top:8px;border:1px solid #d5ddd3;background:#fcfdfa;color:var(--ink);padding:13px 12px;resize:vertical;font:14px 'DM Sans',Arial,sans-serif;outline:0}textarea:focus{border-color:#8da38e;box-shadow:0 0 0 2px #d9e5d8}.page-tabs{display:flex;justify-content:center;gap:7px;padding-top:20px}.page-tabs button{border:1px solid #afbdad;background:#f8faf5;color:#536456;padding:9px 14px;font-size:11px;font-weight:700}.page-tabs button.active{background:#263c30;color:white;border-color:#263c30}@media(max-width:1100px){.template-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tile-image{height:260px}.mini-art{transform:scale(.75);flex:none;margin:-35px}.tile-meta{padding:12px}.tile-meta strong{font-size:17px}.tile-meta small{font-size:10px}}@media(max-width:420px){.template-grid{grid-template-columns:1fr}.tile-image{height:300px}.mini-art{transform:scale(.9);margin:-15px}}
/* Motion gallery previews use a gentle camera move; the MP4 render follows its manifest. */
.motion-tile .mini-art { animation: motion-preview 8s ease-in-out infinite alternate; transform-origin: center; }
.motion-tile .tile-image { overflow: hidden; }
@keyframes motion-preview { from { transform: scale(1); } to { transform: scale(1.06); } }
@media (prefers-reduced-motion: reduce) { .motion-tile .mini-art { animation: none; } }
#motion-preview-btn {border:1px solid #aeb5ab;background:#fafaf4;color:#25372e;padding:8px 13px;font-size:11px;letter-spacing:.06em;cursor:pointer}
#motion-preview-btn:disabled {opacity:.55}
#motion-preview {width:min(100%,420px);height:auto;max-height:630px;object-fit:contain;box-shadow:0 18px 45px #25372e33}
.preview-stage [hidden],.download-row [hidden],.preview-top [hidden] {display:none!important}
.motion-tile[data-motion="book"] .mini-art,.motion-tile[data-motion="doors"] .mini-art {animation:motion-book 5s ease-in-out infinite alternate}
.motion-tile[data-motion="turn"] .mini-art,.motion-tile[data-motion="flip"] .mini-art {animation:motion-turn 6s ease-in-out infinite alternate}
.motion-tile[data-motion="fold"] .mini-art,.motion-tile[data-motion="slide"] .mini-art {animation:motion-fold 5s ease-in-out infinite alternate}
@keyframes motion-book {to {transform:perspective(800px) rotateY(-8deg) scale(1.04)}}
@keyframes motion-turn {to {transform:perspective(800px) rotateY(7deg) scale(1.04)}}
@keyframes motion-fold {to {transform:translateY(-8px) scale(1.035)}}
@media(prefers-reduced-motion:reduce){.motion-tile .mini-art{animation:none!important}}
.sound-choice{font:12px Arial,sans-serif;margin-top:15px}.sound-choice input{width:auto;display:inline;margin-right:8px}

.topbar{flex-wrap:wrap;gap:16px}.brand{max-width:100%;font-size:clamp(18px,2.5vw,28px)}@media(max-width:600px){.topbar nav{flex-wrap:wrap;gap:12px}.topbar .brand{width:100%}}