.kp-tool{--ink:#433b33;--brown:#87502f;--line:#e7d9c9;--muted:#82705d;color:var(--ink);font-family:inherit;line-height:1.75}.kp-tool *{box-sizing:border-box}.kp-tool [hidden]{display:none!important}.kp-tool button,.kp-tool input,.kp-tool select{font:inherit}.kp-tool button{min-height:44px;border:1px solid var(--line);border-radius:11px;padding:10px 15px;background:#fffaf4;color:#70492d;line-height:1.5;cursor:pointer;transition:background .18s,transform .18s}.kp-tool button:hover{background:#f3e6d6;color:#70492d}.kp-tool button:disabled{opacity:.42;cursor:default}.kp-tool :is(button,input,select,summary):focus-visible{outline:3px solid #176d79;outline-offset:4px}.kp-tool .kp-primary{background:#87502f!important;border-color:#87502f!important;color:white!important;font-weight:750;padding:17px 23px;box-shadow:0 3px 0 #69402218}.kp-tool .kp-primary:hover{background:#744324!important;transform:translateY(-1px)}.kp-tool .kp-secondary{background:#fff!important;color:#70492d!important}.kp-tool .kp-text{border:0;background:transparent!important;padding:5px 0;color:#805131!important;text-decoration:underline;text-underline-offset:4px}.kp-tool h1,.kp-tool h2,.kp-tool h3{font-weight:750;color:var(--ink);word-break:keep-all;line-height:1.4;letter-spacing:-.7px}.kp-tool h1{font-size:clamp(27px,3vw,39px);margin:0 0 25px;letter-spacing:-1.5px}.kp-tool h2{font-size:29px;margin:0 0 10px}.kp-tool h3{font-size:16px;margin:0 0 10px}.kp-tool p{margin:0 0 15px}.kp-tool .kp-eyebrow{font-size:10px;letter-spacing:2px;font-weight:750;color:#9a6e4c;margin-bottom:19px}.kp-hero{display:grid;grid-template-columns:.88fr 1.12fr;gap:36px;min-height:670px;align-items:center;padding:12px 0 35px}.kp-tool .kp-headline{font-size:clamp(34px,3.65vw,52px);line-height:1.3;letter-spacing:-2.5px;font-weight:430;margin-bottom:25px}.kp-headline strong{font-weight:800;color:#87502f;white-space:nowrap}.kp-tool .kp-lead{font-size:16px;color:#7b6753;line-height:1.9;margin-bottom:28px}.kp-start{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center}.kp-start .kp-text{font-size:13px}.kp-tool .kp-trust{font-size:11px;color:#69533f;margin:23px 0 15px}.kp-trust strong{display:inline-block;margin-right:7px;padding:3px 10px;border:1px solid #dbb78e;border-radius:7px;background:#f3e3cd;color:#603c24}.kp-tool .kp-privacy{font-size:12px;color:#603a21}.kp-tool .kp-limit{font-size:10px;color:#8a735c;line-height:1.9;margin-bottom:0}.kp-showcase{border:1px solid #eadbca;border-radius:28px;background:radial-gradient(ellipse at 35% 25%,#fffdf8,#f1e5d5);padding:20px 20px 13px;overflow:hidden;box-shadow:0 25px 65px #6344240b;min-width:0}.kp-showcase-top{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#987455;font-size:8px;letter-spacing:1.4px}.kp-showcase-top .kp-text{font-size:9px;min-height:30px;letter-spacing:0}.kp-paper-scene{position:relative;height:475px;perspective:900px}.kp-paper{position:absolute;width:54%;border:1px solid #e9dfd3;background:#fff;box-shadow:0 18px 35px #51321c26;border-radius:3px;overflow:hidden;transition:transform 1.25s cubic-bezier(.16,1,.3,1),opacity .9s}.kp-paper canvas{width:100%;height:auto;display:block}.kp-paper-front{left:12%;top:22px;z-index:2;transform:rotate(-7deg)}.kp-paper-back{right:4%;top:52px;z-index:1;transform:rotate(9deg)}.kp-loose-photos{position:absolute;width:38%;left:1%;bottom:30px;z-index:3;display:flex;align-items:flex-start;filter:drop-shadow(0 12px 12px #41261122);transition:transform 1.15s cubic-bezier(.16,1,.3,1),opacity 1s}.kp-loose-photos img{width:65%;height:auto;aspect-ratio:1.2;object-fit:cover;border:4px solid white;border-radius:4px;transform:rotate(-12deg)}.kp-loose-photos img+img{margin-top:33px;margin-left:-20px;transform:rotate(7deg)}.kp-pdf-pill{position:absolute;right:1%;bottom:16px;background:#fffdf7;border:1px solid #e7d8c5;border-radius:30px;box-shadow:0 6px 16px #643c1d0c;font-size:10px;padding:8px 14px;color:#796048;z-index:4}.kp-pdf-pill>span{font-size:9px;font-weight:800;background:#ae5937;color:white;border-radius:4px;padding:3px 5px;margin-right:5px}.kp-showcase[data-arranged=false] .kp-paper-front{transform:translate(14%,8%) rotate(0);opacity:.1}.kp-showcase[data-arranged=false] .kp-paper-back{transform:translate(-20%,4%) rotate(0);opacity:.1}.kp-showcase[data-arranged=false] .kp-loose-photos{transform:translate(50%,-90%) scale(1.5)}.kp-showcase-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #e6d7c3;padding-top:12px}.kp-showcase-bottom p{font-size:11px;font-weight:650;margin:0}.kp-showcase-bottom>span{font-size:9px;color:#91775d;white-space:nowrap}.kp-tool .kp-demo-note{font-size:9px;color:#927b63;margin:9px 0 0}.kp-tool .kp-status{font-size:13px;padding:15px 19px;background:#faf5ed;border:1px solid var(--line);border-radius:13px;color:#79512f;overflow-wrap:anywhere;margin:12px 0 25px}.kp-editor{scroll-margin-top:20px}.kp-editor-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:30px 0}.kp-editor-head .kp-eyebrow{margin-bottom:10px}.kp-editor-head p:last-child{font-size:12px;color:#8a7057;margin:0}.kp-editor-head>div:last-child{display:flex;gap:6px;flex-shrink:0}.kp-editor-head button{font-size:12px}.kp-photo-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}.kp-photo-heading p{font-size:11px;color:#8a735e;margin:0}.kp-photo-heading h3{margin:0}.kp-photo-heading h3 span,.kp-preview-head h3 span{font-size:10px;margin-left:5px;border-radius:20px;background:#f0e3d2;padding:3px 8px;vertical-align:middle}.kp-photos{list-style:none;display:flex;gap:12px;padding:3px 3px 15px!important;margin:0 0 25px!important;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#d9bda0 transparent}.kp-photo{flex:0 0 156px;border:1px solid var(--line);padding:10px;border-radius:13px;background:#fff;cursor:grab;min-width:0}.kp-thumb{height:104px;display:flex;align-items:center;justify-content:center;background:#f4ede4;border-radius:7px;position:relative;overflow:hidden}.kp-thumb img{width:100px;height:100px;object-fit:contain;display:block;border-radius:3px}.kp-order{position:absolute;left:5px;top:5px;background:#fffdf8ed;border-radius:30px;padding:0 6px;line-height:21px;font-size:10px;font-weight:750;color:#805537}.kp-photo strong{font-size:10px;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin:8px 0}.kp-photo-actions{display:flex;gap:3px}.kp-tool .kp-photo-action{min-height:32px;width:32px;padding:0;border-radius:7px;font-size:15px;background:#fcf8f2}.kp-workspace{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:28px;align-items:start}.kp-settings{background:#faf6f0;border:1px solid var(--line);border-radius:20px;padding:23px;min-width:0}.kp-settings .kp-eyebrow{font-size:9px;margin-bottom:10px}.kp-settings h3{margin-bottom:21px}.kp-tool label{display:grid;gap:6px;font-size:12px;color:#6e543f;font-weight:600;margin:0 0 15px}.kp-tool select,.kp-tool input:is([type=text],[type=password],[type=number]){width:100%;min-width:0;border:1px solid #d9bfa4;border-radius:9px;padding:10px 12px;min-height:44px;background:#fff;color:#5f432c;font-size:12px;line-height:1.5}.kp-tool input:disabled{background:#f0e9df;color:#a38b73}.kp-tool input[type=checkbox],.kp-tool input[type=radio]{accent-color:#87502f;width:16px;height:16px;flex-shrink:0;margin:3px 0 0}.kp-tool input[type=range]{width:100%;min-width:0;accent-color:#87502f}.kp-tool .kp-check{display:flex;align-items:flex-start;gap:9px;font-size:12px;font-weight:550}.kp-help{font-size:10px!important;line-height:1.9;color:#8a745e;margin:8px 0 14px!important}.kp-fit{padding:0;border:0;margin:22px 0 15px}.kp-fit legend{font-size:12px;font-weight:650;margin-bottom:10px}.kp-fit label{display:flex;gap:9px;align-items:flex-start;font-weight:400;margin-bottom:13px}.kp-fit strong{font-size:12px;display:block}.kp-fit small{font-size:10px;display:block;color:#94795d;margin-top:3px;font-weight:400}.kp-preview-area{min-width:0;background:#f5f1ea;border:1px solid #e9dfd3;border-radius:20px;padding:23px}.kp-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.kp-preview-head h3{font-size:17px;margin-bottom:4px}.kp-preview-head p{font-size:10px;color:#8c745c;margin:0}.kp-preview-head button{font-size:11px;white-space:nowrap}.kp-pages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:22px;padding:10px 3px 20px;min-height:280px}.kp-tool .kp-page-card{border:0;background:none!important;padding:0!important;border-radius:0;box-shadow:none;color:#8b755f!important;min-width:0;text-align:center;transition:transform .15s}.kp-page-card:hover{transform:translateY(-3px)}.kp-page-card canvas{display:block;width:100%;height:auto;max-height:440px;object-fit:contain;box-shadow:0 9px 24px #50362018;border:1px solid #e3dacd;background:white}.kp-page-card>span{display:block;font-size:9px;padding:12px 0 0;letter-spacing:.3px}.kp-pagination{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:8px}.kp-pagination button{font-size:11px;min-height:35px;padding:6px 10px}.kp-pagination span{font-size:10px;color:#8d745b}.kp-advanced{border:1px solid var(--line);border-radius:17px;margin-top:27px;background:#fff;overflow:hidden}.kp-advanced>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 23px;background:#fcf8f2}.kp-advanced>summary::-webkit-details-marker{display:none}.kp-advanced>summary>span:first-child{display:flex;align-items:center;flex-wrap:wrap;gap:8px 15px}.kp-advanced>summary strong{font-size:15px}.kp-advanced>summary strong:before{content:'＋';font-weight:400;margin-right:10px;color:#9c7451}.kp-advanced[open]>summary strong:before{content:'−'}.kp-advanced summary small{font-size:11px;font-weight:400;color:#957c63}.kp-advanced-summary{font-size:10px;color:#8a5935;max-width:45%;text-align:right;line-height:1.8}.kp-advanced-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;padding:25px 23px}.kp-advanced-grid section{min-width:0}.kp-advanced-grid h3{font-size:14px;margin-bottom:20px}.kp-advanced-grid label{font-size:11px}.kp-advanced-grid .kp-help{font-size:10px!important}.kp-advanced-grid output{font-size:10px;font-weight:400}.kp-save-bar{padding:24px;margin-top:25px;background:#f5ebde;border:1px solid #dfc6a9;border-radius:18px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:17px}.kp-save-bar strong{font-size:16px}.kp-save-bar p{font-size:11px;color:#8a694e;line-height:1.8;margin:5px 0 0}.kp-save-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.kp-save-actions button{font-size:13px}.kp-save-bar progress{width:100%;height:7px;accent-color:#87502f}.kp-dialog{border:1px solid var(--line);border-radius:20px;width:min(94vw,1100px);max-height:94vh;overflow:auto;padding:20px;background:#f3ede4;color:#5f4631}.kp-dialog::backdrop{background:#2b201bbb;backdrop-filter:blur(5px)}.kp-dialog-head,.kp-dialog-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.kp-dialog-head strong{font-size:16px}.kp-dialog-head button{font-size:12px}.kp-dialog-controls{justify-content:center;font-size:12px}.kp-dialog-controls button{min-width:44px;padding:8px}.kp-dialog canvas{display:block;width:auto;max-width:100%;height:auto;max-height:none;margin:auto;background:white;box-shadow:0 10px 30px #50321b20}.kp-guide{border-top:1px solid var(--line);padding-top:55px;margin-top:75px}.kp-guide h2{font-size:35px;letter-spacing:-1.3px}.kp-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:35px 0 60px}.kp-guide-grid article>span{font-size:10px;letter-spacing:2px;color:#a77a53}.kp-guide-grid h3{font-size:16px;margin:12px 0 10px}.kp-guide-grid p{font-size:13px;color:#846d57;line-height:1.9}.kp-faq{max-width:900px}.kp-faq h2{font-size:25px;margin-bottom:25px}.kp-faq details{border-top:1px solid var(--line);padding:17px 0}.kp-faq summary{cursor:pointer;font-size:14px;font-weight:650}.kp-faq p{font-size:12px;color:#7e6956;line-height:1.9;margin:13px 0 0}.kp-back{color:#87502f;display:inline-block;font-size:13px;margin-top:25px}.kp-empty{font-size:13px;color:#8a7259;grid-column:1/-1;padding:30px 15px}.kp-tool-post .inside-article{padding:35px 42px!important}.kp-tool-post .entry-content{margin-top:0}.kp-tool-post .grid-container{max-width:1240px}.kp-tool-post .entry-header{display:none}
@media(max-width:1100px){.kp-hero{gap:25px}.kp-paper-scene{height:425px}.kp-advanced-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kp-headline strong{white-space:normal}.kp-workspace{gap:20px;grid-template-columns:minmax(0,1fr) 245px}.kp-settings{padding:19px}.kp-preview-area{padding:18px}.kp-pages{gap:15px}}
@media(max-width:760px){.kp-hero{grid-template-columns:1fr;min-height:0;gap:27px;padding-top:0}.kp-tool h1{font-size:27px;margin-bottom:22px}.kp-tool .kp-headline{font-size:41px;letter-spacing:-2px;margin-bottom:23px}.kp-tool .kp-lead{font-size:15px;margin-bottom:25px}.kp-hero .kp-primary{font-size:15px}.kp-start{gap:12px 23px}.kp-tool .kp-trust{margin-top:20px}.kp-showcase{padding:15px;border-radius:22px}.kp-paper-scene{height:350px;max-width:460px;margin:auto}.kp-paper{width:58%}.kp-paper-front{left:8%;top:17px}.kp-paper-back{right:0;top:36px}.kp-pdf-pill{font-size:9px;padding:7px 10px;right:0;bottom:6px}.kp-loose-photos{width:38%;left:0;bottom:23px}.kp-showcase-bottom{gap:8px}.kp-showcase-bottom p{font-size:10px}.kp-showcase-bottom>span{font-size:8px}.kp-tool .kp-status{font-size:12px;padding:14px 16px}.kp-editor-head{flex-wrap:wrap;gap:16px}.kp-tool h2{font-size:25px}.kp-editor-head .kp-eyebrow{font-size:9px}.kp-editor-head>div:last-child{width:100%}.kp-editor-head>div:last-child button:last-child{margin-left:auto}.kp-photo-heading{flex-wrap:wrap;gap:5px}.kp-photo-heading p{font-size:10px}.kp-photo{flex-basis:148px}.kp-tool .kp-photo-action{min-height:38px;width:29px}.kp-workspace{display:flex;flex-direction:column}.kp-settings{width:100%;order:0;padding:20px}.kp-preview-area{width:100%;order:1;padding:20px 15px}.kp-preview-head{flex-wrap:wrap;gap:8px}.kp-preview-head h3{font-size:17px}.kp-pages{grid-template-columns:1fr;gap:25px;padding:6px 10px 15px}.kp-page-card canvas{max-height:none}.kp-settings label{font-size:13px}.kp-tool select,.kp-tool input:is([type=text],[type=password],[type=number]){font-size:16px}.kp-tool .kp-fit strong{font-size:13px}.kp-help{font-size:11px!important}.kp-advanced>summary{padding:18px;align-items:flex-start}.kp-advanced>summary>span:first-child{display:grid;gap:4px}.kp-advanced summary small{font-size:10px}.kp-advanced-summary{font-size:10px;max-width:44%}.kp-advanced-grid{grid-template-columns:1fr;padding:22px 18px;gap:25px}.kp-advanced-grid section+section{border-top:1px solid var(--line);padding-top:23px}.kp-advanced-grid h3{font-size:16px}.kp-advanced-grid label,.kp-advanced-grid .kp-check{font-size:13px}.kp-advanced-grid .kp-help{font-size:11px!important}.kp-save-bar{padding:20px;gap:16px}.kp-save-bar strong{font-size:16px}.kp-save-actions{width:100%}.kp-save-actions .kp-primary{width:100%;font-size:14px}.kp-save-actions .kp-secondary{width:100%}.kp-guide{padding-top:35px;margin-top:50px}.kp-guide h2{font-size:29px}.kp-guide-grid{grid-template-columns:1fr;gap:15px;margin:25px 0 40px}.kp-guide-grid h3{margin-top:7px}.kp-faq h2{font-size:23px}.kp-tool-post .inside-article{padding:25px 18px!important}}
@media(prefers-reduced-motion:reduce){.kp-tool *{animation:none!important;transition:none!important}}

/* Shared example scale: retain larger stages; keep editor sizing independent. */
@media(min-width:761px){.kp-hero{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:28px}.kp-paper-scene{height:520px}}
@media(max-width:760px){.kp-showcase{width:calc(100% + 4px);margin-inline:-2px}}

/* Two pages are visibly contained by one PDF file, never two separate documents. */
#kp-showcase .kp-demo-progress{position:relative;height:48px;margin:5px 0 8px;color:#69452e;font-size:17px;font-weight:750}
#kp-showcase .kp-demo-progress>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;visibility:hidden}
#kp-showcase .kp-demo-progress .kp-phase-input{visibility:visible}
#kp-showcase .kp-paper-scene{height:490px;perspective:none}
#kp-showcase .kp-file-frame{position:absolute;inset:0;background:#f4eee6;border:1px solid #d3bda3;border-radius:16px;opacity:0;box-shadow:0 16px 35px #68482a14;overflow:hidden}
#kp-showcase .kp-file-heading{position:absolute;top:0;left:0;right:0;height:54px;background:#fffaf3;display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #e1d2c0;color:#4d392b;font-size:16px}
#kp-showcase .kp-file-heading b{background:#a85433;color:#fff;padding:3px 6px;border-radius:5px;font-size:12px}
#kp-showcase .kp-file-heading strong{margin-left:auto;color:#795335;font-size:12px;white-space:nowrap}
#kp-showcase .kp-file-footer{position:absolute;bottom:0;left:0;right:0;height:42px;background:#fffaf3;display:flex;align-items:center;justify-content:center;gap:7px;font-size:14px;border-top:1px solid #e1d2c0;color:#5d432f}
#kp-showcase .kp-paper{transition:none;opacity:0;overflow:visible;transform:none;box-shadow:0 8px 18px #51321c20;border-radius:2px}
#kp-showcase .kp-paper-front{left:var(--front-left,13%);top:82px;width:var(--front-width,41%);z-index:2;transform:none}
#kp-showcase .kp-paper-back{left:auto;right:8%;top:90px;width:23%;z-index:1;transform:none}
#kp-showcase .kp-paper canvas{width:100%;height:auto;border-radius:2px}
#kp-showcase .kp-page-label{position:absolute;top:-25px;left:0;right:0;text-align:center;color:#76563e;font-size:12px;font-weight:650}
#kp-showcase .kp-loose-photos{left:10%;top:80px;bottom:auto;width:80%;height:280px;display:flex;align-items:center;justify-content:center;gap:18px;transform:none;transition:none;z-index:4;filter:none}
#kp-showcase .kp-loose-photos img{width:46%;height:auto;aspect-ratio:4/3;object-fit:contain;border:6px solid #fff;box-shadow:0 14px 30px #5d3f2026;transform:rotate(-6deg);margin:0;border-radius:4px}
#kp-showcase .kp-loose-photos img+img{margin:0;transform:rotate(5deg)}
#kp-showcase .kp-loose-photos>span{position:absolute;bottom:0;background:#fff9f0;border:1px solid #d8c3a9;border-radius:25px;padding:7px 18px;font-size:13px;color:#795333}
#kp-showcase[data-demo-state=playing] .kp-loose-photos{animation:kp-collect-photos 7s both}
#kp-showcase[data-demo-state=playing] .kp-paper-front{animation:kp-bind-front 7s both}
#kp-showcase[data-demo-state=playing] .kp-paper-back{animation:kp-bind-back 7s both}
#kp-showcase[data-demo-state=playing] .kp-file-frame{animation:kp-bind-file 7s both}
#kp-showcase[data-demo-state=playing] .kp-phase-input{animation:kp-input-phase 7s both}
#kp-showcase[data-demo-state=playing] .kp-phase-pages{animation:kp-pages-phase 7s both}
#kp-showcase[data-demo-state=playing] .kp-phase-file{animation:kp-file-phase 7s both}
#kp-showcase[data-demo-state=complete] .kp-loose-photos{opacity:0;visibility:hidden}
#kp-showcase[data-demo-state=complete] .kp-paper,#kp-showcase[data-demo-state=complete] .kp-file-frame{opacity:1}
#kp-showcase[data-demo-state=complete] .kp-phase-input{visibility:hidden}
#kp-showcase[data-demo-state=complete] .kp-phase-file{visibility:visible}
@keyframes kp-collect-photos{0%,20%{opacity:1;transform:none}40%,100%{opacity:0;transform:translateY(-30px) scale(.65);visibility:hidden}}
@keyframes kp-bind-front{0%,22%{opacity:0;transform:translate(5%,30px);width:var(--front-width,41%);left:var(--front-left,13%);top:82px}40%,58%{opacity:1;transform:none;width:42%;left:5%;top:60px}82%,100%{opacity:1;transform:none;width:var(--front-width,41%);left:var(--front-left,13%);top:82px}}
@keyframes kp-bind-back{0%,22%{opacity:0;width:42%;right:5%;top:60px;transform:translateY(30px)}40%,58%{opacity:1;width:42%;right:5%;top:60px;transform:none}82%,100%{opacity:1;width:23%;right:8%;top:90px;transform:none}}
@keyframes kp-bind-file{0%,58%{opacity:0;transform:scale(.95)}82%,100%{opacity:1;transform:scale(1)}}
@keyframes kp-input-phase{0%,25%{visibility:visible}26%,100%{visibility:hidden}}
@keyframes kp-pages-phase{0%,25%{visibility:hidden}26%,65%{visibility:visible}66%,100%{visibility:hidden}}
@keyframes kp-file-phase{0%,65%{visibility:hidden}66%,100%{visibility:visible}}
@media(max-width:1100px){#kp-showcase .kp-paper-scene{height:440px}#kp-showcase .kp-demo-progress{font-size:15px}}
@media(max-width:760px){#kp-showcase .kp-paper-scene{height:365px}#kp-showcase .kp-demo-progress{font-size:14px;height:42px}#kp-showcase .kp-file-heading{font-size:13px;padding:10px;height:48px;gap:6px}#kp-showcase .kp-file-heading strong{font-size:10px}#kp-showcase .kp-file-heading b{font-size:10px}#kp-showcase .kp-file-footer{font-size:12px}#kp-showcase .kp-loose-photos{top:40px;height:240px;left:2%;width:96%;gap:10px}#kp-showcase .kp-loose-photos img{border-width:4px}#kp-showcase .kp-page-label{font-size:10px;top:-22px}#kp-showcase .kp-showcase-bottom p{font-size:11px}#kp-showcase .kp-showcase-bottom{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){#kp-showcase *{animation:none!important;transition:none!important}#kp-showcase .kp-loose-photos{display:none}#kp-showcase .kp-paper,#kp-showcase .kp-file-frame{opacity:1!important}#kp-showcase .kp-phase-input,#kp-showcase .kp-phase-pages{visibility:hidden!important}#kp-showcase .kp-phase-file{visibility:visible!important}}

@media(max-width:760px){#kp-showcase{--front-width:58%;--front-left:6%}}

/* Three photos, three pages, still one PDF file. */
#kp-showcase .kp-paper-back{width:18%;right:8%;top:90px}
#kp-showcase .kp-paper-third{width:18%;right:8%;top:var(--third-top,280px);left:auto;z-index:1}
#kp-showcase .kp-loose-photos{width:94%;left:3%;gap:10px}
#kp-showcase .kp-loose-photos img{width:31%;border-width:5px}
#kp-showcase .kp-loose-photos img:nth-child(3){transform:rotate(-3deg)}
#kp-showcase[data-demo-state=playing] .kp-paper-third{animation:kp-bind-third 7s both}
@keyframes kp-bind-front{0%,22%{opacity:0;transform:translateY(30px);width:28%;left:3%;top:90px}40%,58%{opacity:1;transform:none;width:28%;left:3%;top:90px}82%,100%{opacity:1;transform:none;width:var(--front-width,41%);left:var(--front-left,13%);top:82px}}
@keyframes kp-bind-back{0%,22%{opacity:0;width:28%;right:36%;top:90px;transform:translateY(30px)}40%,58%{opacity:1;width:28%;right:36%;top:90px;transform:none}82%,100%{opacity:1;width:18%;right:8%;top:90px;transform:none}}
@keyframes kp-bind-third{0%,22%{opacity:0;width:28%;right:3%;top:90px;transform:translateY(30px)}40%,58%{opacity:1;width:28%;right:3%;top:90px;transform:none}82%,100%{opacity:1;width:18%;right:8%;top:var(--third-top,280px);transform:none}}
@media(max-width:1100px) and (min-width:761px){#kp-showcase{--third-top:245px}}
@media(max-width:760px){#kp-showcase{--third-top:210px}#kp-showcase .kp-loose-photos{gap:6px;left:1%;width:98%}#kp-showcase .kp-loose-photos img{border-width:3px}}