:root{color-scheme:light;--paper:#f5f5f3;--surface:#fff;--ink:#242627;--muted:#616566;--line:#dadcda;--glass:rgba(255,255,255,.76);--stage:#e6e8e7;--yellow:#ffe512;--shadow:rgba(61,69,68,.14);--radius:20px;font-family:Lato,-apple-system,BlinkMacSystemFont,sans-serif;font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:110px}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);overflow-x:clip}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img{display:block;max-width:100%}button{border:0}button:disabled{cursor:default;opacity:.35}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #827000;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2{font-family:'Playfair Display',Georgia,serif;font-weight:500;letter-spacing:-.055em;line-height:1.1}h1 em,h2 em{font-weight:500;line-height:1.2;display:inline-block;padding-bottom:.08em}h2{font-size:clamp(40px,4.4vw,66px)}p{line-height:1.6}button,a{touch-action:manipulation}.wrap{width:min(1320px,calc(100% - 112px));margin-inline:auto}.section{padding-block:110px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.19em;text-transform:uppercase}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:18px 25px;min-height:54px;border-radius:99px;background:var(--ink);color:var(--surface);font-size:14px;font-weight:700;white-space:nowrap;box-shadow:0 4px 12px var(--shadow);transition:transform .2s,box-shadow .2s}.button span{font-size:19px;font-weight:400}.button:hover{transform:translateY(-2px);box-shadow:0 10px 24px var(--shadow)}.button:active{transform:scale(.98)}.button.compact{min-height:44px;padding:10px 19px;font-size:12px;gap:20px}.text-link{display:inline-flex;align-items:center;gap:18px;background:none;padding:8px 0;font-size:14px;border-bottom:1px solid transparent}.text-link:hover{border-color:currentColor}.skip-link{position:fixed;top:-80px;left:20px;z-index:100;padding:15px;background:var(--ink);color:var(--surface)}.skip-link:focus{top:10px}
/* Web frosted glass, inspired by native materials; no Apple API is used. */
.navigation{height:76px;position:sticky;top:16px;z-index:20;margin:16px auto 0;width:min(1392px,calc(100% - 48px));padding:0 25px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--glass);border:1px solid rgba(255,255,255,.8);border-radius:99px;backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%);box-shadow:inset 0 1px 0 #fff,0 5px 24px rgba(40,50,45,.04)}.brand{display:flex;align-items:center;gap:20px;flex-shrink:0}.brand img{width:88px;height:auto}.brand>span{font-size:21px;letter-spacing:-.04em;padding-left:20px;border-left:1px solid var(--line)}.navigation nav{display:flex;gap:35px;font-size:13px}.navigation nav a{padding:12px 0;position:relative}.navigation nav a:after{content:'';height:2px;background:var(--ink);position:absolute;bottom:3px;left:0;right:0;transform:scaleX(0);transform-origin:left;transition:transform .2s}.navigation nav a:hover:after{transform:scaleX(1)}.menu-toggle{display:none}.mobile-menu{display:none}
.hero{display:grid;grid-template-columns:1.04fr 1fr;align-items:center;min-height:670px;padding-block:50px 70px;position:relative}.hero-copy{position:relative;z-index:3}.hero .eyebrow{margin-bottom:27px;display:flex;align-items:center;gap:12px}.hero .eyebrow:before{content:'';width:28px;height:3px;background:var(--yellow)}.hero h1{font-size:clamp(46px,4.8vw,73px);white-space:nowrap;letter-spacing:-.06em}.hero-description{max-width:355px;margin-top:24px;font-size:16px;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:32px}.hero-art{height:520px;position:relative;isolation:isolate;perspective:1200px}.art-halo{position:absolute;inset:4% 0;background:radial-gradient(ellipse,rgba(169,181,177,.35),transparent 65%);z-index:-1}.hero-sheet{position:absolute;height:auto;box-shadow:0 30px 50px rgba(66,72,70,.19),0 2px 7px rgba(42,48,47,.1);border:1px solid rgba(255,255,255,.85);transition:transform .65s cubic-bezier(.2,.7,.2,1)}.sheet-front{width:53%;left:26%;top:9%;transform:rotate(8deg);z-index:3}.sheet-side{width:43%;right:5%;top:23%;transform:rotate(19deg);z-index:2}.sheet-back{width:46%;left:6%;top:19%;transform:rotate(-13deg);z-index:1}.hero-art:hover .sheet-front{transform:translateY(-12px) rotate(3deg)}.hero-art:hover .sheet-back{transform:translate(-12px,3px) rotate(-18deg)}.hero-art:hover .sheet-side{transform:translate(12px,4px) rotate(23deg)}.app-seal{position:absolute;bottom:1%;right:6%;width:106px;height:106px;border-radius:26px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(255,255,255,.83),rgba(255,255,255,.25));border:1px solid rgba(255,255,255,.9);box-shadow:0 15px 35px var(--shadow),inset 0 1px 0 white;backdrop-filter:blur(18px);z-index:4;transform:rotate(-8deg)}.app-seal img{border-radius:19px}.format-strip{display:flex;justify-content:space-between;align-items:center;padding-block:30px;border-block:1px solid var(--line);gap:20px}.format-strip>span{font-size:12px;line-height:1.5;color:var(--muted)}.format-strip strong{font-weight:700;color:var(--ink)}.format-strip p{font-size:13px;color:var(--muted)}.section-intro{max-width:850px;margin-bottom:44px}.section-intro>p{color:var(--muted);font-size:16px;margin-top:22px}
.workspace{border-radius:var(--radius);background:var(--surface);padding:12px 12px 0;box-shadow:0 25px 70px var(--shadow);border:1px solid var(--line)}.workspace-tabs{display:flex;justify-content:center;gap:5px;padding:6px 5px 20px}.workspace-tabs button{border-radius:99px;background:none;font-size:13px;padding:12px 22px;color:var(--muted)}.workspace-tabs button[aria-selected=true]{background:var(--ink);color:var(--surface)}.workspace-screen{aspect-ratio:1440/920;overflow:hidden;border-radius:12px;background:var(--stage)}.workspace-screen img{width:100%;height:100%;object-fit:contain}.workspace-caption{padding:22px 16px;display:flex;justify-content:space-between;gap:25px;align-items:center}.workspace-caption p{font-size:13px}.workspace-caption>span{font-size:11px;color:var(--muted);white-space:nowrap}
.hands-on{display:grid;grid-template-columns:.9fr 1.1fr;gap:10%;align-items:center;padding-top:30px}.hands-on-copy>.eyebrow{margin-bottom:26px}.hands-on-copy>p:not(.eyebrow){max-width:350px;margin-top:23px;font-size:16px;color:var(--muted)}.hands-on-copy>.demo-instruction{font-size:14px!important}.photo-choices{display:flex;gap:12px;margin-block:23px}.photo-choice{background:var(--surface);border-radius:12px;border:2px solid transparent;padding:4px;width:101px;height:77px;transition:transform .2s,border-color .2s}.photo-choice:hover{transform:translateY(-3px)}.photo-choice.selected{border-color:var(--ink)}.photo-choice img{width:100%;height:100%;object-fit:cover;border-radius:7px}.upload-row{display:flex;gap:24px;align-items:center}.upload-button{display:inline-flex;align-items:center;gap:25px;border-bottom:1px solid var(--ink);padding-block:10px;font-size:14px;cursor:pointer;position:relative}.upload-button input{position:absolute;width:1px;height:1px;opacity:0}.upload-button:focus-within{outline:3px solid #827000;outline-offset:5px}.hands-on-copy>.small-note{font-size:12px!important;max-width:360px;min-height:39px}.demo-stage{padding:45px 50px 25px;background:var(--stage);border:1px solid var(--line);border-radius:var(--radius);position:relative}.demo-flyer{background:#faf9f2;color:#595959;padding:30px;box-shadow:0 20px 35px rgba(44,57,52,.13);transform:rotate(3deg);max-width:400px;margin:auto}.demo-brand{display:flex;align-items:center;gap:12px}.demo-brand img{object-fit:contain}.demo-brand img:first-child{width:33px;height:33px}.demo-brand img:last-child{width:90px;height:auto}.demo-flyer h3{font-family:'Playfair Display',Georgia,serif;font-size:37px;letter-spacing:-.045em;font-weight:500;line-height:1.05;margin-block:27px 20px}.photo-drop{padding:0;display:block;width:100%;aspect-ratio:1.5;position:relative;background:#d8dcd6;overflow:hidden}.photo-drop>img{width:100%;height:100%;object-fit:cover}.drop-hint{position:absolute;inset:auto 12px 12px;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);color:#242627;border-radius:8px;padding:12px;font-size:12px;display:flex;justify-content:space-between;opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s}.photo-drop:hover .drop-hint,.photo-drop:focus-visible .drop-hint,.photo-drop.dragging .drop-hint{opacity:1;transform:none}.photo-drop.dragging{outline:4px solid #ffe512;outline-offset:4px}.demo-details{padding:20px 0 24px;display:flex;flex-direction:column;gap:8px}.demo-details strong{font-family:'Playfair Display',serif;font-weight:500;font-size:20px}.demo-details span{font-size:10px;letter-spacing:.1em;text-transform:uppercase}.demo-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #d7d5cb;padding-top:15px;font-size:8px}.demo-label{display:block;text-align:center;font-size:11px;color:var(--muted);margin-top:33px}
.collection{background:color-mix(in srgb,var(--stage) 50%,var(--paper));border-block:1px solid var(--line)}.collection-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px}.filters{display:flex;gap:5px;flex-wrap:wrap}.filters button{padding:12px 19px;border-radius:99px;background:transparent;font-size:13px;color:var(--muted)}.filters button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 2px 6px var(--shadow)}#template-count{font-size:12px;color:var(--muted);white-space:nowrap}.template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:38px 24px}.template-card{padding:0;background:none;display:flex;flex-direction:column;text-align:left;min-width:0}.template-art{--art-height:330px;--art-padding:28px;height:var(--art-height);width:100%;background:var(--paper);display:grid;place-items:center;padding:28px;overflow:hidden;border-radius:12px;position:relative;transition:background .25s}.template-card:nth-child(3n+2) .template-art{background:var(--surface)}.template-card:nth-child(3n+3) .template-art{background:var(--stage)}.template-art img{max-height:calc(var(--art-height) - 2 * var(--art-padding));min-height:0;max-width:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 9px 20px rgba(57,64,59,.16);transition:transform .5s cubic-bezier(.2,.7,.2,1)}.template-card:hover img{transform:translateY(-5px) rotate(-2deg) scale(1.025)}.template-card:focus-visible img{transform:translateY(-5px)}.template-open{position:absolute;right:13px;bottom:13px;width:33px;height:33px;display:grid;place-items:center;background:var(--surface);color:var(--ink);border-radius:50%;font-size:16px;box-shadow:0 2px 5px var(--shadow)}.template-name{font-size:14px;font-weight:700;margin-top:16px}.template-type{font-size:12px;color:var(--muted);margin-top:6px}.collection-footnote{font-size:12px;color:var(--muted);margin-top:36px;max-width:600px}.loading-text{padding:45px;grid-column:1/-1}.finish-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:65px;margin-top:55px}.feature-symbol{font-family:'Playfair Display',serif;font-size:35px;display:block;line-height:1;margin-bottom:25px}.finish-item h3{font-size:18px;font-weight:700;margin-bottom:16px;letter-spacing:-.025em}.finish-item p{font-size:14px;color:var(--muted);max-width:290px}.download-section{padding-block:10px 70px}.download-glass{text-align:center;padding:66px 25px;border:1px solid var(--line);background:linear-gradient(140deg,var(--surface),var(--stage));border-radius:28px;position:relative;overflow:hidden;box-shadow:inset 0 1px 0 var(--surface)}.download-icon{margin:0 auto 27px;border-radius:24px;transform:rotate(-7deg);box-shadow:0 16px 32px var(--shadow)}.download-glass h2{font-size:clamp(42px,4.8vw,72px)}.download-glass p{margin:19px 0 27px;color:var(--muted);font-size:16px}.release-note{display:block;color:var(--muted);font-size:11px;margin-top:26px}.questions{padding-top:20px;display:grid;grid-template-columns:1fr 1.5fr;gap:70px}.questions h2{font-size:44px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;font-size:15px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:20px;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:14px;color:var(--muted);padding-bottom:25px;max-width:580px}.footer{border-top:1px solid var(--line);padding-block:37px;display:flex;align-items:center;justify-content:space-between;gap:30px}.footer>p{font-size:12px;color:var(--muted)}.footer>div{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.footer .text-link{font-size:11px;padding:4px 0}.footer .brand img{width:75px}.footer .brand span{font-size:19px}
dialog{border:1px solid var(--line);padding:0;color:var(--ink);background:var(--surface);border-radius:24px;box-shadow:0 30px 100px rgba(20,25,23,.3);max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px)}dialog::backdrop{background:rgba(31,35,33,.35);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}body:has(dialog[open]){overflow:hidden}.close-dialog{position:absolute;top:16px;right:16px;border-radius:50%;width:42px;height:42px;font-size:27px;background:var(--stage);color:var(--ink);line-height:1;z-index:2}.close-dialog:hover{background:var(--line)}.access-dialog{width:520px;padding:44px;overflow:auto}.access-dialog>img{border-radius:19px;margin-bottom:27px}.access-dialog>.eyebrow{margin-bottom:17px}.access-dialog h2{font-size:48px}.access-dialog>p:not(.eyebrow){font-size:14px;color:var(--muted);margin-top:20px}.access-steps{list-style:none;padding:0;margin:25px 0}.access-steps li{display:flex;gap:18px;font-size:13px;padding:12px 0;align-items:center}.access-steps span{font-size:11px;color:var(--muted)}.access-notice{background:var(--stage);padding:15px 17px;font-size:12px;line-height:1.5;border-radius:10px;margin-bottom:22px}.access-dialog>.button{width:100%}.preview-dialog{width:1000px;background:var(--paper)}.preview-toolbar{padding:22px 80px 22px 28px;border-bottom:1px solid var(--line);background:var(--surface)}.preview-toolbar h2{font-family:Lato,sans-serif;letter-spacing:-.02em;font-size:18px;font-weight:700;line-height:1.35}.preview-toolbar p{font-size:12px;color:var(--muted);margin-top:5px}.preview-art{height:min(64dvh,760px);padding:25px;display:grid;place-items:center;overflow:auto}.preview-art img{width:auto;height:auto;max-height:100%;max-width:100%;object-fit:contain;box-shadow:0 12px 30px var(--shadow)}.preview-bottom{display:flex;align-items:center;justify-content:center;gap:20px;border-top:1px solid var(--line);padding:14px 28px;background:var(--surface)}.page-control{width:40px;height:40px;background:var(--stage);border-radius:50%;font-size:18px}#preview-page{font-size:12px;min-width:75px;text-align:center}.preview-note{font-size:11px;color:var(--muted);margin-left:auto}.noscript{padding:30px;text-align:center}
html[data-theme=dark]{color-scheme:dark;--paper:#202424;--surface:#2a2f2f;--ink:#f1f2ee;--muted:#b6bfbc;--line:#464d4b;--glass:rgba(39,44,43,.86);--stage:#303a37;--shadow:rgba(0,0,0,.24)}html[data-theme=dark] .brand img{filter:invert(1)}html[data-theme=dark] .navigation{border-color:#5b635f;box-shadow:inset 0 1px 0 #66706a,0 5px 24px #0002}html[data-theme=dark] .button{color:#222827}html[data-theme=dark] .workspace-tabs button[aria-selected=true]{color:#222827}
@media(prefers-color-scheme:dark){html:not([data-theme=light]){color-scheme:dark;--paper:#202424;--surface:#2a2f2f;--ink:#f1f2ee;--muted:#b6bfbc;--line:#464d4b;--glass:rgba(39,44,43,.86);--stage:#303a37;--shadow:rgba(0,0,0,.24)}html:not([data-theme=light]) .brand img{filter:invert(1)}html:not([data-theme=light]) .navigation{border-color:#5b635f;box-shadow:inset 0 1px 0 #66706a,0 5px 24px #0002}html:not([data-theme=light]) .button,html:not([data-theme=light]) .workspace-tabs button[aria-selected=true]{color:#222827}}
@media(prefers-reduced-motion:no-preference){.hero-copy{animation:enter .85s both}.sheet-back{animation:back-in 1.15s .1s both}.sheet-side{animation:side-in 1.15s .2s both}.sheet-front{animation:front-in 1.15s .3s both}.app-seal{animation:enter 1s .6s both}.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1)}.js .reveal.visible{opacity:1;transform:none}dialog[open]{animation:enter .25s both}.image-change{animation:image-change .4s both}@keyframes enter{from{opacity:0;transform:translateY(20px)}to{opacity:1}}@keyframes back-in{from{opacity:0;transform:translate(80px,50px) rotate(0)}to{opacity:1;transform:rotate(-13deg)}}@keyframes side-in{from{opacity:0;transform:translate(-60px,50px) rotate(0)}to{opacity:1;transform:rotate(19deg)}}@keyframes front-in{from{opacity:0;transform:translateY(80px) rotate(0)}to{opacity:1;transform:rotate(8deg)}}@keyframes image-change{from{opacity:.3;transform:scale(.99)}to{opacity:1;transform:scale(1)}}}
@media(min-width:1500px){.hero-art{height:560px}.hero{min-height:730px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero h1{font-size:5vw}.hero-art{height:460px}.hero{min-height:590px}.hero-actions{gap:20px}.hero-actions .text-link{font-size:12px}.navigation nav{gap:22px}.format-strip{gap:15px}.format-strip p{font-size:11px}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.template-art{--art-height:310px}.hands-on{gap:6%}.demo-stage{padding:38px 30px 25px}.demo-flyer{padding:25px}.finish-grid{gap:35px}.preview-note{display:none}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.section{padding-block:72px}.navigation{top:10px;margin-top:10px;height:64px;width:calc(100% - 24px);padding:0 20px;gap:10px}.brand{gap:13px}.brand img{width:70px}.brand>span{font-size:20px;padding-left:13px}.navigation nav,.navigation>.button{display:none}.menu-toggle{display:flex;gap:10px;align-items:center;background:none;font-size:13px;min-height:44px}.mobile-menu:not([hidden]){display:flex;position:fixed;z-index:19;top:83px;left:12px;right:12px;background:var(--surface);padding:20px;border:1px solid var(--line);border-radius:20px;box-shadow:0 12px 30px var(--shadow);flex-direction:column;gap:6px}.mobile-menu a,.mobile-menu button{text-align:left;padding:13px 10px;background:none;font-size:16px}.hero{grid-template-columns:1fr;padding-block:53px 15px;min-height:0}.hero .eyebrow{font-size:9px;letter-spacing:.16em;margin-bottom:23px}.hero h1{font-size:clamp(36px,7.8vw,59px);letter-spacing:-.055em}.hero-description{font-size:15px;margin-top:18px;max-width:330px}.hero-actions{margin-top:24px;gap:23px}.hero-actions .button{font-size:13px;padding:15px 21px;min-height:51px;gap:17px}.hero-art{height:420px;width:90%;max-width:500px;margin:10px auto 0}.sheet-front{width:49%;left:27%;top:12%}.sheet-side{width:43%;right:0;top:27%}.sheet-back{width:43%;top:22%}.app-seal{width:79px;height:79px;right:5%;bottom:8%;border-radius:20px}.app-seal img{width:61px;height:61px;border-radius:14px}.format-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding-block:23px}.format-strip>span{font-size:10px}.format-strip p{font-size:11px}.section-intro{margin-bottom:30px}h2{font-size:clamp(35px,7.5vw,49px)}.section-intro>p{font-size:14px;margin-top:18px}.workspace{padding:7px 7px 0;border-radius:15px}.workspace-tabs{padding:7px 0 15px;gap:3px;justify-content:space-between}.workspace-tabs button{font-size:10px;padding:10px 9px;white-space:nowrap}.workspace-screen{border-radius:7px}.workspace-caption{display:block;padding:15px 8px}.workspace-caption p{font-size:11px}.workspace-caption span{display:block;font-size:9px;margin-top:8px}.hands-on{grid-template-columns:1fr;gap:35px;padding-top:0}.hands-on-copy>p:not(.eyebrow){font-size:15px;max-width:350px}.hands-on-copy>.eyebrow{font-size:9px}.demo-stage{padding:35px 35px 23px;max-width:520px;width:100%;margin:auto}.demo-flyer{padding:25px}.demo-flyer h3{font-size:34px}.demo-label{font-size:10px}.collection-controls{display:block}.filters{gap:4px;row-gap:8px}.filters button{font-size:11px;padding:10px 14px}#template-count{margin:18px 0 0;font-size:11px}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px}.template-art{--art-height:250px;--art-padding:19px;padding:19px 15px;border-radius:10px}.template-name{font-size:12px;margin-top:12px;line-height:1.4}.template-type{font-size:10px;line-height:1.5}.template-open{width:27px;height:27px;font-size:14px;right:8px;bottom:8px}.collection-footnote{font-size:11px}.finish-grid{grid-template-columns:1fr;gap:35px;margin-top:36px}.finish-item{display:grid;grid-template-columns:48px 1fr;column-gap:19px}.feature-symbol{grid-row:1/3;font-size:30px;margin-top:4px}.finish-item h3{font-size:17px;margin-bottom:9px}.finish-item p{max-width:100%;font-size:14px}.download-section{padding:0 0 70px}.download-glass{padding:48px 18px;border-radius:20px}.download-icon{width:86px;height:86px;border-radius:19px}.download-glass h2{font-size:40px}.download-glass p{font-size:14px}.release-note{font-size:10px;line-height:1.7;max-width:230px;margin-inline:auto}.questions{grid-template-columns:1fr;gap:20px;padding-top:0}.questions h2{font-size:38px}.faq-list summary{font-size:14px;padding:22px 0}.faq-list details p{font-size:13px}.footer{flex-wrap:wrap;padding-block:28px;gap:23px}.footer .brand{order:0}.footer>div{order:1}.footer>p{width:100%;order:2;font-size:11px}.access-dialog{padding:30px 25px}.access-dialog h2{font-size:42px}.access-dialog>img{width:65px;height:65px}.access-steps li{font-size:12px}.preview-toolbar{padding:21px 64px 18px 20px}.preview-toolbar h2{font-size:15px}.preview-toolbar p{font-size:11px}.preview-art{padding:18px;height:61dvh}.preview-bottom{padding:12px 18px}.close-dialog{width:36px;height:36px;top:13px;right:13px}}
@media(max-width:400px){.hero-art{height:340px;margin-top:20px}.hero h1{font-size:8vw}.hero-actions{gap:17px}.hero-actions .text-link{font-size:11px;gap:10px}.template-art{--art-height:215px}.demo-stage{padding:30px 25px 20px}.demo-flyer{padding:22px}.demo-flyer h3{font-size:30px}.demo-footer{font-size:7px;gap:8px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-art:hover .hero-sheet{transform:revert}.reveal{opacity:1!important;transform:none!important}}
@media(prefers-reduced-transparency:reduce){.navigation{background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none}dialog::backdrop{backdrop-filter:none;background:rgba(10,15,12,.78)}.app-seal{background:var(--surface);backdrop-filter:none}.drop-hint{background:#fff;backdrop-filter:none}}

/* Keep the photo chooser within narrow phones instead of widening its grid track. */
.hands-on>div{min-width:0}.photo-choice{min-width:0;flex:0 1 101px}
@media(max-width:760px){.hands-on{grid-template-columns:minmax(0,1fr)}}