.pb-shell {
  --book-ink:#28352f;
  --book-muted:#54645c;
  --book-line:#dce0d4;
  --book-accent:#738112;
  --book-paper:#fbfaf5;
  width:100%;
  max-width:1200px;
  margin:0 auto;
  padding:clamp(14px,2.4vw,32px);
  color:var(--book-ink);
  background:var(--book-paper);
  border:1px solid var(--book-line);
  border-radius:22px;
  isolation:isolate;
}
.pb-shell *, .pb-shell *::before,.pb-shell *::after {box-sizing:border-box}
.pb-shell button,.pb-shell input,.pb-shell textarea{font:inherit}
.pb-shell button {
  color:inherit;background:white;border:1px solid var(--book-line);
  min-height:46px;border-radius:12px;padding:9px 14px;cursor:pointer;touch-action:manipulation;
}
.pb-shell button:disabled {opacity:.45;cursor:default}
.pb-shell button:focus-visible,.pb-shell input:focus-visible,.pb-shell textarea:focus-visible{outline:3px solid #9d376e;outline-offset:3px}
.pb-shell button[aria-pressed="true"],.pb-shell button.picked,.pb-shell .pb-rail .selected{border-color:var(--book-accent);box-shadow:inset 0 0 0 1px var(--book-accent);background-color:#f4f6e7}
.pb-shell h1{font-size:clamp(26px,4vw,43px);line-height:1.08;margin:clamp(18px,3vh,30px) 0;letter-spacing:-.035em}
.pb-shell h1:focus:not(:focus-visible){outline:none}
.pb-head,.pb-head>div,.pb-back,.pb-foot,.pb-action,.pb-primary,.pb-tools button,.pb-pager,.pb-order-tools,.pb-pages-count{display:flex;align-items:center;gap:10px}
.pb-head{justify-content:space-between;border-bottom:1px solid var(--book-line);padding-bottom:14px}
.pb-head>div{gap:18px;font-size:.88em}
.pb-head>div strong{color:#526008;font-size:1.35em;white-space:nowrap}
.pb-shell button.pb-back{background:transparent;border:0;padding-left:0;font-size:.9em}
.pb-hint,.pb-controls p,.pb-upload p{color:var(--book-muted);margin:0 0 14px;font-size:.9em;line-height:1.45}
.pb-format-grid,.pb-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2vw,24px)}
.pb-shell button.pb-format{display:grid;gap:12px;text-align:left;padding:12px 12px 18px;border-radius:16px;overflow:hidden;background:white}
.pb-format-art{display:grid;place-items:center;aspect-ratio:1.9;background:linear-gradient(32deg,#dad5c9,#efece2 65%,#ddd9cc);border-radius:10px;overflow:hidden}
.pb-format-art.a5{background:linear-gradient(28deg,#c8cfc2,#e9eee2 55%,#d9ded1)}
.pb-cover-demo{width:70%;aspect-ratio:1.43;max-width:325px;position:relative;background:linear-gradient(90deg,#303833 0%,#303833 3%,#171e1a 4%,#313933 6%,#202921 100%);border-radius:5px;box-shadow:7px 12px 16px #19221d44;display:grid;place-items:center;transform:rotate(-4deg)}
.pb-cover-demo>div{width:39%;aspect-ratio:1.35;background:#e1d4bd;color:#575f52;display:grid;place-items:center;overflow:hidden;border-radius:1px;border:2px solid #161d18;box-shadow:0 0 0 1px #596353}
.pb-cover-demo>div>img{width:100%;height:100%;object-fit:cover}
.pb-format-art .pb-cover-demo>div{background:linear-gradient(125deg,#b3bf9b,#f1dcb7 48%,#a2b2ab)}
.pb-format-art.a5 .pb-cover-demo{width:55%;transform:rotate(4deg)}
.pb-format-info{display:grid;grid-template-columns:1fr auto;gap:4px 8px;padding:0 6px}
.pb-format-info strong{font-size:1.15em}
.pb-format-info>span{grid-column:1;font-size:.85em;color:var(--book-muted)}
.pb-format-info b{grid-row:1 / span 2;grid-column:2;align-self:center;color:#526008;white-space:nowrap}
.pb-format>small{margin-left:6px;color:var(--book-muted)}
.pb-choice-grid,.pb-style-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(185px,100%),1fr));gap:12px}
.pb-shell button.pb-tile,.pb-shell button.pb-style{display:grid;grid-template-columns:1fr auto;gap:10px;padding:10px 12px 14px;text-align:left}
.pb-paper-swatch,.pb-samples{height:clamp(62px,9vh,105px);border-radius:8px;grid-column:1 / -1}
.pb-samples{display:flex;overflow:hidden}
.pb-samples i{flex:1}
.pb-paper-swatch,.pb-samples{border:1px solid #0001}
.pb-shell .pb-upload{background:#f1f2e9;padding:clamp(18px,4vw,45px);text-align:center;border:1px dashed #9caa85;border-radius:14px;margin-bottom:15px}
.pb-upload button{display:inline-flex;align-items:center;gap:8px}
.pb-upload p{margin:10px 0 0}
.pb-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(110px,100%),1fr));gap:8px;max-height:42vh;overflow-y:auto;padding:4px;overscroll-behavior:contain}
.pb-shell .pb-thumb{background:#e9ebe3;position:relative;border-radius:10px;padding:0;overflow:hidden;display:grid;place-items:center;aspect-ratio:1;min-height:unset;min-width:0}
.pb-shell .pb-thumb>img{width:100%;height:100%;object-fit:contain;display:block}
.pb-shell button.pb-thumb.picked{outline:3px solid var(--book-accent);outline-offset:-3px}
.pb-shell .pb-thumb.target{outline:4px dashed #a13275;outline-offset:-4px}
.pb-number,.pb-check,.pb-grip,.pb-shell button.pb-remove{position:absolute;border-radius:6px;background:#fffc;color:var(--book-ink)}
.pb-number{left:4px;bottom:4px;padding:2px 6px;font-size:.72em;font-weight:700}
.pb-check,.pb-grip,.pb-shell button.pb-remove{right:5px;top:5px;padding:3px}
.pb-shell button.pb-remove{min-height:32px;min-width:32px;display:grid;place-items:center;color:#963440}
.pb-order{max-height:47vh}
.pb-shell .pb-order .pb-thumb{touch-action:pan-y}
.pb-grab{position:absolute;right:0;top:0;background:#fffd;border-radius:0 8px 0 8px;width:42px;height:42px;display:grid;place-items:center;touch-action:none}
.pb-personal{display:grid;place-items:center;background:#e6ead6;color:#687524}
.pb-order-tools{flex-wrap:wrap;margin-top:14px}
.pb-shell .pb-danger{color:#97404d}
.pb-cover-choice,.pb-title-choice{display:grid;grid-template-columns:minmax(160px,.8fr) minmax(0,1.2fr);gap:clamp(18px,3vw,42px);align-items:center}
.pb-cover-choice>.pb-cover-demo,.pb-title-choice>.pb-cover-demo{margin:auto;width:83%}
.pb-title-choice label,.pb-text-field,.pb-zoom label{display:grid;gap:8px;font-weight:650}
.pb-title-choice small,.pb-title-choice label>span{font-weight:400;color:var(--book-muted);font-size:.8em}
.pb-shell input[type="text"],.pb-shell textarea{padding:12px 14px;border:1px solid #b9c2b2;border-radius:10px;background:white;color:var(--book-ink);width:100%;font-size:1em}
.pb-shell .pb-mode{display:grid;text-align:left;gap:12px;padding:22px;background:#fff;color:var(--book-ink)}
.pb-mode>:first-child{color:#8b386c;width:35px;height:35px}
.pb-mode strong{font-size:1.24em}
.pb-mode span,.pb-style>span:last-child{color:var(--book-muted);font-size:.9em;line-height:1.45}
.pb-style strong,.pb-style>span:last-child{grid-column:1 / -1}
.pb-pages-count{flex-wrap:wrap;background:#edf0e3;border-radius:12px;padding:12px 16px;margin-top:16px;gap:8px}
.pb-pages-count>div{margin-right:8px;display:grid}
.pb-pages-count small{font-size:.76em;color:var(--book-muted)}
.pb-pages-count>small{margin-left:auto}
.pb-pages-count button,.pb-pager button{display:grid;place-items:center}
.pb-crop-work{max-width:650px;margin:0 auto 16px}
.pb-crop-frame{--pb-crop-max:38vh;position:relative;overflow:hidden;width:min(100%,calc(var(--pb-crop-max) * var(--pb-crop-ratio)));margin:auto;touch-action:none;background:#e4e6de;border:1px solid #cbd1c2}
.pb-crop-frame canvas{height:100%;width:100%;position:absolute;inset:0;pointer-events:none}
.pb-crop-work p{font-size:.82em;color:var(--book-muted);margin:6px 0}
.pb-zoom{display:grid;grid-template-columns:minmax(55px,1fr) auto auto;align-items:center;gap:5px}
.pb-zoom button{padding:6px;font-size:.83em}
.pb-zoom label{font-size:.82em;grid-template-columns:1fr auto}
.pb-zoom input{grid-column:1 / -1;width:100%;accent-color:var(--book-accent)}
.pb-foot{position:sticky;bottom:0;margin-top:clamp(18px,3vh,32px);padding:13px 0 0;border-top:1px solid var(--book-line);background:var(--book-paper);z-index:3;justify-content:space-between}
.pb-foot>span{font-size:.84em;color:var(--book-muted)}
.pb-shell button.pb-primary{background:#677807;color:white;border-color:#677807;font-weight:700;padding:12px 18px;min-height:52px}
.pb-primary svg{width:20px;height:20px}
.pb-message{padding:12px 14px;border-radius:8px;background:#f5eadb;color:#634721}
.pb-rail{display:flex;gap:5px;overflow-x:auto;padding:3px 0 8px;scrollbar-width:thin;overscroll-behavior-x:contain}
.pb-rail button{flex:0 0 auto;min-width:45px}
.pb-rail button{display:grid;gap:3px;padding:5px;font-size:.74em;place-items:center}
.pb-rail i{height:29px;width:40px;display:block;overflow:hidden;border-radius:3px}
.pb-rail i img{height:100%;width:100%;object-fit:cover}
.pb-cover-switch{display:flex;gap:5px;margin-bottom:9px}
.pb-cover-switch button{padding:8px;font-size:.78em;flex:1}
.pb-editor{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(240px,1fr);align-items:start;gap:clamp(10px,2vw,22px);margin-top:12px}
.pb-page-area{background:#e9e8df;border-radius:13px;padding:clamp(10px,2vw,20px);min-width:0}
.pb-page-stage{position:relative;width:100%;box-shadow:0 5px 12px #46503e24}
.pb-canvas{width:100%;position:relative;background:#fbfaf5;overflow:hidden}
.pb-canvas>canvas{width:100%;height:100%;display:block}
.pb-paint{position:absolute;inset:auto 8px 8px;background:#fffe;padding:4px 8px;border-radius:4px;font-size:.78em}
.pb-shell button.pb-hotspot{position:absolute;padding:0;min-height:0;border-radius:0;background:transparent;border:0;box-shadow:none;touch-action:manipulation}
.pb-shell .pb-hotspot.active{outline:3px solid #a23274;outline-offset:-3px}
.pb-pager{justify-content:center;margin:12px 0;gap:clamp(12px,3vw,32px)}
.pb-controls{border:1px solid var(--book-line);border-radius:13px;padding:12px;background:white;max-height:57vh;overflow-y:auto}
.pb-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:14px}
.pb-tabs button{display:flex;align-items:center;justify-content:center;gap:5px;padding:8px;font-size:.86em}
.pb-tools,.pb-layouts,.pb-paper-list{display:grid;gap:6px}
.pb-tools button{justify-content:flex-start;text-align:left}
.pb-tools svg{width:20px;color:#6d7f21}
.pb-shell .pb-action{justify-content:center;width:100%;background:#f4f3ea}
.pb-controls .pb-photo-grid{grid-template-columns:repeat(auto-fill,minmax(65px,1fr));max-height:33vh}
.pb-controls .pb-crop-frame{--pb-crop-max:22vh}
.pb-layouts{grid-template-columns:repeat(2,minmax(0,1fr))}
.pb-layouts button{padding:7px;display:grid;gap:4px;text-align:center;font-size:.78em}
.pb-mini-layout{position:relative;display:block;width:100%;aspect-ratio:1.5;background:#f0eee4}
.pb-mini-layout i{position:absolute;background:#9fae86;box-shadow:inset 0 0 0 1px white}
.pb-paper-list{grid-template-columns:repeat(2,minmax(0,1fr))}
.pb-paper-list button{display:grid;gap:5px;padding:6px;font-size:.78em}
.pb-paper-list i{height:32px;border-radius:4px;border:1px solid #0001}
.pb-preview{background:linear-gradient(145deg,#dedfd4,#ecebe2);border-radius:15px;padding:clamp(12px,4vw,45px);touch-action:pan-y}
.pb-spread{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:start;width:100%;animation:pb-turn .2s ease-out}
.pb-spread.cover{display:block;width:min(80%,650px);margin:auto;box-shadow:0 9px 19px #26312437}
.pb-spread.single{grid-template-columns:1fr;width:min(85%,650px);margin:auto}
.pb-leaf{position:relative;background:white;box-shadow:0 8px 13px #3542361c}
.pb-leaf:first-child .pb-canvas::after{content:"";width:10%;position:absolute;inset:0 0 0 auto;background:linear-gradient(90deg,transparent,#2b2d241c);pointer-events:none}
.pb-leaf:nth-child(2) .pb-canvas::after{content:"";width:8%;position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#2b2d2417,transparent);pointer-events:none}
.pb-leaf button{border:0;width:100%;border-radius:0;font-size:.8em}
.pb-endpaper{background:#f3efe4;aspect-ratio:1.42}
.pb-modal{position:fixed;inset:0;background:#16201588;display:grid;place-items:center;padding:20px;z-index:55000}
.pb-modal section{max-width:450px;background:white;border-radius:16px;padding:24px;box-shadow:0 12px 35px #0003}
.pb-modal section>button{margin:5px 8px 0 0;display:inline-flex}
@keyframes pb-turn{from{opacity:.3;transform:perspective(800px) rotateY(-4deg)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.pb-spread{animation:none}}
@media(max-width:650px){
 .pb-shell{padding:12px;border-radius:14px}
 .pb-head>div{display:grid;gap:0;text-align:right}
 .pb-format-grid,.pb-mode-grid{gap:8px}
 .pb-format-info{display:flex;flex-direction:column;gap:2px}.pb-format-info b{align-self:start}
 .pb-cover-choice,.pb-title-choice{grid-template-columns:1fr}
 .pb-cover-choice>.pb-cover-demo,.pb-title-choice>.pb-cover-demo{width:50%;max-height:160px}
 .pb-editor{grid-template-columns:1fr}.pb-controls{max-height:none}
 .pb-photo-grid{grid-template-columns:repeat(auto-fill,minmax(82px,1fr))}
 .pb-controls .pb-photo-grid{max-height:28vh}
 .pb-foot{gap:8px}.pb-foot>span{font-size:.72em}.pb-foot button{font-size:.88em}
 .pb-pages-count>small{width:100%}.pb-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.pb-tabs button{flex-direction:column;font-size:.72em}
 .pb-spread.cover{width:94%}.pb-preview{padding:9px}.pb-leaf button{font-size:.72em}
}
.pb-lettering{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:.55rem 0}
.pb-lettering label{display:grid;gap:4px}.pb-lettering select{padding:.5rem;border:1px solid #a1aa98;border-radius:8px;background:white}
.pb-title-choice>.pb-canvas{width:100%;max-width:580px;margin:auto}
.pb-density{border:1px solid #c2cfa3;background:#f0f5e6;border-radius:14px;padding:16px;margin:10px 0}
.pb-density h2{font-size:1.2rem}.pb-density>div,.pb-border-tools{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.pb-border-tools label,.pb-text-controls label{display:grid;gap:6px}.pb-text-controls{padding:12px;background:#f2f3ee;border-radius:10px}
.pb-page-stage .pb-floating-text{position:absolute;background:transparent;z-index:3;border:1px dashed transparent;touch-action:none;cursor:move}
.pb-page-stage .pb-floating-text.picked{border-color:#a12e66;box-shadow:0 0 0 1px #fff8}.pb-floating-text:focus-visible{outline:3px solid #a12e66}
.pb-editor-simple{display:block}.pb-editor-simple .pb-controls>:not(.pb-action){display:none}.pb-editor-simple .pb-controls{padding:4px;border:0;background:transparent}
.pb-empty-page{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:8px;color:#49583e;pointer-events:none}
.pb-empty-page strong,.pb-empty-page svg{background:#ffffffdd;border-radius:6px;padding:5px}
.pb-photo-tray{background:#f1f3eb;border-radius:14px;padding:12px;margin:12px 0}.pb-photo-tray h2,.pb-photo-tray p{margin:0 0 6px}
.pb-photo-tray small{font:inherit;color:#66744f}.pb-tray-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:8px;overflow-y:auto;max-height:28vh;scrollbar-gutter:stable;padding:1px 18px 1px 1px;touch-action:pan-y}
.pb-tray-grid button{position:relative;aspect-ratio:1;display:grid;place-items:center;background:#e4e6dc;border-radius:6px;touch-action:none}
.pb-tray-grid button img,.pb-drag-photo img{width:100%;height:100%;object-fit:contain}.pb-tray-grid button span{position:absolute;left:4px;bottom:4px;border-radius:5px;background:#fff;padding:1px 5px}
.pb-drag-photo{width:90px;height:72px;position:fixed;transform:translate(-50%,-55%);pointer-events:none;z-index:1200;background:white;box-shadow:0 8px 20px #0005}
.pb-flip-desk{background:radial-gradient(ellipse at 40% 30%,#eee9e0,#d1c8b9);padding:clamp(16px,3vw,42px) clamp(12px,3vw,42px);border-radius:16px;overflow:hidden;touch-action:pan-y}
.pb-flip-book{position:relative;width:100%;max-width:1120px;margin:auto;perspective:1650px;transform-style:preserve-3d}
.pb-static-leaf,.pb-turn-leaf,.pb-turn-front,.pb-turn-back{position:absolute;top:0;height:100%;width:50%}
.pb-static-leaf{background:#fffefb;box-shadow:0 1px #afa99d,0 3px #f2ecdf,0 4px #aaa397,0 14px 24px #382c2250}
.pb-static-leaf.left{left:0;border-radius:5px 0 0 5px}.pb-static-leaf.right{right:0;border-radius:0 5px 5px 0}.pb-static-leaf.absent{visibility:hidden}
.pb-static-leaf img,.pb-turn-leaf img{width:100%;height:100%;display:block}.pb-static-leaf.left::after,.pb-static-leaf.right::after,.pb-turn-front::after,.pb-turn-back::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#362b2228,transparent 9%);pointer-events:none}
.pb-static-leaf.left::after,.pb-turn-back::after{background:linear-gradient(270deg,#362b2228,transparent 9%)}
.pb-turn-leaf{left:50%;z-index:2;transform-origin:0 50%;transform-style:preserve-3d}.pb-turn-front,.pb-turn-back{width:100%;background:#fffdf7;backface-visibility:hidden;box-shadow:0 4px 14px #42312425}
.pb-turn-back{transform:rotateY(180deg)}.pb-turn-leaf.forward{animation:pb-flip .58s ease-in-out both}.pb-turn-leaf.backward{animation:pb-flip .58s ease-in-out reverse both}
@keyframes pb-flip{from{transform:rotateY(0deg)}to{transform:rotateY(-180deg)}}
@media(prefers-reduced-motion:reduce){.pb-turn-leaf{animation:none}}
.pb-photo-tray{position:relative}.pb-tray-navigation{position:absolute;right:12px;top:9px;display:flex;gap:5px}.pb-tray-navigation button{padding:4px 12px;border:1px solid #b6bfad;border-radius:5px;background:#fff;font-size:20px}

.pb-lettering .pb-ink-tools{flex:1 1 200px;min-width:0}
.pb-lettering .pb-ink-grid{display:grid;grid-template-columns:repeat(auto-fill,40px);gap:2px;align-items:center}
.pb-shell .pb-ink-grid button{display:grid;place-items:center;box-sizing:border-box;inline-size:40px;block-size:40px;min-inline-size:40px;min-block-size:40px;max-inline-size:40px;max-block-size:40px;flex:none;padding:0;border:0;background:transparent;border-radius:50%}
.pb-shell .pb-ink-grid button i{box-sizing:border-box;display:block;width:28px;height:28px;aspect-ratio:1/1;border:1px solid #897e7466;border-radius:50%}
.pb-shell .pb-ink-grid button[aria-pressed=true] i{outline:2px solid #647a20;outline-offset:2px}
.pb-shell .pb-more-ink,.pb-type-effects button{padding:6px 10px;min-height:34px;width:auto;border:1px solid #bbc1b3;border-radius:6px;background:white}
.pb-type-effects{display:flex;gap:10px;align-items:end}.pb-type-effects button[aria-pressed=true]{background:#536523;color:white}
.pb-density .pb-page-offers{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:8px}
.pb-page-offers button{display:grid;gap:4px;text-align:left;background:#fff;border:1px solid #bac79f;border-radius:9px;padding:10px 12px}
.pb-page-offers button:first-child{background:#f8faf3}.pb-page-offers b{font-size:1.1rem}

.pb-flip-book{transform:translateX(0);transition:transform .58s ease-in-out}
.pb-flip-book.pb-book-centred{transform:translateX(-25%)}
.pb-flip-book.pb-hardcover .pb-static-leaf.right{border-radius:3px 5px 5px 3px;overflow:hidden;cursor:pointer;box-shadow:1px 1px #333,3px 3px #d1cdbf,5px 4px #343936,6px 5px #1b2220,11px 16px 25px #2c2b2266}
.pb-cover-verso{position:absolute;inset:0;background:linear-gradient(98deg,#343c37,#222a25 92%,#151c18)}
.pb-cover-verso i{position:absolute;border-radius:3%;background:#dcd4c8;box-shadow:inset 1px 2px 5px #161d1780}
@media(prefers-reduced-motion:reduce){.pb-flip-book{transition:none}}
.pb-length-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-content:start}
.pb-length-card{display:grid;gap:6px;padding:12px;text-align:left;border:1px solid #c9cec1;border-radius:12px;background:#fff;color:#283027}
.pb-length-card.recommended{border:2px solid #70852a;padding:11px;background:#fafbf4}
.pb-length-art{height:clamp(68px,9vh,120px);display:flex;align-items:center;justify-content:center;gap:1px;perspective:600px;background:linear-gradient(130deg,#f6f2e8,#e4e8da);border-radius:6px;padding:10px}
.pb-sample-leaf{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));height:100%;aspect-ratio:1.42;background:#fffdf7;padding:5px;gap:2px;box-shadow:0 3px 6px #40382c3d;min-width:0;max-width:48%;transform-origin:right center;transform:rotateY(-14deg)}
.pb-sample-leaf+.pb-sample-leaf{transform-origin:left center;transform:rotateY(14deg)}
.pb-sample-leaf img{width:100%;height:100%;min-width:0;max-height:100%;object-fit:contain}
.pb-length-head,.pb-length-price{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.pb-length-head strong{font-size:1.35rem}
.pb-length-head small{color:#42551a;background:#e1ebc8;border-radius:4px;padding:3px 7px}
.pb-length-price small,.pb-length-card>span{font-size:.85rem;color:#576156}
.pb-pages-count .pb-all-counts{width:auto;height:auto;padding:.5em .7em}
@media(max-width:520px){.pb-length-grid{gap:8px}.pb-length-card{padding:8px}.pb-length-card.recommended{padding:7px}}
.pb-edit-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:8px 0}
.pb-shell .pb-add-copy{display:inline-flex;align-items:center;gap:7px;border:1px solid #92416c;border-radius:8px;background:#923b68;color:white;padding:9px 15px;font-weight:650}
.pb-quick-copy{padding:11px;border-radius:9px;background:#f6eef2;margin-bottom:8px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:5px 8px}
.pb-quick-copy label{display:grid;gap:4px}.pb-quick-copy textarea{width:100%;min-height:42px;padding:7px 9px;border:1px solid #a5929d;border-radius:6px;resize:vertical}
.pb-quick-copy>small,.pb-quick-copy>details{grid-column:1/-1}.pb-quick-copy summary{padding:7px 0;cursor:pointer}
.pb-page-stage .pb-floating-text{padding:0;min-height:0;min-width:0;border:0}.pb-page-stage .pb-floating-text.picked{outline:2px dashed #a12e66;box-shadow:none}
.pb-floating-text canvas{width:100%;height:100%;display:block;pointer-events:none}.pb-floating-text span{position:absolute;inset:0;display:grid;place-content:center;font-size:.85rem;color:#8b3464}
.pb-style-grid{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}
.pb-shell .pb-style-grid button.pb-style{align-content:start;text-align:left;align-items:center}
.pb-style-grid .pb-style>span{grid-column:1/-1}.pb-theme-spread{display:grid;grid-template-columns:1fr 1fr;grid-column:1/-1;align-items:start;background:#dedacf;gap:1px;padding:8px 5px;border-radius:5px}
.pb-theme-spread .pb-canvas{box-shadow:0 3px 4px #0002}.pb-theme-spread .pb-canvas:first-child{border-radius:3px 0 0 3px}
.pb-theme-spread .pb-canvas+.pb-canvas{border-radius:0 3px 3px 0}.pb-theme-spread .pb-paint{font-size:10px}
.pb-empty-leaf{background:#fffdf9;aspect-ratio:1.42}
.pb-photo-used{position:absolute;top:4px;right:4px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:22px;height:22px;padding:0 2px;background:#237342;color:white;border:2px solid white;border-radius:12px;box-shadow:0 1px 3px #19371e59;pointer-events:none}
.pb-photo-used b{font:700 12px/1 system-ui,sans-serif;margin-right:2px}
.pb-shell .pb-page-stage button.pb-floating-text,.pb-shell .pb-page-stage button.pb-floating-text.picked,.pb-shell .pb-page-stage button.pb-floating-text:focus,.pb-shell .pb-page-stage button.pb-floating-text:active{background:transparent;box-shadow:none;touch-action:none}
.pb-floating-text img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.pb-art-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0}.pb-art-tools label{display:flex;align-items:center;gap:8px}
.pb-shell .pb-page-stage .pb-size-grip{position:absolute;z-index:5;width:38px;height:38px;min-height:38px;display:grid;place-items:center;padding:0;border:2px solid white;border-radius:50%;transform:translate(-65%,-65%);background:#963965;color:white;touch-action:none;cursor:nwse-resize}
.pb-resize-preview{position:absolute;z-index:4;pointer-events:none;outline:2px solid #963965}
.pb-shell .pb-page-stage .pb-floating-text.picked{z-index:4}
.pb-editor .pb-controls .pb-create-tools{display:block}
.pb-editor.pb-editor-simple{display:grid}
.pb-editor-simple .pb-controls{padding:12px;border:1px solid var(--book-line)}
.pb-controls .pb-edit-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0 0 8px}
.pb-controls .pb-edit-actions button{width:100%;min-width:0;padding:7px;line-height:1.2}
.pb-controls .pb-edit-actions button:last-child{grid-column:1/-1}
.pb-controls .pb-quick-copy,.pb-controls .pb-art-tools{margin:8px 0}
@media(min-width:560px) and (max-width:650px){
 .pb-editor{grid-template-columns:minmax(0,1.5fr) minmax(190px,1fr)}
 .pb-controls{max-height:60vh}
}
.pb-page-stage{isolation:isolate;overflow:hidden}
.pb-photo-layers{position:absolute;inset:0;z-index:1;pointer-events:none}
.pb-shell .pb-page-stage .pb-hotspot,.pb-shell .pb-page-stage .pb-hotspot.picked{background:transparent;touch-action:none;cursor:grab;pointer-events:auto}
.pb-page-stage .pb-art-layer{touch-action:none;cursor:grab}
.pb-photo-ghost{width:100%;height:100%;display:block;pointer-events:none}
.pb-shell .pb-page-stage button.pb-layer-grip{position:absolute;z-index:6;display:grid;place-items:center;width:38px;height:38px;min-width:38px;min-height:38px;transform:translate(-50%,-50%);padding:0;border-radius:50%;border:2px solid white;background:#963965;color:white;pointer-events:auto;touch-action:none}
.pb-layer-order,.pb-cover-rotation{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:8px 0}
.pb-cover-rotation input{width:100%;accent-color:#963965}
.pb-free-frame{background:#303431}
.pb-trim-window{position:absolute;box-shadow:0 0 0 100vmax #161b1d90;border:2px solid #ffe16b}
.pb-shell .pb-trim-edge{position:absolute;min-height:0;min-width:0;margin:0;padding:0;background:transparent;border:0;box-shadow:none;touch-action:none;display:grid;place-items:center}
.pb-trim-edge i{display:block;background:#ffe16b;box-shadow:0 0 0 1px #464132;border-radius:4px;pointer-events:none}
.pb-shell .pb-trim-edge.top,.pb-shell .pb-trim-edge.bottom{left:50%;width:min(46px,65%);height:32px;transform:translateX(-50%);cursor:ns-resize}
.pb-trim-edge.top{top:-2px}.pb-trim-edge.bottom{bottom:-2px}.pb-trim-edge.top i,.pb-trim-edge.bottom i{width:72%;height:5px}
.pb-shell .pb-trim-edge.left,.pb-shell .pb-trim-edge.right{top:50%;height:min(46px,65%);width:32px;transform:translateY(-50%);cursor:ew-resize}
.pb-trim-edge.left{left:-2px}.pb-trim-edge.right{right:-2px}.pb-trim-edge.left i,.pb-trim-edge.right i{height:72%;width:5px}
.pb-editor-simple .pb-controls>.pb-tabs{display:grid}
.pb-controls .pb-tabs{grid-template-columns:repeat(3,minmax(0,1fr));margin:10px 0 4px}
.pb-controls .pb-edit-actions button,.pb-controls .pb-tabs button{min-height:48px}
.pb-controls .pb-cover-title-tool{margin-top:4px;width:100%}
.pb-border-offer{display:grid;gap:6px;padding:12px;margin-top:8px;background:#f1f4e8;border:1px solid #cdd6bd;border-radius:10px}
.pb-border-offer strong{line-height:1.3;margin-bottom:3px}.pb-shell .pb-border-offer button:first-of-type{background:#556824;color:white}
.pb-shell .pb-page-stage button.pb-glyph-text,.pb-shell .pb-page-stage button.pb-glyph-text.picked,
.pb-caption-preview .pb-glyph-text{outline:0;border:0;padding:0;border-radius:0;box-shadow:none;background:transparent}
.pb-caption-preview .pb-glyph-text{position:absolute;touch-action:none;min-height:0;min-width:0}
.pb-glyph-text canvas{display:block;width:100%;height:100%;pointer-events:none}
.pb-shell .pb-glyph-text:focus-visible{outline:2px solid #7d355b}
.pb-controls .mug-art-grid{grid-template-columns:repeat(auto-fill,minmax(66px,1fr));gap:6px}
.pb-controls .mug-art-smileys{grid-template-columns:repeat(auto-fill,minmax(48px,1fr));max-height:clamp(170px,30dvh,380px);padding:5px}
.pb-controls .mug-art-smileys button{min-width:0;min-height:48px;padding:2px;display:grid;place-items:center}
.pb-controls .mug-art-smileys .pb-smiley-preview{position:relative;width:36px;height:36px;display:block;padding:0}
.pb-smiley-preview i{font:normal 30px/36px 'Segoe UI Emoji','Apple Color Emoji',sans-serif}
.pb-controls .pb-smiley-preview img{position:absolute;inset:0;width:100%;height:100%;max-width:none;display:block}
.pb-controls .mug-art-filters{grid-template-columns:minmax(0,1fr) minmax(76px,.7fr)}
.pb-caption-dialog{margin:auto;width:min(94vw,840px);max-height:94dvh;box-sizing:border-box;overflow:auto;padding:clamp(12px,2vmin,22px);border:1px solid #d2d5c9;border-radius:18px;background:#fcfcf8;color:#27332b;box-shadow:0 16px 60px #18231c38}
.pb-caption-dialog::backdrop{background:#15251eb0}
.pb-caption-dialog header,.pb-caption-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:10px}
.pb-caption-dialog header h2{font-size:clamp(21px,2.5vw,29px);margin:0}
.pb-caption-dialog header button{width:44px;height:44px;padding:0;display:grid;place-items:center}
.pb-caption-body{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(190px,1fr);gap:clamp(12px,2vw,20px);align-items:start;margin:16px 0}
.pb-caption-preview{position:relative;overflow:hidden;box-shadow:0 2px 6px #1b261b24}
.pb-caption-input{min-width:0}.pb-caption-input>label,.pb-caption-input details>label{display:grid;gap:5px}
.pb-caption-input textarea{resize:none}.pb-caption-input summary{cursor:pointer;padding:12px 0;font-weight:600}
.pb-caption-input details[open]{max-height:clamp(155px,28dvh,320px);overflow:auto}
.pb-caption-input .pb-remove-copy{color:#8b3646;margin-top:5px;min-height:38px}
.pb-caption-dialog footer{justify-content:flex-end;margin-top:12px}
.pb-caption-dialog [data-book-keyboard-dock] .kiosk-keyboard{position:static;inset:auto;transform:none;box-sizing:border-box;width:100%;max-width:none;background:#f0f2e8;padding:8px;border:0;border-radius:12px;box-shadow:none}
.pb-caption-dialog .kiosk-keyboard-heading,.pb-caption-dialog .kiosk-keyboard-value,.pb-caption-dialog .keyboard-next{display:none}
.pb-caption-dialog .kiosk-keyboard-keys{margin:0}.pb-caption-dialog .kiosk-keyboard-row{gap:4px;margin:4px 0}
.pb-caption-dialog .kiosk-keyboard button{min-height:clamp(36px,4.5dvh,58px)!important;font-size:clamp(16px,1.9vw,23px)!important;padding:4px 2px}
@media(max-width:550px){
 .pb-caption-body{grid-template-columns:minmax(0,1fr);gap:8px;margin:8px 0}
 .pb-caption-preview{width:min(100%,27dvh * 1.42);margin:auto}
}
.pb-theme-paper-choice{display:flex;align-items:center;gap:9px;margin:8px 0 13px}.pb-theme-paper-choice input{width:20px;height:20px;accent-color:#64782d}