:root{--ink:#192744;--muted:#5d6880;--blue:#234ad9;--pale:#edf1ff;--line:#dce1ec;--orange:#f3a64e;--paper:#f7f8fc;--white:#fff;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.55}button,input,select,textarea{font:inherit;color:inherit}button,a,summary,label{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:var(--blue);text-underline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #e89b33;outline-offset:3px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}input,select,textarea{max-width:100%}button{border:0}button:disabled:hover{transform:none}.site-header{height:82px;display:flex;justify-content:space-between;align-items:center;gap:24px;max-width:1440px;margin:auto;padding:0 5%}.brand{text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:9px;font-weight:800;font-size:24px;letter-spacing:-1px}.brand-mark{background:var(--blue);color:white;border-radius:8px;font-size:32px;line-height:36px;width:36px;text-align:center;transform:rotate(-7deg)}.beta{font-size:9px;letter-spacing:.8px;background:#e7ebf6;padding:3px 5px;border-radius:4px}.site-header nav{display:flex;gap:27px}.site-header nav a{color:var(--muted);font-size:13px;text-decoration:none;font-weight:600}main{max-width:1320px;margin:auto;padding:0 36px}.hero{display:flex;justify-content:space-between;align-items:center;padding:45px 0 43px;gap:30px;border-top:1px solid var(--line)}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:var(--blue)}h1{font-size:clamp(42px,4.7vw,66px);line-height:1.04;letter-spacing:-3px;margin:18px 0 22px}h1 span{color:var(--blue)}.hero-copy{color:var(--muted);font-size:15px;line-height:1.7}.trust{display:flex;flex-wrap:wrap;gap:18px;font-size:11px;font-weight:600;margin-top:22px;color:#435473}.hero-aside{width:300px;padding:26px;border-left:1px solid var(--line);transform:rotate(-3deg)}.big-number{font-size:32px;letter-spacing:-1px;font-weight:800;color:#9ca9d4}.hero-aside p{font-size:9px;letter-spacing:1px;margin:5px 0 32px;color:var(--muted)}.hero-aside a{display:flex;justify-content:space-between;font-weight:700;font-size:13px;text-decoration:none}.hero-aside a span{font-size:26px;color:var(--blue)}.workspace{display:grid;grid-template-columns:372px minmax(0,1fr);gap:24px;align-items:start;scroll-margin-top:20px}.controls{display:grid;gap:14px}.control-card{border:1px solid var(--line);background:white;border-radius:16px;padding:23px}.section-title{display:flex;gap:12px;align-items:center;margin-bottom:20px}.section-title>span{font-size:11px;font-weight:800;background:var(--pale);color:var(--blue);height:31px;min-width:31px;display:grid;place-items:center;border-radius:50%}h2{font-size:17px;letter-spacing:-.4px}.section-title p{color:var(--muted);font-size:11px;margin-top:3px}.upload-zone{position:relative;display:flex;flex-direction:column;align-items:center;background:#f6f8ff;border:1.5px dashed #a6b4e5;border-radius:12px;padding:20px 10px;cursor:pointer;text-align:center}.upload-zone input,.file-button input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload-zone:hover,.upload-zone.dragover{background:#e9eeff;border-color:var(--blue)}.upload-zone:focus-within,.file-button:focus-within{outline:3px solid var(--orange)}.upload-icon{width:36px;height:36px;border-radius:10px;background:#e6ecff;color:var(--blue);font-size:29px;line-height:36px;margin-bottom:9px}.upload-zone strong{font-size:14px}.upload-zone>span:not(.upload-icon){font-size:12px;color:var(--muted)}.upload-zone small{font-size:10px;margin-top:12px;color:var(--muted)}.file-info{display:flex;align-items:center;gap:10px;justify-content:space-between;margin:12px 0;font-size:11px}.file-info>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:210px}.text-button{color:var(--blue);font-weight:600;font-size:11px;padding:8px 0;background:none;text-decoration:underline;text-underline-offset:3px}.project-actions{display:flex;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:8px}.project-actions button{font-size:10px}.hint{color:var(--muted);font-size:11px;line-height:1.6}.field{margin-bottom:14px;min-width:0}label,legend{font-size:12px;font-weight:600}.field>label{display:block;margin-bottom:6px}input[type=number],input[type=text],select,textarea{width:100%;min-height:44px;border:1px solid #cdd5e5;border-radius:8px;padding:10px 12px;background:white;font-size:14px}input[type=color]{height:44px;width:100%;border:1px solid var(--line);background:white;border-radius:8px;padding:4px}textarea{resize:vertical}select[size]{min-height:110px}select{cursor:pointer}.size-row,.paper-row,.inline{display:flex;gap:12px}.size-row>.field{flex:1}.size-row #unit-field{flex:0 0 82px}.grow{flex:1}.paper-row{margin-top:21px}fieldset{border:0;padding:0;margin:0}legend{margin-bottom:7px}.segmented{display:flex;background:#f0f2f8;border-radius:9px;padding:4px;gap:4px}.segmented label{position:relative;flex:1}.segmented input{position:absolute;opacity:0}.segmented span{display:block;text-align:center;padding:8px;border-radius:6px;font-size:12px;color:var(--muted);cursor:pointer}.segmented input:checked+span{color:var(--blue);background:white;box-shadow:0 1px 5px #152d6314}.segmented input:focus-visible+span{outline:3px solid var(--orange)}details{border-top:1px solid var(--line);margin-top:19px;padding-top:15px}summary{cursor:pointer;font-size:12px;font-weight:700;min-height:28px}details[open]>summary{margin-bottom:15px}.check-row{display:flex;align-items:center;gap:8px;font-weight:400;font-size:11px;margin:12px 0}.check-row input{width:16px;height:16px;accent-color:var(--blue);flex:none}.editor-card details{margin:0;padding:0;border:0}.editor-card summary{font-size:14px}.editor-card summary small{display:block;color:var(--muted);font-weight:400;font-size:11px;margin:4px 0 0 17px}.editor-toolbar{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0}.secondary{background:#f0f3fc;border:1px solid #d8e0f5;border-radius:7px;padding:10px 12px;font-size:11px;font-weight:600;color:var(--blue)}.file-button{position:relative;overflow:hidden;cursor:pointer}.suggestion{background:#eef7f3;padding:12px;border-radius:8px;margin-top:14px;font-size:12px;color:#245c47}.preview-panel{background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden;position:sticky;top:16px;min-width:0}.preview-heading{display:flex;justify-content:space-between;align-items:center;padding:24px 26px 16px;gap:12px}.preview-heading h2{font-size:17px;margin-top:5px}.preview-heading .eyebrow{font-size:9px}.badge{border-radius:20px;padding:7px 11px;background:var(--pale);color:var(--blue);font-size:11px;font-weight:700;white-space:nowrap}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 26px 17px}.preview-toolbar>span{font-size:10px;color:var(--muted)}.view-switch{display:flex;background:#eef1f8;padding:3px;border-radius:8px;gap:2px}.view-switch button{padding:7px 12px;font-size:11px;background:transparent;border-radius:6px;color:var(--muted)}.view-switch .active{background:white;color:var(--ink);box-shadow:0 1px 3px #18274b1c;font-weight:700}.preview-stage{min-height:430px;height:430px;background-color:#e9edf6;background-image:radial-gradient(#b7c1d5 .7px,transparent .7px);background-size:16px 16px;display:flex;align-items:center;justify-content:center;padding:25px 50px 42px;overflow:auto}.assembled-wrap{position:relative;flex:none}#poster-map{position:relative;background:white;box-shadow:0 12px 30px #29395829}#artwork{width:100%;height:100%;display:block}#grid-overlay{position:absolute;inset:0;overflow:hidden;pointer-events:none}.tile-box{position:absolute;border:1px dashed #ffffffc9;box-shadow:0 0 0 .4px #26395b70}.tile-label{position:absolute;left:5px;top:5px;font-size:9px;background:#172642db;color:white;padding:1px 5px;border-radius:3px}.overlap-band{position:absolute;background:repeating-linear-gradient(135deg,#fff2 0,#fff2 3px,#fff9 3px,#fff9 5px)}.dimension{position:absolute;font-size:10px;color:#4f5e78;white-space:nowrap}.dimension-width{bottom:-26px;left:0;right:0;text-align:center}.dimension-height{left:calc(100% + 10px);top:50%;writing-mode:vertical-rl}.preview-key{padding:10px 26px;font-size:10px;color:var(--muted);display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line)}.key-swatch{width:12px;height:12px;background:repeating-linear-gradient(135deg,#d7def4 0,#d7def4 2px,white 2px,white 4px);border:1px solid #b3bfdc;flex:none}.preview-summary{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:12px;padding:20px 26px}.preview-summary>div+div{border-left:1px solid var(--line);padding-left:16px}.preview-summary span{display:block;font-size:8px;letter-spacing:1px;color:var(--muted);font-weight:700}.preview-summary strong{display:block;font-size:16px;margin-top:4px;letter-spacing:-.5px}.quality-note,.format-note{font-size:11px;margin:0 26px 10px;color:var(--muted);line-height:1.6}.quality-note{background:#eff7f2;color:#315e45;padding:10px 12px;border-radius:7px}.quality-note.warning{background:#fff3df;color:#83501d}.download-card{padding:20px 26px 22px;border-top:1px solid var(--line);margin-top:17px}.download-card .section-title{margin-bottom:13px}.download-card .section-title>span{background:#fff1de;color:#945719}.export-button{width:100%;display:flex;justify-content:space-between;align-items:center;background:var(--blue);color:white;font-size:14px;font-weight:700;padding:16px 20px;border-radius:10px;box-shadow:0 3px 0 #1939ab;transition:background .15s}.export-button:hover{background:#193cbf}.export-button>span:last-child{font-size:23px;line-height:1}.print-reminder{font-size:10px;text-align:center;color:var(--muted);margin-top:13px}.print-reminder strong{color:var(--ink)}.download-extras{display:flex;gap:24px;justify-content:center;margin-top:8px}.reprint{margin:0 0 12px;border:0;padding:0}.reprint summary{font-size:11px;font-weight:500;color:var(--muted)}.reprint label{display:block;font-size:11px;margin-bottom:5px}.status{font-size:12px;color:var(--blue);margin:10px 0;overflow-wrap:anywhere}.status:empty{display:none}.message{padding:12px;border-radius:8px;font-size:12px;margin:12px 0}.error{background:#fff0eb;color:#9c3826;border:1px solid #eac5ba}.preview-panel>.message{margin:12px 26px}#page-grid{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;align-self:flex-start}.page-thumb canvas{width:100%;height:auto;background:white;box-shadow:0 3px 9px #26395b25;display:block}.page-thumb p{font-size:10px;text-align:center;color:var(--muted);margin:6px 0}.preview-stage.pages{padding:22px}#selection-box{position:absolute;border:2px solid #ff9c33;pointer-events:none;transform-origin:center;box-shadow:0 0 0 1px white}.editing #artwork{touch-action:none;cursor:move}.guide{padding:72px 0 40px}.guide h2{font-size:30px;letter-spacing:-1px;margin:10px 0}.guide>div>p:last-child{color:var(--muted);font-size:13px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.guide-grid article{background:white;border-top:3px solid #ccd6f7;padding:25px;border-radius:0 0 12px 12px}.guide-grid article>span{font-size:10px;letter-spacing:1px;color:var(--blue);font-weight:700}.guide-grid h3{font-size:17px;margin:15px 0 9px;letter-spacing:-.4px}.guide-grid p{font-size:12px;color:var(--muted);line-height:1.8}.faq{max-width:850px;margin:12px auto 60px}.faq h2{font-size:22px;margin-bottom:24px}.faq summary{font-size:14px}.faq details p{font-size:13px;color:var(--muted);line-height:1.8}.tarpapel-intro{background:#eef1ff;border-radius:14px;padding:24px;margin-bottom:24px}.tarpapel-intro p{font-size:13px;margin-top:10px;max-width:900px}footer{border-top:1px solid var(--line);padding:25px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px}footer .brand{font-size:20px}.article{max-width:850px;padding-top:40px;padding-bottom:60px}.article h1{font-size:40px}.article h2{margin:30px 0 10px}.article p{margin:12px 0;line-height:1.8}
@media(min-width:1500px){.preview-stage{height:470px}}@media(max-width:1050px){main{padding:0 24px}.workspace{grid-template-columns:330px minmax(0,1fr);gap:18px}.control-card{padding:20px}.preview-heading,.preview-toolbar{padding-left:20px;padding-right:20px}.preview-heading h2{font-size:14px}.preview-summary{padding:18px}.preview-summary strong{font-size:13px}.preview-summary>div+div{padding-left:10px}.preview-toolbar>span{font-size:9px}.preview-stage{padding-left:42px;padding-right:42px}.hero-aside{width:260px}.hero-copy{font-size:14px}}
@media(max-width:760px){.site-header{height:70px;padding:0 20px}.brand{font-size:22px}.brand-mark{font-size:27px;width:31px;line-height:31px}.site-header nav{gap:15px}.site-header nav a{font-size:11px}.site-header nav a:last-child,.beta{display:none}main{padding:0 16px}.hero{padding:28px 4px 30px}.hero-aside{display:none}h1{font-size:48px;letter-spacing:-2.5px;margin:15px 0 18px}.hero-copy{font-size:13px}.hero-copy br{display:none}.trust{gap:12px;font-size:10px;margin-top:18px}.workspace{display:flex;flex-direction:column;gap:18px}.controls,.preview-panel{width:100%}.control-card{padding:20px}.upload-zone{padding:18px 10px}.field input,.field select,textarea{font-size:16px}.preview-heading{padding:22px 18px 15px}.preview-heading h2{font-size:15px}.preview-toolbar{padding:0 18px 16px}.preview-stage{height:400px;min-height:400px;padding:25px 40px 42px}.preview-summary{padding:18px 16px;gap:8px}.preview-summary span{font-size:8px;letter-spacing:.4px}.preview-summary strong{font-size:13px}.preview-key{padding:10px 16px;font-size:10px}.quality-note,.format-note{margin-left:16px;margin-right:16px}.download-card{padding:20px 18px}.preview-toolbar>span{font-size:9px}.view-switch button{padding:8px 10px}.guide{padding:42px 0 25px}.guide h2{font-size:25px}.guide-grid{grid-template-columns:1fr;gap:15px;margin-top:23px}.guide-grid article{padding:23px}.guide-grid h3{margin:10px 0}.faq{margin-bottom:35px}.faq h2{font-size:21px}.faq summary{font-size:13px}footer{flex-wrap:wrap;font-size:10px;padding:22px 20px}footer>span{display:none}#page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-actions button{font-size:11px}.text-button{min-height:36px}.secondary{min-height:42px}.editor-toolbar{gap:10px}.hero .eyebrow{font-size:9px}.preview-summary>div+div{padding-left:9px}}
@media(max-width:360px){.brand{font-size:19px}.site-header nav{gap:10px}.site-header nav a{font-size:10px}.trust{gap:8px;font-size:9px}h1{font-size:43px}.preview-summary strong{font-size:11px}.preview-heading h2{font-size:13px}.download-extras{gap:15px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

@media(max-width:760px){.text-button{min-height:44px;font-size:12px}.hint{font-size:12px}.upload-zone small{font-size:11px}.project-actions{gap:10px}.project-actions button{font-size:11px}}

.skip-link{position:absolute;left:16px;top:-80px;z-index:20;background:white;padding:12px 18px;border:2px solid var(--blue);border-radius:8px}.skip-link:focus{top:10px}.preview-jump{text-align:center;text-decoration:none;display:block;min-height:44px}#workspace,#preview{scroll-margin-top:20px}#artwork:focus-visible{outline:3px solid var(--orange);outline-offset:4px}

/* Guided setup: one size state and one export action. */
.size-choice{display:flex;gap:4px;padding:4px;background:var(--pale);border-radius:10px;margin-bottom:16px}.size-choice button{flex:1;min-height:44px;border-radius:7px;background:transparent;font-weight:700;font-size:12px}.size-choice [aria-pressed=true]{background:var(--blue);color:white}.grid-shortcuts{display:flex;gap:8px;margin-bottom:10px}.grid-shortcuts button{flex:1;min-height:44px;padding:8px}.size-result{font-size:12px;font-weight:700;color:var(--blue);margin:8px 0}.device-save{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.storage-summary{font-size:12px;font-weight:700}.device-save details{margin-top:8px;padding-top:0;border:0}.device-save summary,.file-details summary{min-height:44px;display:list-item;align-content:center}.project-actions{border:0;padding:0;margin-bottom:10px}.project-actions .secondary{min-height:44px;font-size:12px}.project-actions #clear-project{color:var(--muted);min-height:44px}.restore-confirm{margin-top:12px;padding:12px;background:#fff3df;border-radius:8px}.restore-confirm .inline{flex-wrap:wrap;margin-top:10px}.assembly-explainer>div{display:flex;gap:12px;align-items:center;margin:12px 0}.assembly-explainer p{font-size:11px;color:var(--muted)}.assembly-explainer strong{display:block;color:var(--ink)}.margin-demo{display:block;flex:none;width:54px;height:64px;background:white;border:1px solid #8390ab;padding:8px}.margin-demo i{display:block;background:#c6d2ff;width:100%;height:100%;border:1px dashed var(--blue)}.overlap-demo{position:relative;display:block;flex:none;width:54px;height:48px}.overlap-demo i{position:absolute;top:0;width:32px;height:48px;border:1px solid var(--blue);background:#c6d2ff}.overlap-demo i:last-child{left:22px}.overlap-demo:after{content:'';position:absolute;left:22px;width:10px;height:48px;background:repeating-linear-gradient(135deg,#234ad9 0,#234ad9 2px,#fff 2px,#fff 4px)}.preview-actions{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.download-jump{font-size:11px;min-height:44px;display:flex;align-items:center;white-space:nowrap}.file-details{margin:0 26px;padding:0;border-top:1px solid var(--line)}.file-details .quality-note,.file-details .format-note{margin:0 0 12px}.output-risk{font-size:12px;background:#fff3df;color:#754212;padding:10px 12px;border-radius:7px;margin:0 26px 12px}.tile-label{z-index:2;font-size:11px;font-weight:700;line-height:18px;min-width:22px;text-align:center;left:2px;top:2px;padding:0 3px;color:#fff;background:#192744;border:1px solid white;box-shadow:0 1px 3px #0009}.tile-box{border:1px dashed white;box-shadow:0 0 0 1px #19274499}.overlap-band,.key-swatch{background:repeating-linear-gradient(135deg,#234ad977 0,#234ad977 2px,#fff9 2px,#fff9 5px)}.overlap-band{z-index:1}.key-swatch{width:16px;height:16px;border-color:#677ba9}.page-thumb p{font-size:12px;font-weight:700;color:var(--ink);background:white;border-radius:4px;padding:4px}.download-card{margin-top:0}#download-area{scroll-margin-top:20px}#download-area:focus-visible{outline:3px solid var(--orange);outline-offset:-4px}
@media(min-width:761px) and (max-height:900px){.preview-stage{height:280px;min-height:280px}.preview-heading{padding-top:16px}.preview-summary{padding-top:12px;padding-bottom:12px}.download-card{padding-top:14px}.preview-key{padding-top:8px;padding-bottom:8px}}
@media(max-width:760px){.preview-stage{height:340px;min-height:280px}.file-details{margin:0 16px}.output-risk{margin-left:16px;margin-right:16px}.preview-actions{max-width:48%}.download-jump{white-space:normal;text-align:right}.assembly-explainer p{font-size:12px}.size-choice button{font-size:13px}}

.site-header nav a[aria-current=page]{color:var(--blue);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}.tarpapel-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;margin:16px 0}.tarpapel-actions a{min-height:44px;display:flex;align-items:center;font-size:12px}.tarpapel-actions button{min-height:44px}.tarpapel-entry{font-size:12px;margin-top:18px}.classroom-faq{max-width:none;background:white;border:1px solid var(--line);border-radius:16px;padding:24px;margin-top:25px}.classroom-faq h2{max-width:700px}#paper{scroll-margin-top:20px}@media(max-width:760px){.site-header{height:auto;min-height:70px;flex-wrap:wrap;gap:12px;padding-top:15px}.site-header nav{width:100%;gap:22px;padding-bottom:14px}.site-header nav a{font-size:12px;min-height:36px;display:flex;align-items:center}.classroom-faq{padding:20px}.tarpapel-actions{align-items:stretch;flex-direction:column;gap:4px}}

/* Local-only analytics preferences; same control layout on both tool pages. */
.analytics-choice{margin:2rem auto;padding:1.25rem;border:1px solid #dce3ed;border-radius:1rem;max-width:72rem;background:#f7f9fd}.analytics-choice h2{font-size:1.1rem}.analytics-choice .inline{flex-wrap:wrap}.analytics-choice button:disabled{opacity:.55;cursor:not-allowed}

/* Following preview: a single scroll surface keeps every option reachable at any text size. */
#poster-map{overflow:hidden;background:#fff}#artwork-frame{position:absolute}#artwork-frame canvas{width:100%;height:100%;display:block}#preview-toggle{display:none}.preview-core{display:block}.preview-options{overflow:visible}#preview-content{display:block;min-height:0;max-height:inherit;overflow:auto;overscroll-behavior:contain}#preview-content:focus-visible{outline:3px solid var(--orange);outline-offset:-3px}.preview-panel{position:sticky;top:12px;max-height:calc(100dvh - 24px)}.preview-heading{padding:12px 20px 8px}.preview-heading h2{font-size:15px}.preview-toolbar{padding:0 20px 8px}.preview-stage{height:clamp(130px,30dvh,300px);min-height:0;padding:24px 45px 36px}.preview-summary{padding:12px 20px}.preview-key{padding:6px 20px;font-size:10px}.download-jump{min-height:32px}.paper-shape{display:inline-block;border:2px solid currentColor;border-radius:2px;background:#fff;vertical-align:middle;margin-right:8px}.paper-shape.portrait{width:17px;height:24px}.paper-shape.landscape{width:24px;height:17px}.segmented small{display:block;font-size:10px;margin-top:5px}#framing-position input{width:100%;min-height:36px}#framing-position label{display:block;font-size:12px}
@media(min-width:761px) and (max-height:600px){.preview-stage{height:120px}.preview-heading h2,.preview-key{display:none}.preview-summary{padding:8px 16px}.preview-heading{padding:6px 16px}.preview-toolbar{padding-bottom:4px}.preview-panel{top:6px;max-height:calc(100dvh - 12px)}}
@media(max-width:760px){.preview-panel{order:-1;position:sticky;top:0;z-index:8;max-height:85dvh;display:flex;flex-direction:column}.preview-jump{display:none}#preview-toggle{display:block;flex:none;min-height:44px;width:100%;background:var(--blue);color:white;font-weight:700}#preview-content{flex:0 1 auto;max-height:none}.preview-panel:not(.expanded) .preview-heading,.preview-panel:not(.expanded) .preview-toolbar,.preview-panel:not(.expanded) .preview-stage,.preview-panel:not(.expanded) .preview-key,.preview-panel:not(.expanded) .preview-options{display:none}.preview-stage{height:clamp(100px,25dvh,230px);min-height:0}.preview-summary{padding:10px 12px}.preview-heading h2{display:none}.preview-key{display:none}.preview-summary strong{font-size:12px}.preview-options{padding-bottom:env(safe-area-inset-bottom)}}

/* More space for the poster, with a clearly separate read-only viewer. */
.viewer-launch{display:block;width:100%;min-height:44px;padding:9px 16px;background:var(--pale);color:var(--blue);font-weight:700;text-align:left;border-bottom:1px solid var(--line)}.viewer-launch:hover{background:#dce5ff}.viewer-launch:disabled{opacity:.55}.preview-heading h2{display:none}.preview-heading{padding:4px 16px}.preview-actions{flex-direction:row;align-items:center;gap:12px}.preview-toolbar{padding:4px 16px 8px}.preview-summary{padding:9px 16px}.preview-key{padding:6px 16px}.preview-stage{height:clamp(200px,44dvh,520px)}
#large-preview{padding:0;border:1px solid var(--line);border-radius:16px;width:calc(100vw - 32px);max-width:1440px;height:calc(100dvh - 32px);max-height:calc(100dvh - 32px);margin:auto;background:#fff;color:var(--ink);overflow:auto}#large-preview::backdrop{background:#101a35b8}.viewer-shell{display:flex;flex-direction:column;height:100%;min-height:340px}.viewer-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px}.viewer-header h2{font-size:18px;margin:0}.viewer-controls{display:flex;align-items:center;flex-wrap:wrap;gap:6px 16px;padding:0 16px 6px}.viewer-controls>div{display:flex;align-items:center;flex-wrap:wrap;gap:4px}#large-preview button,#large-preview select{min-height:44px;min-width:44px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);font-size:14px;padding:6px 10px}#large-preview [aria-pressed=true]{background:var(--blue);color:white}#large-preview button:disabled{opacity:.4;cursor:default}#viewer-page{max-width:190px}#viewer-zoom{min-width:95px;text-align:center;font-size:12px}#viewer-help{font-size:12px;line-height:1.4;padding:0 16px 8px;color:var(--muted)}#viewer-stage{position:relative;flex:1 1 180px;min-height:100px;overflow:hidden;touch-action:none;background:#e9edf6;cursor:grab}#viewer-stage:active{cursor:grabbing}#viewer-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.viewer-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px;padding:6px 16px;border-top:1px solid var(--line)}.viewer-footer>div{display:flex;gap:4px}#viewer-status{font-size:12px;margin:0;flex:1;min-width:180px}#large-preview :focus-visible{outline:3px solid var(--orange);outline-offset:-3px}
@media(min-width:761px) and (max-height:600px){.preview-stage{height:clamp(120px,32dvh,190px)}.preview-toolbar{padding-bottom:4px}}
@media(max-width:760px){.preview-stage{height:clamp(100px,30dvh,280px)}.preview-heading{display:none}#large-preview{width:100%;height:100dvh;max-height:100dvh;max-width:none;border:0;border-radius:0}.viewer-header{padding:4px 8px;position:sticky;top:0;z-index:1;background:white}.viewer-controls{padding:0 8px 4px;gap:4px}.viewer-header h2{font-size:16px}#viewer-help{padding:0 8px 6px;font-size:11px}.viewer-footer{padding:4px 8px;padding-bottom:max(4px,env(safe-area-inset-bottom))}#viewer-status{font-size:11px}.viewer-shell{min-height:360px}#viewer-page{max-width:145px}.viewer-launch{text-align:center}}
@media(max-height:450px){.viewer-shell{height:auto;min-height:100%}#viewer-stage{flex:none;height:45dvh;min-height:130px}.viewer-header{position:sticky;top:0;background:#fff;z-index:1}.viewer-controls{gap:4px 10px}#viewer-help{padding-bottom:4px}}

/* Guided workbench: the document owns scrolling; the preview has no inner scroller. */
.workflow-nav{position:sticky;top:0;z-index:10;display:flex;flex-wrap:wrap;gap:6px;padding:8px;background:#f7f8fcf5;border:1px solid var(--line);border-radius:12px;margin:0 0 18px;backdrop-filter:blur(8px)}.workflow-nav button,.workflow-nav a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;font-size:12px;font-weight:700;color:var(--blue);background:white;border:1px solid var(--line);border-radius:7px;text-decoration:none}.workflow-nav [aria-current=step]{background:var(--blue);color:white}
.setup-step{border:1px solid var(--line);padding:0;margin:0 0 18px;background:white;border-radius:14px}.setup-step>summary{padding:18px 20px;min-height:68px;cursor:pointer}.setup-step>summary strong{display:inline;font-size:16px}.setup-step>summary span{display:block;margin-top:6px;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.step-return{color:var(--blue);font-weight:500}.step-body{padding:0 20px 20px}.step-next{width:100%;margin-top:18px;min-height:44px}.review-step{background:white;border:1px solid var(--line);border-radius:14px;overflow:visible}.review-step>.message{margin:12px 20px}.review-step .download-card{border:0}.print-marks{border:1px solid var(--line);border-radius:10px;padding:12px;margin:16px 0}.print-marks legend{font-size:13px;font-weight:700;padding:0 4px}.print-marks button{width:100%;min-height:44px;margin-top:8px}.print-marks .hint{font-size:12px}.guide-link{margin:36px 0;padding:24px;background:var(--pale);border-radius:14px}.guide-link h2{font-size:21px}.guide-link p{margin-top:10px;font-size:14px}
#upload-step,#size-step,#review-step,#download-area,#preview{scroll-margin-top:85px}#preview-content{display:block;max-height:none;min-height:0;overflow:visible;overscroll-behavior:auto}.preview-panel{align-self:start;position:sticky;top:76px;max-height:none;overflow:visible}.preview-stage{height:clamp(180px,42dvh,440px);overflow:hidden}.preview-panel.sheets-view{position:static}.preview-stage.pages{height:auto;min-height:0;overflow:visible}.preview-panel .preview-summary{padding-bottom:14px}.preview-jump{display:none}
@media(max-height:650px) and (min-width:761px){.preview-panel{position:static}.preview-stage{height:clamp(150px,42dvh,300px)}}
@media(max-width:760px){.workflow-nav{gap:4px;padding:6px}.workflow-nav button,.workflow-nav a{flex:1 1 40%;font-size:12px;padding:6px}.preview-panel{position:static;order:-1;max-height:none;display:block}.preview-panel.expanded{position:static}#preview-content{max-height:none;overflow:visible}.preview-stage{height:clamp(160px,40dvh,320px)}.preview-stage.pages{height:auto}.preview-panel:not(.expanded) .preview-summary{display:block}.setup-step>summary{padding:16px}.step-body{padding:0 16px 18px}.site-header nav{display:flex;flex-wrap:wrap;gap:8px 18px}.site-header nav a,.site-header nav a:last-child{display:flex;min-height:44px;font-size:12px}.guide-link{padding:20px}#upload-step,#size-step,#review-step,#download-area,#preview{scroll-margin-top:122px}}
.article .site-nav{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.article .site-nav a{min-height:44px;display:flex;align-items:center}.guide.article{padding-top:30px}.guide.article .guide-grid{grid-template-columns:1fr}.guide.article h1{font-size:38px}

.print-guide{max-width:1120px}.guide-hero{padding:18px 0 30px}.guide-hero h1{font-size:clamp(34px,5vw,60px);line-height:1.05;letter-spacing:-2px;margin:16px 0}.guide-hero .lead{font-size:19px;max-width:680px}.guide-index{display:flex;flex-wrap:wrap;gap:10px 20px;border-block:1px solid var(--line);padding:12px 0;margin-bottom:34px}.guide-index a{min-height:44px;display:flex;align-items:center;font-weight:700;font-size:13px}.print-flow{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0 44px}.print-flow li{background:white;padding:22px;border:1px solid var(--line);border-radius:14px;position:relative}.print-flow li>span{font-size:24px;font-weight:800;color:var(--blue)}.print-flow h3{margin:8px 0}.print-flow p{font-size:13px;line-height:1.65}.print-flow li:not(:last-child):after{content:'→';position:absolute;right:12px;top:20px;color:var(--blue);font-size:24px}.guide-topic{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:center;margin:44px 0 24px}.guide-topic h2{font-size:30px;line-height:1.15;margin-top:10px}.guide-topic p,.guide-topic li{font-size:14px;line-height:1.8}.guide-topic ol{padding-left:22px}.guide-topic li{margin-bottom:10px}.print-guide figure{margin:0;background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden}.print-guide figure img{width:100%;height:auto;display:block}.print-guide figcaption{padding:14px 18px;font-size:13px;line-height:1.65;color:var(--muted)}.worked-example,.guide-limit{background:#eaf0ff;padding:22px 26px;border-radius:14px;margin:24px 0}.worked-example p,.guide-limit p{font-size:14px}.table-wrap table{width:100%;border-collapse:collapse;background:white;font-size:14px}.table-wrap th,.table-wrap td{text-align:left;border-bottom:1px solid var(--line);padding:14px}.table-wrap caption{text-align:left;font-weight:700;padding:14px 0}.table-wrap th{background:#eaf0ff}.diagram-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:28px 0 46px}.guide-faq details{padding:16px 0}.guide-faq summary{font-size:16px;line-height:1.5;min-height:44px}.guide-faq p{max-width:900px;font-size:14px;line-height:1.85}.print-guide section{scroll-margin-top:20px}@media(max-width:760px){.print-flow{grid-template-columns:1fr}.print-flow li{padding:16px 20px}.print-flow li:not(:last-child):after{content:'↓'}.guide-topic,.diagram-pair{grid-template-columns:1fr;gap:18px}.guide-topic{margin-top:32px}.guide-topic h2{font-size:27px}.guide-hero h1{letter-spacing:-1px}.table-wrap td,.table-wrap th{padding:10px;font-size:12px}.guide-index{gap:4px 16px}.worked-example,.guide-limit{padding:20px}.guide-faq summary{font-size:15px}.article.print-guide{padding-top:24px}}


.feedback-fields{max-width:620px;background:white;padding:24px;border:1px solid var(--line);border-radius:14px}.feedback-fields label{display:block;font-weight:700;margin:18px 0 8px}.feedback-fields input,.feedback-fields textarea{display:block;width:100%;padding:12px;font:inherit;font-size:16px;border:1px solid #abb6cb;border-radius:7px}.feedback-fields textarea{min-height:170px;resize:vertical}.feedback-fields button{min-height:44px;margin:12px 12px 0 0}.feedback-fields .hint{font-weight:400}.feedback-fields button:disabled{opacity:.6;cursor:not-allowed}

/* One sticky navigation layer; measured offsets also cover wrapped mobile headers. */
:root{--header-offset:98px;--consent-space:0px}
body{padding-bottom:var(--consent-space)}
.site-header{position:sticky;top:0;z-index:30;background:#f7f8fcfa;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);max-width:none;height:auto;min-height:82px;padding-top:12px;padding-bottom:12px}
.site-header nav{flex-wrap:wrap;align-items:center}.site-header nav a{min-height:44px;display:flex;align-items:center}
.workflow-nav{position:static;top:auto;backdrop-filter:none}
#workspace,#paper,#upload-step,#size-step,#review-step,#download-area,#preview,.print-guide section,[id]{scroll-margin-top:var(--header-offset)}
.analytics-choice{position:fixed;bottom:12px;left:16px;right:16px;z-index:50;max-width:820px;margin:0 auto;padding:18px 22px;background:white;box-shadow:0 8px 40px #17234430;max-height:50dvh;overflow:auto}
.analytics-choice[hidden]{display:none}.analytics-choice h2{margin:0 0 8px}.analytics-choice p{font-size:13px;line-height:1.55;margin:8px 0}.consent-actions{display:flex;flex-wrap:wrap;gap:10px}.consent-actions .secondary{flex:1;min-width:150px;min-height:44px}.consent-actions .text-button{min-height:44px}footer .text-button{font-size:12px;min-height:44px}
@media(max-width:760px){:root{--header-offset:164px}.site-header{padding:8px 20px;gap:2px;min-height:0}.site-header .brand{font-size:20px}.site-header nav{gap:0 16px;padding:0;width:100%}.site-header nav a,.site-header nav a:last-child{display:flex;font-size:12px;min-height:40px}.analytics-choice{left:10px;right:10px;bottom:10px;padding:14px}.analytics-choice .hint{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.skip-link{z-index:100}.preview-panel{top:var(--header-offset)}

#paper{scroll-margin-top:calc(var(--header-offset) + 24px)}

/* Validation stays next to its field, with text as well as a visual cue. */
.field-error{color:#a02135;font-size:12px;line-height:1.5;margin:8px 0 0}.field-error[hidden]{display:none}.field input[aria-invalid=true]{border:2px solid #a02135}.size-result[data-invalid=true]{color:#a02135;background:#fff1f3}

.feedback-fields .feedback-submit{background:var(--blue);color:white;padding:12px 22px;border-radius:8px;font-weight:700}.feedback-fields .feedback-submit:disabled{background:#64748b;opacity:1;color:white}

/* Stroke icons remain legible without platform-specific arrow glyphs. */
.ui-icon{display:inline-block;width:1em;height:1em;vertical-align:-.12em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.upload-icon .ui-icon{width:1.1em;height:1.1em}
/* Compact, equal-weight privacy choices. Details stay accessible without dominating the task. */
.analytics-choice{left:20px;right:auto;bottom:20px;width:min(420px,calc(100vw - 40px));max-width:none;max-height:min(540px,calc(100dvh - 40px));padding:18px;border:1px solid #d5dfd8;border-radius:20px;background:#fffefa;box-shadow:0 12px 38px #183b2924;animation:privacy-enter .18s ease-out}
.consent-heading{display:flex;gap:10px;align-items:center}.analytics-choice .consent-heading h2{font-size:17px;line-height:1.3;margin:0;flex:1}.consent-mark{display:grid;place-items:center;width:36px;height:40px;background:#e7f0e9;border-radius:10px;flex:none}.consent-mark svg{width:26px;height:26px;fill:none;stroke:#34644e;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}.consent-close{padding:0;width:36px;height:44px;flex:none;font-size:25px;color:#59665d}.analytics-choice .consent-intro{font-size:13px;line-height:1.55;margin:12px 0 14px;color:#46584b}.consent-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.consent-actions .secondary{min-width:0;min-height:46px;padding:9px 8px;font-size:13px;border:1px solid #759380;background:#f5f8f3;color:#254735;border-radius:10px;box-shadow:none}.consent-actions .secondary:hover:not(:disabled){background:#e9f0e8;border-color:#355b42}.consent-meta{font-size:11px;color:#667368;margin:9px 0}.consent-details{border-top:1px solid #e1e7df;padding-top:9px}.consent-details summary{font-size:12px;font-weight:600;cursor:pointer;min-height:28px;line-height:28px;color:#3d5c47}.analytics-choice .consent-details p{font-size:12px;line-height:1.5}.consent-details #analytics-status{padding:9px 10px;background:#edf2eb;border-radius:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.poster-success-papers{position:fixed;left:50%;bottom:72px;width:1px;height:1px;z-index:45;pointer-events:none;user-select:none}.poster-success-papers i{position:absolute;width:7px;height:11px;background:#73a48a;border-radius:1px;opacity:0;animation:paper-celebrate 900ms ease-out var(--delay) both}.poster-success-papers i:nth-child(3n){background:#e8bc73}.poster-success-papers i:nth-child(3n + 1){background:#98b1c0}
@keyframes privacy-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@keyframes paper-celebrate{0%{opacity:0;transform:translate(0,12px) rotate(0)}15%{opacity:.8}65%{opacity:.7;transform:translate(var(--dx),var(--dy)) rotate(var(--spin))}100%{opacity:0;transform:translate(var(--dx),8px) rotate(var(--spin))}}
@media(max-width:760px){.analytics-choice{left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));width:auto;max-height:calc(100dvh - 32px);padding:16px}.analytics-choice .consent-heading h2{font-size:16px}.consent-actions .secondary{font-size:12px}.consent-meta{font-size:11px}}
@media(prefers-reduced-motion:reduce){.analytics-choice,.poster-success-papers i{animation:none}.poster-success-papers{display:none}}

/* Persistent settings dock remains discoverable after either choice or dismissal. */
:root{--privacy-dock-space:calc(76px + env(safe-area-inset-bottom,0px))}
body{padding-bottom:max(var(--consent-space),var(--privacy-dock-space))}
.privacy-launcher{position:fixed;left:20px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:51;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;max-width:calc(100vw - 40px);padding:10px 15px;background:#fffefa;color:#304e3c;border:1px solid #b6c8bb;border-radius:999px;font-size:12px;font-weight:600;line-height:1.4;text-decoration:none;box-shadow:0 3px 14px #183b291a;cursor:pointer}
.privacy-launcher svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.privacy-launcher:hover,.privacy-launcher[aria-expanded="true"]{background:#edf3eb;border-color:#759380}
.privacy-launcher:focus-visible{outline:3px solid #e89b33;outline-offset:4px}
.analytics-choice{bottom:var(--privacy-dock-space);max-height:min(540px,calc(100dvh - var(--privacy-dock-space) - 16px))}
@media(max-width:760px){.privacy-launcher{left:12px;max-width:calc(100vw - 24px);font-size:12px}.analytics-choice{bottom:var(--privacy-dock-space);max-height:calc(100dvh - var(--privacy-dock-space) - 16px)}}
@media print{.privacy-launcher,.analytics-choice{display:none!important}body{padding-bottom:0}}

/* Decorative companion: never a consent reward or a separate click target. */
/* Decorative, autonomous sleeping kitten. No tracking or click handlers. */



/* One explicit analytics switch, one completion action. */
.consent-toggle-actions{grid-template-columns:1fr;gap:12px}.consent-toggle-actions [hidden]{display:none!important}.consent-switch{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;cursor:pointer;font-size:13px;font-weight:600;color:#254735}.consent-switch input{position:absolute;right:0;width:48px;height:28px;opacity:0;margin:0;cursor:pointer}.consent-switch-track{flex:none;position:relative;width:48px;height:28px;border:1px solid #718176;background:#dce3dc;border-radius:18px;pointer-events:none}.consent-switch-track:after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 1px 2px #0003;transition:transform .15s}.consent-switch input:checked+.consent-switch-track{background:#34644e;border-color:#34644e}.consent-switch input:checked+.consent-switch-track:after{transform:translateX(20px)}.consent-switch input:focus-visible+.consent-switch-track{outline:3px solid #246db0;outline-offset:3px}.consent-switch input:disabled+.consent-switch-track{opacity:.55}.consent-toggle-actions #analytics-done{width:100%}@media(prefers-reduced-motion:reduce){.consent-switch-track:after{transition:none}}

.consent-switch>span:first-child{flex:1}.consent-toggle-state{font-size:12px;font-weight:500;min-width:20px}.privacy-reload-notice{display:block;font-size:10px;font-weight:600;color:#854d0e}.privacy-reload-notice[hidden]{display:none}

/* The mascot is an independent toy, never a consent control. */
.privacy-pet{position:fixed;z-index:50;left:24px;bottom:calc(56px + env(safe-area-inset-bottom,0px));width:132px;height:83px;padding:0;background:transparent;border:0;border-radius:36px;box-shadow:none;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:pan-y;color:inherit}
.privacy-pet:hover,.privacy-pet:active{background:transparent;box-shadow:none;transform:none}
.privacy-pet:focus-visible{outline:2px solid #56816b;outline-offset:1px}
.privacy-pet>svg{display:block;width:100%;height:100%;overflow:visible;pointer-events:none;fill:none;stroke:none}
.privacy-pet.is-grabbing{cursor:grabbing;touch-action:none}
.privacy-pet[hidden]{display:none}
.cat-roll{transform-origin:80px 62px;transform:scaleX(var(--cat-facing,1))}
.cat-breath{transform-origin:80px 86px;animation:cat-sleep 4.6s ease-in-out infinite;transition:transform 180ms ease-in-out}
.cat-head{transform-origin:52px 72px;transition:transform 240ms ease-in-out}
.cat-paws{display:none}
.cat-snore{animation:cat-snore 4.6s ease-in-out infinite}
.privacy-pet.is-tucking .cat-breath{animation:none;transform:translateY(3px) scaleY(.93)}
.privacy-pet.is-unfolding .cat-breath{animation:none;transform:translateY(0) scaleY(1)}
.privacy-pet.is-grumpy .cat-breath,.privacy-pet.is-grabbing .cat-breath{animation:none}
.privacy-pet.is-grumpy .cat-head{transform:translate(0,-3px) rotate(-4deg)}
.privacy-pet.is-grumpy .cat-snore,.privacy-pet.is-grabbing .cat-snore,.privacy-pet.is-tucking .cat-snore{opacity:0;animation:none}
.cat-cheek{transition:transform 180ms ease-out}
.privacy-pet.is-grabbing .cat-cheek{transition:none}
@keyframes cat-sleep{0%,100%{transform:scaleY(1)}50%{transform:scaleY(1.045)}70%{transform:scaleY(1.01) rotate(.8deg)}78%{transform:scaleY(1.015) rotate(-.5deg)}}
@keyframes cat-snore{0%,12%{opacity:0;transform:translate(0,3px)}35%,65%{opacity:.8}95%,100%{opacity:0;transform:translate(2px,-5px)}}
@media(max-width:760px){.privacy-pet{left:24px;width:104px;height:65px}}
@media(prefers-reduced-motion:reduce){.privacy-pet *{animation:none!important;transition:none!important}.cat-snore{opacity:.55}.privacy-pet.is-tucking .cat-breath{transform:none}}
@media print{.privacy-pet,#privacy-pet-help{display:none!important}}

.privacy-pet .cat-head{pointer-events:all;touch-action:none}

.cat-back{transition:d 240ms ease-out}

/* Readable at the actual small mascot size: arch, lifted fur, brow and pout. */
.cat-angry-pupils{opacity:0;transition:opacity 160ms ease-out}
.privacy-pet.is-grumpy .cat-angry-pupils{opacity:1}
.privacy-pet.is-grumpy .cat-cheek{fill:#df9b8c;opacity:.85}
.privacy-pet.is-grumpy .cat-head{transform:translate(0,-4px) rotate(-3deg)}
.privacy-pet.is-grumpy .cat-eyes{stroke-width:2.5}

.cat-inner-ears{transition:transform 200ms ease-out}.privacy-pet.is-grumpy .cat-inner-ears{transform:translateY(4px)}
/* Round the painted header itself; keep the preview overflow visible so
   print sheets and keyboard focus are not clipped or nested-scroll trapped. */
.preview-panel .viewer-launch{border-radius:17px 17px 0 0}
@media(max-width:760px){
  .preview-panel #preview-toggle{border-radius:17px 17px 0 0}
  .preview-panel .viewer-launch{border-radius:0}
}

.cat-forehead{transition:transform 200ms ease-out}.privacy-pet.is-grumpy .cat-forehead{transform:translateY(7px)}


/* Two coherent 3/4 poses share the same head, no full-front face on a side body. */
.cat-standing-legs,.cat-standing-tail,.cat-standing-details{opacity:0}
.privacy-pet.is-grumpy .cat-standing-legs,.privacy-pet.is-grumpy .cat-standing-tail,.privacy-pet.is-grumpy .cat-standing-details{opacity:1}
.privacy-pet.is-grumpy .cat-feet,.privacy-pet.is-grumpy .cat-tail-seam,.privacy-pet.is-grumpy .cat-tail-stripes{opacity:0}
.privacy-pet .cat-head{transform-origin:0 0;transform:translate(0,0);transition:none}
.privacy-pet.is-grumpy .cat-head{transform:translate(0,-10px)}
.privacy-pet.is-grumpy .cat-back-stripes{transform:translate(1px,-7px)}
.privacy-pet .cat-back,.privacy-pet .cat-belly,.privacy-pet .cat-back-stripes,.privacy-pet .cat-standing-legs{transition:none}
.privacy-pet.is-grumpy .cat-inner-ears{transform:translateY(4px)}
.privacy-pet.is-grumpy .cat-forehead{transform:translateY(3px)}
.privacy-pet.is-grumpy .cat-breath{animation:cat-alert 260ms ease-out both}
.privacy-pet.is-grabbing .cat-breath{animation:none}
@keyframes cat-alert{from{transform:translateY(2px) scaleY(.96)}to{transform:translateY(0) scaleY(1)}}
@media(prefers-reduced-motion:reduce){.privacy-pet.is-grumpy .cat-breath{animation:none}}

/* Complete original pose artwork: no separately assembled limbs. */
.privacy-pet{width:160px;height:120px;bottom:calc(43px + env(safe-area-inset-bottom,0px));touch-action:pan-y}
.privacy-pet .coherent-frame{display:none;overflow:hidden}
.privacy-pet .coherent-frame.active{display:block}
.coherent-mirror{transform-origin:80px 84px}
.coherent-breath{transform-origin:80px 106px;animation:coherent-sleep 4.4s ease-in-out infinite}
.privacy-pet:not([data-cat-mood="sleep"]) .coherent-breath,.privacy-pet.is-grabbing .coherent-breath{animation:none}
#cat-snore-text{font:italic 11px Georgia;fill:#84978a;animation:coherent-snore 4.4s infinite}
.privacy-pet:not([data-cat-mood="sleep"]) #cat-snore-text{display:none}
@keyframes coherent-sleep{50%{transform:scaleY(1.025)}}
@keyframes coherent-snore{0%,100%{opacity:0;transform:translateY(0)}40%,70%{opacity:.7;transform:translateY(-3px)}}
@media(max-width:760px){.privacy-pet{width:132px;height:99px;bottom:calc(46px + env(safe-area-inset-bottom,0px))}}
@media(prefers-reduced-motion:reduce){.coherent-breath,#cat-snore-text{animation:none!important}#cat-snore-text{opacity:.5}}

/* Sleep remains visible without hover, including at the 132px mobile size. */
.coherent-breath{animation:coherent-sleep 4.6s ease-in-out infinite}
@keyframes coherent-sleep{0%,100%{transform:scaleY(1)}42%{transform:scaleY(1.045)}60%{transform:scaleY(1.035)}72%{transform:scaleY(1.012)}80%{transform:scaleY(1.026)}}
#cat-snore-text{animation:none;font:italic 14px Georgia,serif;fill:#587565;opacity:1}
#cat-snore-text text{animation:coherent-snore-rise 4.6s ease-in-out infinite;opacity:0;stroke:#fffefa;stroke-width:.7;paint-order:stroke fill}
#cat-snore-text .snore-far{font-size:16px;animation-delay:.6s}
@keyframes coherent-snore-rise{0%,8%{opacity:0;transform:translate(1px,4px) scale(.85)}24%,58%{opacity:.9}90%,100%{opacity:0;transform:translate(-3px,-7px) scale(1.05)}}
.privacy-pet.is-grabbing #cat-snore-text{display:none}
@media(prefers-reduced-motion:reduce){.coherent-breath,#cat-snore-text text{animation:none!important}#cat-snore-text text{opacity:.65}}
/* Stable hit rectangle: animated artwork never changes pointer entry boundaries. */
.privacy-pet{pointer-events:auto}
.privacy-pet svg,.privacy-pet svg *{pointer-events:none!important}

/* Keep window actions separate from underlined text links and touch-safe. */
.consent-heading h2{min-width:0}
.consent-window-controls{display:flex;align-items:center;gap:8px;flex:none;margin-left:auto}
.consent-window-controls .consent-window-button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:44px;height:44px;min-width:44px;padding:0;margin:0;border:1px solid #d5dfd7;border-radius:10px;background:#f5f8f5;color:#425249;text-decoration:none;line-height:1;cursor:pointer;touch-action:manipulation}
.consent-window-button svg{display:block;pointer-events:none;flex:none}
.consent-window-controls .consent-window-button:hover{background:#e7eee8;color:#233e30}
.consent-window-controls .consent-window-button:focus-visible{outline:3px solid #38694c;outline-offset:2px}
@media(max-width:360px){.analytics-choice .consent-heading{gap:8px}.consent-heading .consent-mark{display:none}}