/* Once Upon You — no-dependency picture-book studio */
:root{
  --ink:#253c54;--muted:#6d7b86;--paper:#fffaf0;--cream:#fcf5e8;
  --sky:#5aa9d6;--sky-deep:#287fae;--coral:#ed9379;--sun:#f5c85b;
  --leaf:#83b89c;--line:#e2d8c7;--shadow:0 12px 30px rgba(37,60,84,.09);
  --radius:22px;--radius-sm:14px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:
  radial-gradient(circle at 12% 8%,rgba(90,169,214,.13),transparent 28rem),
  radial-gradient(circle at 88% 24%,rgba(237,147,121,.12),transparent 25rem),
  var(--cream);font-family:ui-rounded,Nunito,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid rgba(90,169,214,.45);outline-offset:3px}
.svg-defs{position:absolute;width:0;height:0;overflow:hidden}
.site-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px clamp(16px,4vw,56px);background:rgba(252,245,232,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(226,216,199,.8)}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;min-width:0}
.brand-mark{width:42px;height:42px;border-radius:13px;background:var(--paper);border:1px solid var(--line);display:grid;place-items:center;box-shadow:0 5px 15px rgba(37,60,84,.06);flex:0 0 auto}
.brand-mark svg{width:29px;height:29px;fill:none;stroke:var(--sky-deep);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.brand-name{font-family:Georgia,serif;font-size:1.18rem;font-weight:700;white-space:nowrap}
.main-nav{display:flex;align-items:center;gap:4px}
.nav-link{border:0;background:transparent;color:var(--ink);padding:10px 11px;border-radius:10px}
.nav-link:hover{background:rgba(90,169,214,.1)}
.button{border:1px solid transparent;border-radius:13px;padding:12px 17px;min-height:44px;font-weight:750;transition:.18s ease}
.button:hover{transform:translateY(-1px)}
.button-primary{background:var(--sky);color:#fff;border-color:var(--sky-deep);box-shadow:0 5px 12px rgba(40,127,174,.16)}
.button-secondary{background:var(--paper);color:var(--ink);border-color:var(--line)}
.button-coral{background:var(--coral);color:#fff}
.button-ghost{background:transparent;color:var(--ink);border-color:var(--line)}
.button-danger{background:#fff1ed;color:#a64f3e;border-color:#efc3b7}
.button-small{padding:9px 13px;min-height:40px}
main{min-height:calc(100vh - 72px)}
.page-wrap{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:42px 0 90px}
.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,6vw,78px);align-items:center;padding-top:30px}
.eyebrow{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--sky-deep)}
h1,h2,h3{line-height:1.08;margin:0 0 14px}
h1,h2.book-title{font-family:Georgia,serif}
.hero h1{font-size:clamp(2.8rem,7vw,5.7rem);letter-spacing:-.045em}
.hero-copy{font-size:clamp(1.05rem,2vw,1.28rem);color:var(--muted);max-width:640px}
.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.privacy{font-size:.86rem;color:var(--muted);margin-top:18px}
.privacy strong{color:var(--ink)}
.book-cover{width:min(420px,100%);aspect-ratio:4/5;justify-self:center;position:relative;border-radius:24px;overflow:hidden;background:
 radial-gradient(circle at 70% 18%,rgba(245,200,91,.9) 0 4%,transparent 4.5%),
 radial-gradient(circle at 26% 73%,rgba(237,147,121,.25),transparent 30%),
 linear-gradient(155deg,#d8edf7,#fffaf0 55%,#f6dfd2);border:1px solid #d9cfbd;box-shadow:20px 24px 45px rgba(37,60,84,.14),inset 9px 0 0 rgba(40,127,174,.08)}
.book-cover:before{content:"";position:absolute;inset:14px;border:1px solid rgba(40,127,174,.28);border-radius:18px}
.cover-spine{position:absolute;left:15px;top:15px;bottom:15px;width:10px;border-right:1px solid rgba(40,127,174,.18)}
.cover-art{position:absolute;inset:0;display:grid;place-items:center}
.cover-art svg{width:68%;height:58%;fill:none;stroke:var(--sky-deep);stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;opacity:.9}
.cover-copy{position:absolute;left:36px;right:30px;top:42px;text-align:center}
.cover-copy h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:10px}
.cover-copy p{font-family:Georgia,serif;font-style:italic;color:#536a77}
.cover-footer{position:absolute;left:36px;right:30px;bottom:30px;text-align:center;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--sky-deep)}
.section{margin-top:70px}
.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:18px}
.section-head p{margin:0;color:var(--muted)}
.moment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.moment-card,.feature-card,.paper-card,.choice-card,.template-card,.library-card,.plan-card{background:rgba(255,250,240,.8);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow)}
.moment-card{padding:20px;display:flex;gap:15px;align-items:flex-start}
.moment-icon,.choice-icon,.template-icon{width:48px;height:48px;flex:0 0 auto;border-radius:15px;background:#fffdf7;display:grid;place-items:center;border:1px solid var(--line)}
.moment-icon svg,.choice-icon svg,.template-icon svg{width:29px;height:29px;fill:none;stroke:var(--sky-deep);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.moment-card h3{font-size:1.02rem;margin-bottom:4px}.moment-card p{margin:0;color:var(--muted);font-size:.91rem}
.wizard-shell,.editor-shell,.reader-shell,.library-shell{width:min(1220px,calc(100% - 24px));margin:0 auto;padding:28px 0 90px}
.progress-row{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px}
.progress-label{font-weight:800}.progress-bar{height:7px;flex:1;background:#eadfce;border-radius:999px;overflow:hidden}.progress-bar span{display:block;height:100%;background:var(--sky);border-radius:999px;transition:.25s;width:25%}
.wizard-card{max-width:980px;margin:0 auto;background:rgba(255,250,240,.86);border:1px solid var(--line);border-radius:26px;padding:clamp(20px,4vw,40px);box-shadow:var(--shadow)}
.wizard-card h1{font-size:clamp(2rem,5vw,3.2rem)}
.step-note{color:var(--muted);margin-top:-4px;margin-bottom:24px}
.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.choice-card,.template-card{position:relative;text-align:left;padding:18px;min-height:145px;transition:.18s;border:1px solid var(--line)}
.choice-card:hover,.template-card:hover{transform:translateY(-2px)}
.choice-card.selected,.template-card.selected{border-color:var(--sky);box-shadow:0 0 0 3px rgba(90,169,214,.16);background:#f9fdff}
.choice-card .check,.template-card .check{position:absolute;right:12px;top:12px;width:26px;height:26px;border-radius:50%;background:var(--sky);color:#fff;display:none;place-items:center;font-weight:900}
.choice-card.selected .check,.template-card.selected .check{display:grid}
.choice-card h3,.template-card h3{margin:14px 0 4px;font-size:1.08rem}.choice-card p,.template-card p{margin:0;color:var(--muted);font-size:.92rem}
.template-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.template-card{min-height:185px}
.template-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.tag{font-size:.76rem;padding:4px 8px;border-radius:999px;background:#f0ece2;color:#586b75}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-group{display:flex;flex-direction:column;gap:7px}.form-group.full{grid-column:1/-1}
label{font-weight:750;font-size:.9rem}input,textarea,select{width:100%;border:1px solid #d9cebd;background:#fffdf8;color:var(--ink);border-radius:12px;padding:12px 13px;font-size:16px;line-height:1.45}textarea{min-height:120px;resize:vertical}
.helper{font-size:.8rem;color:var(--muted);margin:0}.field-inline{display:flex;gap:8px}.field-inline>*{flex:1}
.range-row{display:flex;align-items:center;gap:12px}.range-row input{padding:0;border:0;background:transparent}.range-value{font-weight:800;min-width:72px}
.segmented{display:flex;flex-wrap:wrap;gap:8px}.segment{border:1px solid var(--line);background:#fffdf8;border-radius:11px;padding:10px 12px;min-height:44px;color:var(--ink)}.segment.selected{background:#e8f5fb;border-color:var(--sky);color:var(--sky-deep);font-weight:800}
.wizard-actions{display:flex;justify-content:space-between;gap:10px;margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}
.plan-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px}.plan-card{padding:20px}.plan-card h3{font-family:Georgia,serif;font-size:1.2rem}.plan-list{display:grid;gap:12px}.plan-item{padding-bottom:12px;border-bottom:1px dashed var(--line)}.plan-item:last-child{border-bottom:0;padding-bottom:0}.plan-item strong{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--sky-deep)}.plan-item span{display:block}
.refine-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.refine{background:#fffdf8;border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-size:.86rem}.refine.selected{border-color:var(--leaf);background:#eef7f0}
.save-note{font-size:.82rem;color:var(--muted);display:flex;align-items:center;gap:7px}.save-dot{width:8px;height:8px;border-radius:50%;background:var(--leaf)}
.editor-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.editor-top h1{font-size:clamp(1.8rem,4vw,2.8rem)}
.editor-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.page-strip-wrap{position:relative;margin-bottom:18px}.page-strip{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;touch-action:pan-x;padding:4px 3px 12px;scrollbar-width:thin}.page-thumb{flex:0 0 124px;min-height:100px;border:1px solid var(--line);background:#fffdf8;border-radius:15px;padding:10px;text-align:left}.page-thumb.selected{border-color:var(--sky);box-shadow:0 0 0 3px rgba(90,169,214,.14)}.page-thumb small{display:block;color:var(--muted);font-size:.7rem}.page-thumb strong{display:block;margin-top:8px;font-size:.82rem;line-height:1.25}
.editor-tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);margin-bottom:18px;overflow-x:auto}.tab{border:0;background:transparent;padding:12px 14px;color:var(--muted);font-weight:800;border-bottom:3px solid transparent;white-space:nowrap}.tab.active{color:var(--sky-deep);border-color:var(--sky)}
.editor-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,420px);gap:18px}.paper-card{padding:20px}.paper-card h2{font-size:1.25rem}.scene{min-height:350px;border-radius:18px;border:1px solid #d8cebf;position:relative;overflow:hidden;background:linear-gradient(180deg,#dff2fb 0 52%,#d8e6d1 52% 100%)}.scene:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 20%,rgba(245,200,91,.75) 0 3%,transparent 3.5%),radial-gradient(circle at 78% 25%,rgba(255,255,255,.85) 0 2%,transparent 2.5%)}.scene .hill{position:absolute;bottom:-55px;width:70%;height:170px;border-radius:50% 50% 0 0;background:#aac89e;transform:rotate(-5deg)}.scene .hill.two{right:-12%;bottom:-85px;background:#8fb98f;transform:rotate(6deg)}.scene .path{position:absolute;bottom:0;left:42%;width:24%;height:58%;background:#e9d5b7;clip-path:polygon(42% 0,58% 0,100% 100%,0 100%)}.scene .motif{position:absolute;inset:0;display:grid;place-items:center}.scene .motif svg{width:130px;height:130px;fill:none;stroke:var(--sky-deep);stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.scene .scene-label{position:absolute;left:14px;bottom:12px;background:rgba(255,250,240,.88);border:1px solid rgba(226,216,199,.9);padding:6px 9px;border-radius:9px;font-size:.72rem;color:var(--muted)}
.scene.moonlit{background:linear-gradient(180deg,#a9cce0 0 55%,#b9cda9 55% 100%)}.scene.moonlit:before{background:radial-gradient(circle at 72% 22%,#fff7c9 0 6%,transparent 6.5%),radial-gradient(circle at 15% 17%,rgba(255,255,255,.7) 0 1%,transparent 1.5%),radial-gradient(circle at 27% 28%,rgba(255,255,255,.6) 0 1%,transparent 1.5%)}.scene.sunset{background:linear-gradient(180deg,#f4c9a9 0 48%,#d6dcae 48% 100%)}.scene.bright{background:linear-gradient(180deg,#bfe6f7 0 50%,#c9dfb8 50% 100%)}.scene.coral{background:linear-gradient(180deg,#f4d3c4 0 52%,#c9d9b5 52% 100%)}.scene.misty{background:linear-gradient(180deg,#cbdde3 0 55%,#d6dfd0 55% 100%)}.scene.night{background:linear-gradient(180deg,#839eb2 0 58%,#9eb38f 58% 100%)}
.art-note{padding:12px 14px;background:#f3f8fa;border-left:3px solid var(--sky);border-radius:10px;font-size:.88rem;color:#4f6876}
.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.control-grid .form-group{min-width:0}
.editor-side-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.library-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.library-head h1{font-size:clamp(2rem,5vw,3.5rem)}.library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.library-card{padding:17px}.library-cover{height:170px;border-radius:14px;margin-bottom:14px;border:1px solid var(--line);background:linear-gradient(150deg,#dff2fb,#fffaf0 58%,#f5d9cf);display:grid;place-items:center}.library-cover svg{width:100px;height:100px;fill:none;stroke:var(--sky-deep);stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.library-card h3{font-family:Georgia,serif;font-size:1.3rem}.library-card p{color:var(--muted);font-size:.88rem;margin:5px 0}.card-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.reader{max-width:940px;margin:0 auto}.reader-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.reader-progress{height:7px;background:#e9decd;border-radius:999px;overflow:hidden;margin-bottom:18px}.reader-progress span{display:block;height:100%;background:var(--sky);width:10%}.reader-book{display:grid;grid-template-columns:.95fr 1.05fr;min-height:570px;background:var(--paper);border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}.reader-art{padding:26px;background:#edf5f5;display:flex;align-items:center}.reader-text{padding:clamp(25px,5vw,54px);display:flex;flex-direction:column;justify-content:center}.reader-text h1{font-size:clamp(1.8rem,4vw,3rem)}.reader-text p{font-family:Georgia,serif;font-size:clamp(1.15rem,2.2vw,1.45rem);line-height:1.8;white-space:pre-wrap}.reader-controls{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:16px}.reader-count{color:var(--muted);font-weight:800}
.keep-card{background:#fffdf8;border:1px dashed #cfc0aa;border-radius:18px;padding:25px;min-height:240px;display:grid;place-items:center;text-align:center}.keep-card h2{font-family:Georgia,serif}.keep-lines{display:grid;gap:15px;width:min(480px,100%);text-align:left}.keep-line{border-bottom:1px solid #a99a83;height:34px}
.empty{padding:50px 20px;text-align:center;background:rgba(255,250,240,.7);border:1px dashed var(--line);border-radius:20px}.empty p{color:var(--muted)}
.toast{position:fixed;z-index:100;left:50%;bottom:20px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--ink);color:#fff;padding:11px 15px;border-radius:12px;box-shadow:0 12px 25px rgba(0,0,0,.18);transition:.2s;max-width:min(90vw,520px);font-size:.9rem}.toast.show{opacity:1;transform:translate(-50%,0)}
.floating-home{display:none;position:fixed;z-index:40;left:14px;bottom:calc(14px + env(safe-area-inset-bottom));align-items:center;gap:7px;border:1px solid var(--line);background:rgba(255,250,240,.96);color:var(--ink);box-shadow:0 8px 20px rgba(37,60,84,.13);border-radius:999px;padding:9px 13px;min-height:44px}.floating-home svg{width:21px;height:21px;fill:none;stroke:var(--sky-deep);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hint{font-size:.82rem;color:var(--muted)}
.demo-lock{padding:12px 14px;border-radius:12px;background:#f7eee0;border:1px solid var(--line);color:#5c6870}
.story-meta{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 18px}
.notice{padding:12px 14px;background:#eef7f0;border:1px solid #c8dfcf;border-radius:12px;color:#456251}
@media (max-width:900px){
  .hero{grid-template-columns:1fr}.book-cover{order:-1;max-width:370px}
  .moment-grid,.library-grid{grid-template-columns:1fr 1fr}.editor-grid{grid-template-columns:1fr}
  .reader-book{grid-template-columns:1fr}.reader-art{min-height:330px}.reader-text{min-height:350px}
}
@media (max-width:680px){
  .site-header{padding:10px 13px}.brand-name{font-size:1.05rem}.brand-mark{width:38px;height:38px}
  .main-nav .nav-link{display:none}.main-nav .button{padding:8px 11px}
  .page-wrap,.wizard-shell,.editor-shell,.reader-shell,.library-shell{width:min(100% - 20px,1180px);padding-top:24px}
  .hero{padding-top:12px}.hero h1{font-size:clamp(2.55rem,14vw,4rem)}
  .moment-grid,.choice-grid,.template-grid,.form-grid,.plan-layout,.control-grid,.library-grid{grid-template-columns:1fr}
  .form-group.full{grid-column:auto}.wizard-card{padding:18px;border-radius:20px}
  .wizard-actions{position:sticky;bottom:0;background:rgba(252,245,232,.96);margin-left:-18px;margin-right:-18px;padding:13px 18px calc(13px + env(safe-area-inset-bottom));z-index:20}
  .editor-top{align-items:flex-start;flex-direction:column}.editor-actions{justify-content:flex-start;width:100%}
  .page-strip-wrap{margin-left:-2px;margin-right:-2px}.page-strip{padding-bottom:14px}.page-thumb{flex-basis:124px}
  .paper-card{padding:15px}.scene{min-height:290px}
  .reader-art{min-height:270px;padding:16px}.reader-text{padding:24px 20px}.reader-text p{font-size:1.15rem;line-height:1.7}
  .floating-home{display:flex}.section{margin-top:48px}
}
@media print{
  .site-header,.floating-home,.toast{display:none!important}
}

/* Phase 4 — cohesive illustrated storybook scenes inspired by the Guided Studio v9 direction */
.scene{padding:0!important;min-height:350px!important;background:#dcecf0!important;border-radius:20px;box-shadow:inset 0 0 0 1px rgba(37,60,84,.08),0 12px 28px rgba(48,92,118,.08)}
.storybook-svg{display:block;width:100%;height:100%;min-height:350px}
.storybook-svg .object{stroke:#5d7f73;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.storybook-svg .companion{fill:#fffaf0;stroke:#5d6f72;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.storybook-svg .fox{fill:#ed9379;stroke:#7d665b}.storybook-svg .bird{fill:#83b89c;stroke:#54746f}.storybook-svg .owl{fill:#b59a7d;stroke:#65594f}.storybook-svg .rabbit{fill:#fffaf0;stroke:#71818a}
.storybook-svg .hero-figure{filter:drop-shadow(0 5px 4px rgba(37,60,84,.14))}
.storybook-svg .scene-sparkles{opacity:.8}
.scene:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 50px rgba(255,250,240,.22)}
.page-thumb .thumb-art{height:58px;border-radius:9px;overflow:hidden;background:#e9f2ef;margin-bottom:7px}.page-thumb .thumb-art svg{width:100%;height:100%}
.illustration-panel{display:grid;gap:12px}.illustration-panel .eyebrow{margin-bottom:2px}.art-note strong{display:block;margin-bottom:3px}
.approval-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px 14px;margin-top:12px;border:1px solid var(--line);border-radius:14px;background:#f8f5ed}.approval-bar>span{font-weight:850;font-size:.84rem;margin-right:auto;color:var(--ink)}
.print-preview{position:fixed;inset:0;z-index:200;background:#e8e1d6;overflow:auto;padding-top:62px}.print-toolbar{position:fixed;z-index:201;top:0;left:0;right:0;min-height:62px;display:flex;align-items:center;gap:12px;padding:9px 14px;background:rgba(255,250,240,.97);border-bottom:1px solid var(--line);box-shadow:0 4px 15px rgba(37,60,84,.08)}.print-toolbar>span{color:var(--muted);font-size:.82rem}.print-toolbar>div{margin-left:auto;display:flex;gap:8px}.print-document{width:min(1100px,calc(100% - 28px));margin:18px auto 50px;display:grid;gap:18px}.print-page{width:100%;aspect-ratio:11/8.5;display:grid;grid-template-columns:1fr 1fr;background:var(--paper);box-shadow:0 12px 32px rgba(37,60,84,.16);overflow:hidden}.print-page .visual{overflow:hidden;border-right:1px solid var(--line)}.print-page .visual .storybook-svg{min-height:0}.print-page .copy{padding:clamp(28px,5vw,70px);display:flex;flex-direction:column;justify-content:center;background:#fffaf0}.print-page .copy h1{font-family:Georgia,serif;font-size:clamp(25px,3vw,40px);line-height:1.08;margin:10px 0 20px}.print-page .copy p{font-family:Georgia,serif;font-size:clamp(16px,1.7vw,21px);line-height:1.65;margin:0}.print-page .subtitle{margin-top:16px;color:var(--muted);font-family:Georgia,serif;font-style:italic}.print-page .dedication{margin-top:22px;font-family:Georgia,serif;font-style:italic;color:#718290}.print-page.keepsake{display:block;background:#fffaf0}.print-page .full{width:100%;height:100%;text-align:center;align-items:center}.print-page .lines{font-family:Georgia,serif;font-size:18px;line-height:1.25;margin:15px 0}.print-page .full h2{font-family:Georgia,serif;margin-top:25px}
@media(max-width:680px){.storybook-svg{min-height:290px}.print-toolbar{align-items:flex-start;flex-wrap:wrap;padding:9px 10px}.print-toolbar>span{display:none}.print-toolbar>div{margin-left:auto}.print-preview{padding-top:92px}.print-document{width:calc(100% - 16px);gap:12px}.print-page{aspect-ratio:auto;grid-template-columns:1fr;min-height:720px}.print-page .visual{min-height:350px;border-right:0;border-bottom:1px solid var(--line)}.print-page .copy{min-height:340px;padding:28px 24px}.page-thumb .thumb-art{height:52px}}
@media print{body>*:not(#printPreview){display:none!important}.print-preview{position:static!important;display:block!important;background:#fff!important;padding:0!important;overflow:visible!important}.print-toolbar{display:none!important}.print-document{width:100%!important;margin:0!important;display:block!important}.print-page{width:11in!important;height:8.5in!important;aspect-ratio:auto!important;box-shadow:none!important;break-after:page!important;page-break-after:always!important}.print-page .visual{min-height:0!important}.print-page .copy{min-height:0!important}.print-page .storybook-svg{min-height:0!important;height:100%!important}.print-page.keepsake{break-after:auto!important;page-break-after:auto!important}@page{size:letter landscape;margin:0}}