@font-face{font-family:Fraunces Mark;src:url(/fonts/Fraunces.ttf) format("truetype");font-weight:100 900;font-display:block}.brand-mark{position:relative;display:inline-flex;align-items:center;justify-content:flex-start;box-sizing:content-box;height:44px;min-height:44px;width:var(--brand-open,7.6em);padding:0;margin:0;border:0;border-radius:4px;background:transparent;color:var(--ink,#292b2d);font:400 21px/1 Fraunces Mark,Georgia,serif;font-variation-settings:"opsz" 144;cursor:pointer;text-decoration:none;-webkit-tap-highlight-color:transparent}.brand-mark:hover{border:0}.brand-mark:focus-visible{outline:2px solid var(--ink,#292b2d);outline-offset:4px}.brand-mark>*{pointer-events:none}.brand-mark-glyphs{transform-origin:0 50%;will-change:transform;display:inline-flex;align-items:center;height:1.1em;white-space:nowrap;line-height:1;opacity:0}.brand-mark[data-ready=true] .brand-mark-glyphs{opacity:1}.brand-mark-q{display:inline-block;font-size:2.1em;line-height:1;transform-origin:50% 30%;will-change:transform;backface-visibility:visible}.brand-mark-w{display:inline-block;overflow:hidden;width:0;opacity:0;letter-spacing:-.01em}.brand-mark-w span{display:inline-block;padding:0 .16em}.brand-mark-still{position:absolute;left:0;top:50%;width:34px;height:34px;margin-top:-17px;display:block}.brand-mark[data-ready=true] .brand-mark-still{display:none}@media(max-width:720px){.brand-mark{font-size:19px}}.home2{--ink:#292b2d;--paper:#fbfaf6;--muted:#66685f;--rule:#d3d2ca;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:0 6%;align-items:center;max-width:1440px;margin:0 auto;padding:0 5%;height:calc(100vh - 94px);height:calc(100dvh - 94px);min-height:560px;max-height:940px}.home2-copy{padding-bottom:6vh;min-width:0}.home2 h1{font:400 clamp(46px,4.9vw,76px)/1.04 Newsreader,serif;letter-spacing:-.022em;margin:0;color:var(--ink)}.home2 h1 span{display:block}.home2-intro{font-size:19px;line-height:1.5;max-width:23em;margin:26px 0 0;color:var(--ink)}.home2-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.home2-actions button{font-size:16px;line-height:1;height:52px;min-height:52px;padding:0 24px;border-radius:4px;border:1px solid var(--ink);transition:background-color .15s,color .15s}.home2-primary{background:var(--ink);color:var(--paper)}.home2-primary:hover{background:#434644;border-color:#434644}.home2-secondary{background:transparent;color:var(--ink)}.home2-secondary:hover{background:var(--paper)}.home2-privacy{font-size:14px;line-height:1.45;color:var(--muted);margin:26px 0 0}.home2-art{position:relative;height:100%;min-height:0;min-width:0;display:flex;justify-content:center}.home2-fictional{position:absolute;right:0;bottom:14px;margin:0;font-size:12px;line-height:1.3;color:var(--muted);writing-mode:vertical-rl;transform:rotate(180deg);transform-origin:center}.carousel{position:relative;width:min(calc(100% - 28px),640px);scrollbar-width:none;height:100%;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 9%,#000 91%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 9%,#000 91%,transparent 100%)}.carousel-track{will-change:transform}.carousel-list{display:flex;flex-direction:column;align-items:stretch;padding:0 8px}.carousel-list .carousel-item{margin:36px 0 0;width:calc(var(--w) * .76);aspect-ratio:auto;display:flex;flex-direction:column;align-items:center;gap:14px;flex:none;align-self:flex-start}.carousel-list .carousel-item:nth-child(2n){align-self:flex-end}.carousel-list .carousel-item.carousel-folded{width:calc(var(--w) * .84)}.carousel-item figcaption{font-size:13px;line-height:1;color:var(--muted);letter-spacing:.01em}.carousel-open{display:block;width:100%;min-height:0;min-width:0;padding:0;border:0;border-radius:2px;background:transparent;cursor:pointer;line-height:0;transition:transform .25s ease}.carousel-open:hover{border:0;transform:scale(1.035)}.carousel-open:focus-visible{outline:2px solid var(--ink);outline-offset:6px}.carousel-sheet{position:relative;width:100%;background:var(--paper);box-shadow:0 1px 2px #171b2112,0 12px 24px -16px #171b2159}.carousel-sheet canvas,.page-canvas{display:block;width:100%;height:auto}.carousel-sheet .artwork{width:100%}.carousel-letter{aspect-ratio:420 / 595}.carousel-letter .letter-preview{display:block}.carousel-letter .letter-sheet{max-width:none;box-shadow:none}.carousel-book{width:100%;aspect-ratio:595 / 842}.carousel-book .book-small{width:calc(100% - 4px);margin:0;cursor:pointer}.fold{--fold:0;position:relative;width:100%;aspect-ratio:1190 / 842;perspective:1400px;transform:translate(calc(var(--fold) * -25%));line-height:0}.fold-half{position:absolute;top:0;width:50%;height:100%;background:var(--fold-paper,#fbfaf6)}.fold-right{right:0;box-shadow:0 1px 2px #171b2112,0 12px 24px -16px #171b2159}.fold-right:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to right,#171b2126,transparent 9%);opacity:var(--fold)}.fold-left{left:0;transform-origin:100% 50%;transform:rotateY(calc(var(--fold) * -180deg));transform-style:preserve-3d;box-shadow:0 1px 2px #171b2112,0 12px 24px -16px #171b2159}.fold-face,.fold-back{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:var(--fold-paper,#fbfaf6);overflow:hidden}.fold-face:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:#171b21;opacity:calc(var(--fold) * .3)}.fold-back{transform:rotateY(180deg);background:linear-gradient(to left,#171b2114,transparent 30%),var(--fold-paper,#fbfaf6)}.fold-left{z-index:0}.fold-right{z-index:1}.fold-line{position:absolute;z-index:2;left:50%;top:0;bottom:0;width:0;border-left:1px dashed #171b2140;opacity:calc(1 - var(--fold) * 4);pointer-events:none}@media(prefers-reduced-motion:reduce){.carousel-open{transition:none}.carousel-open:hover{transform:none}}@media(max-width:900px){.home2{display:block;height:auto;max-height:none;min-height:0;padding:28px 20px 40px}.home2-copy{padding-bottom:0}.home2-art{height:560px;margin-top:40px}.home2-fictional{position:static;writing-mode:horizontal-tb;transform:none;position:absolute;bottom:-26px;left:0;right:0;text-align:center}}.carousel::-webkit-scrollbar{display:none}.examples{max-width:1440px;margin:0 auto;padding:24px 5% 40px}.examples-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding-bottom:28px}.examples-head h1{font:400 52px/1.05 Newsreader,serif;letter-spacing:-1px}.examples-head p{font-size:17px;color:var(--muted);margin-top:12px;max-width:520px}.examples-cta{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex:none}.examples-cta .primary{font-size:16px;padding:14px 26px;min-width:190px}.examples-cta small{font-size:13px;color:var(--muted)}.example-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 24px}.example-card{display:flex;flex-direction:column;gap:14px;width:100%;padding:0;border:0;border-radius:6px;background:transparent;text-align:left;min-height:0}.example-table{display:grid;place-items:center;width:100%;aspect-ratio:1 / 1.12;border-radius:6px;overflow:hidden;transition:background .2s}.example-object{display:block;line-height:0;pointer-events:none;transition:transform .25s cubic-bezier(.3,.1,.2,1)}.example-card:hover .example-object{transform:translateY(-4px)}.example-book .example-object{width:58%}.example-letter .example-object{width:60%}.example-poster .example-object{width:56%}.example-receipt .example-object{width:46%;align-self:start;margin-top:9%}.example-object .book-small{width:100%}.example-object .letter-sheet{max-width:none}.example-object .artwork,.example-object .letter-sheet{box-shadow:0 1px 2px #171b2114,0 12px 22px -14px #171b2166}.example-text strong{display:block;font-weight:500;font-size:17px}.example-text small{display:block;font-size:14px;color:var(--muted);margin-top:4px;line-height:1.4}.example-card:focus-visible{outline-offset:6px}.examples-foot{margin-top:28px;border-top:1px solid var(--rule);padding-top:8px}.examples-foot .text-button{padding-left:0}.example-view{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;background:#e9e7e0;display:flex;flex-direction:column;overflow:auto}.example-view-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 5%;border-bottom:1px solid var(--rule);background:#efeee9}.example-view-head h2{font:400 28px/1.15 Newsreader,serif}.example-view-head p{font-size:15px;color:var(--muted);margin-top:4px}.example-view-actions{display:flex;gap:10px;flex:none}.example-view-actions button{font-size:15px;padding:12px 20px}.example-view-stage{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:28px 40px 40px;min-height:0}.example-view-stage>*{width:100%;max-width:1180px}.example-view-letter .letter-preview{max-width:min(520px,calc((100dvh - 190px)*.706))}.example-view-poster .artwork{max-width:min(640px,calc((100dvh - 190px)*.6667))}.example-view-receipt .artwork{max-width:400px}.example-view-stage .flow-letter,.example-view-stage .flow-artwork{display:flex;justify-content:center}@media(max-width:1000px){.example-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.examples-head{flex-direction:column;align-items:flex-start}.examples-cta{align-items:flex-start}}@media(max-width:720px){.example-view-head{flex-direction:column;align-items:stretch;gap:12px;padding:14px 20px}.example-view-head h2{font-size:24px}.example-view-actions button{flex:1}.example-view-stage{padding:20px 16px 32px}}.export-help2{--ink:#292b2d;--paper:#fbfaf6;--muted:#66685f;--rule:#d3d2ca;--wa:#3f7d6c;color:var(--ink);text-align:left}.export-help2-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.export-help2 h3{font:400 26px/1.15 Newsreader,serif;margin:0}.export-help2-tabs{display:inline-flex;padding:3px;border:1px solid var(--rule);border-radius:8px;background:#efeee9}.export-help2-tabs button{min-height:38px;min-width:92px;height:38px;padding:0 16px;border:0;border-radius:5px;font-size:15px;line-height:1;color:var(--muted);background:transparent}.export-help2-tabs button:hover{color:var(--ink);border:0}.export-help2-tabs button[aria-selected=true]{background:var(--paper);color:var(--ink);box-shadow:0 0 0 1px var(--rule)}.export-help2-tabs button:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.export-help2-steps{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.export-help2-steps li{display:flex;flex-direction:column;gap:14px;min-width:0}.export-help2-text{display:grid;grid-template-columns:26px minmax(0,1fr);gap:10px;align-items:start}.export-help2-number{display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--ink);border-radius:50%;font-size:14px;line-height:1}.export-help2-text p{margin:0;font-size:15px;line-height:1.4}.export-help2-text strong{display:block;font-weight:500;padding-top:2px}.export-help2-text p span{display:block;color:var(--muted);font-size:14px;margin-top:4px}.export-help2-note{margin:22px 0 0;padding-top:16px;border-top:1px solid var(--rule);font-size:14px;line-height:1.5;color:var(--muted)}.mock{font-size:10px;line-height:1.2;width:100%;aspect-ratio:10 / 13;border-radius:1.8em 1.8em 0 0;border:1px solid var(--rule);border-bottom:0;background:#e9e7e0;padding:.7em .7em 0;overflow:hidden;font-family:Familjen,sans-serif;color:#292b2d}.mock-screen{position:relative;width:100%;height:100%;border-radius:1.2em 1.2em 0 0;background:#f4f1ea;overflow:hidden;display:flex;flex-direction:column}.mock-bar{display:flex;align-items:center;gap:.7em;height:4.4em;flex:none;padding:0 .9em;background:var(--wa);color:#fff}.mock-iphone .mock-bar{background:#f7f6f2;color:#292b2d;border-bottom:1px solid #dedcd4}.mock-back{width:.8em;height:.8em;border-left:.16em solid currentColor;border-bottom:.16em solid currentColor;transform:rotate(45deg);flex:none;margin-left:.3em;opacity:.8}.mock-who{display:flex;align-items:center;gap:.7em;padding:.35em .7em .35em .35em;border-radius:.8em;min-width:0}.mock-avatar{width:2.6em;height:2.6em;border-radius:50%;background:#d9b7a6;flex:none;position:relative;overflow:hidden}.mock-avatar:before{content:"";position:absolute;left:50%;top:22%;width:36%;height:36%;margin-left:-18%;border-radius:50%;background:#fff8}.mock-avatar:after{content:"";position:absolute;left:50%;top:64%;width:70%;height:60%;margin-left:-35%;border-radius:50%;background:#fff8}.mock-avatar-large{width:6em;height:6em}.mock-name{font-size:1.3em;font-weight:500;white-space:nowrap}.mock-name small{display:block;font-size:.72em;font-weight:400;opacity:.75;margin-top:.1em}.mock-dots{margin-left:auto;display:flex;flex-direction:column;gap:.28em;padding:.7em .9em;border-radius:50%}.mock-dots i{width:.36em;height:.36em;border-radius:50%;background:currentColor;display:block}.mock-chat{flex:1;display:flex;flex-direction:column;gap:.7em;padding:1.2em 1em}.mock-bubble{max-width:72%;padding:.6em .9em;border-radius:.9em;font-size:1.15em;background:#fff;align-self:flex-start;box-shadow:0 1px #0000000d}.mock-out{align-self:flex-end;background:#dcefd9}.mock-blank{width:46%;height:2.2em}.mock-profile{display:flex;flex-direction:column;align-items:center;gap:.6em;padding:1.6em 0 1.2em;font-size:1em}.mock-profile b{font-size:1.5em;font-weight:500}.mock-list{background:#fff;margin:0 .9em;border-radius:.9em;overflow:hidden}.mock-row{display:block;padding:.85em 1em;font-size:1.2em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}.mock-list .mock-row+.mock-row,.mock-sheet .mock-row+.mock-row{border-top:1px solid #ebe9e2}.mock-dim{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;filter:brightness(.72)}.mock-sheet{position:absolute;left:.8em;right:.8em;bottom:.8em;background:#fff;border-radius:1em;overflow:hidden;text-align:center}.mock-cancel{font-weight:500}.mock-menu{position:absolute;right:.7em;top:.7em;width:62%;background:#fff;border-radius:.5em;box-shadow:0 .3em 1.2em #00000030;padding:.4em 0}.mock-menu-second{top:11.6em;right:.7em}.mock-dialog{position:absolute;left:1.2em;right:1.2em;top:50%;transform:translateY(-50%);background:#fff;border-radius:1em;padding:1.1em 0 .5em;box-shadow:0 .4em 1.6em #00000030}.mock-dialog b{display:block;font-size:1.2em;font-weight:500;padding:0 1em .5em}.mock-tap{box-shadow:inset 0 0 0 .18em #292b2d;border-radius:.8em;background:#fbfaf6;color:#292b2d;font-weight:500}.mock-row.mock-tap{border-radius:.6em;margin:0 .3em;padding-left:.7em;padding-right:2.4em;border-top-color:transparent!important}.mock-row.mock-tap+.mock-row{border-top-color:transparent!important}.mock-tap:after{content:"";position:absolute;width:1.1em;height:1.1em;border-radius:50%;background:#292b2d;box-shadow:0 0 0 .35em #292b2d2e}.mock-row.mock-tap:after{right:.8em;top:50%;margin-top:-.55em}.mock-who.mock-tap{position:relative;padding-right:2.6em}.mock-who.mock-tap:after{right:.7em;top:50%;margin-top:-.55em}.mock-dots.mock-tap{position:relative;border-radius:50%;color:#292b2d}.mock-dots.mock-tap:after{right:auto;left:-1.7em;top:50%;margin-top:-.55em;background:#fff;box-shadow:0 0 0 .35em #ffffff40}@media(max-width:560px){.export-help2-steps{grid-template-columns:1fr;gap:18px}.export-help2-steps li{flex-direction:row;align-items:center}.mock{width:44%;flex:none}}.flow{--bg:#efeee9;--bar:76px;max-width:1440px;margin:0 auto;padding:0 5% calc(var(--bar) + 40px)}.step-bar ol{display:flex;gap:8px;list-style:none;margin:0;padding:0;border-bottom:1px solid var(--rule)}.step{flex:0 1 auto}.step button{display:flex;align-items:center;gap:10px;border:0;border-radius:0;padding:14px 18px 15px 0;margin-right:14px;font-size:15px;color:var(--muted);position:relative;min-height:52px}.step button:disabled{cursor:default;opacity:1;color:#9a9c93}.step-number{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid currentColor;font-size:13px;line-height:1;font-variant-numeric:tabular-nums}.step-done button{color:var(--ink)}.step-done .step-number{background:transparent}.step-current button{color:var(--ink)}.step-current .step-number{background:var(--ink);border-color:var(--ink);color:var(--paper)}.step-current button:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--ink)}.step button:hover:not(:disabled){color:var(--ink)}.step button:focus-visible{outline-offset:-2px}.flow-body{display:grid;grid-template-columns:400px minmax(0,1fr);gap:64px;align-items:start;padding-top:36px}.flow-panel{min-width:0}.flow-stage{position:sticky;top:20px;min-width:0;display:flex;justify-content:center;align-items:flex-start;min-height:420px}.flow-stage>*{width:100%}.step-heading{margin-bottom:24px}.step-heading h1{font:400 40px/1.08 Newsreader,serif;letter-spacing:-.6px}.step-heading p{font-size:16px;color:var(--muted);margin-top:12px;max-width:440px}.flow h2{font-size:15px;font-weight:500;letter-spacing:0;margin:0 0 6px}.flow .hint{font-size:14px;color:var(--muted);line-height:1.45}.field-group{margin-top:24px}.field-group>.hint{margin-bottom:12px}.quiet-actions{margin-top:22px;display:flex;gap:18px;flex-wrap:wrap}.link-button{border:0;padding:0;min-height:44px;min-width:0;background:transparent;font-size:14px;color:var(--ink);text-decoration:underline;text-underline-offset:4px;text-decoration-color:#9a9c93;border-radius:2px}.link-button:hover{text-decoration-color:var(--ink)}.link-button:disabled{color:var(--muted);text-decoration:none}.flow .notice{text-align:left;font-size:14px;min-height:22px;margin-top:12px}.flow .error{margin:12px 0 0}.flow-bar{position:fixed;left:0;right:0;bottom:0;height:calc(var(--bar) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--bg);border-top:1px solid var(--rule);z-index:5}.flow-bar-inner{max-width:1440px;height:100%;margin:0 auto;padding:0 5%;display:flex;align-items:center;gap:20px}.flow-bar-note{flex:1;text-align:center;font-size:13px;color:var(--muted)}.flow-bar .primary{min-width:168px;font-size:16px;padding:13px 22px}.flow-bar .text-button{font-size:15px;padding:12px 14px 12px 0;min-width:96px;text-align:left}.flow-bar .primary:disabled{opacity:.4}.drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:168px;border:1px dashed #a9aba1;border-radius:8px;background:var(--paper);padding:26px}.drop-over{border-color:var(--ink);border-style:solid}.file-primary,.file-link{position:relative;overflow:hidden;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.file-primary{border-radius:4px;min-height:48px;padding:13px 24px;font-size:16px}.file-primary input,.file-link input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0;min-height:0}.file-primary:has(input:focus-visible),.file-link:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:2px}.reading{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:15px}.reading progress{width:220px;height:6px;accent-color:var(--ink)}.help-button{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:14px;padding:14px 16px;font-size:15px;background:transparent;border:1px solid var(--rule);border-radius:8px;text-align:left}.help-button:after{content:"→";font-size:17px;margin-left:12px}.help-button:hover{border-color:var(--ink)}.partial,.error-block{margin-top:14px}.error-block .help-button{margin-top:10px}.flow-chat #how-export{display:none}.name-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.name-pair .error{grid-column:1 / -1}.name-pair label{font-size:14px;color:var(--muted)}.name-pair input{margin-top:6px}.help-stage{background:var(--paper);border:1px solid var(--rule);border-radius:10px;padding:28px 32px 32px;max-width:760px}.object-list,.speed-list{display:grid;gap:8px}.object-card,.speed-card{display:flex;align-items:center;gap:14px;width:100%;min-height:72px;padding:8px 16px 8px 10px;text-align:left;border:1px solid var(--rule);border-radius:8px;background:transparent}.speed-card{padding:10px 16px}.object-card[aria-checked=true],.speed-card[aria-checked=true],.look-card[aria-checked=true],.pair-card[aria-checked=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:var(--paper)}.object-thumb{flex:none;width:40px;height:56px;border-radius:2px;overflow:hidden;background:var(--paper);box-shadow:0 0 0 1px #171b2114;display:block;line-height:0;pointer-events:none}.object-thumb .artwork,.object-thumb .letter-preview,.object-thumb .book-small{width:100%;margin:0}.object-thumb .book-small .book-slot{box-shadow:none}.object-thumb .letter-sheet{max-width:none;box-shadow:none}.object-text{flex:1;min-width:0}.object-text strong{display:block;font-weight:500;font-size:17px}.object-text small{display:block;font-size:14px;color:var(--muted);margin-top:3px;line-height:1.35}.flow .choice-dot{margin-left:auto}.flow [aria-checked=true] .choice-dot{background:var(--ink);box-shadow:inset 0 0 0 2px var(--paper)}.look-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.look-card{display:flex;flex-direction:column;gap:10px;padding:10px 10px 12px;border:1px solid var(--rule);border-radius:8px;text-align:left;background:transparent}.look-card strong{font-weight:500;font-size:15px;padding-left:2px}.look-sample{display:flex;align-items:flex-end;justify-content:space-between;height:62px;border-radius:4px;padding:10px 12px;box-shadow:inset 0 0 0 1px #171b2114}.look-letters{font:400 28px/1 Newsreader,serif}.look-dots,.pair-dots{display:flex;gap:4px}.look-dots i,.pair-dots i{display:block;width:14px;height:14px;border-radius:50%}.pair-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pair-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:10px 12px;min-height:66px;border:1px solid var(--rule);border-radius:8px;font-size:14px;line-height:1.25;text-align:left;background:transparent}.type-row{display:flex;flex-direction:column;gap:10px}.type-row select{margin-top:0}.type-line{font-size:26px;line-height:1.15;overflow-wrap:anywhere}.segmented{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--rule);border-radius:8px;overflow:hidden}.segmented button{border:0;border-radius:0;font-size:15px;padding:12px}.segmented button+button{border-left:1px solid var(--rule)}.segmented button[aria-checked=true]{background:var(--ink);color:var(--paper)}.segmented button:focus-visible{outline-offset:-3px}.field-inline{display:flex;align-items:center;gap:10px;margin-bottom:8px;min-height:36px}.field-inline h2{margin:0}.own-colours{display:flex;align-items:center;gap:8px;margin-left:auto;padding:3px 5px 3px 12px;border:1px solid var(--rule);border-radius:20px}.own-colours-on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:var(--paper)}.own-colours-label{font-size:13px;white-space:nowrap}.own-colour{display:block;line-height:0;cursor:pointer}.own-colour input[type=color]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:28px;height:28px;min-height:28px;min-width:28px;padding:0;margin:0;border:1px solid #171b2133;border-radius:50%;background:transparent;cursor:pointer;overflow:hidden}.own-colour input[type=color]::-webkit-color-swatch-wrapper{padding:0}.own-colour input[type=color]::-webkit-color-swatch{border:0;border-radius:50%}.own-colour input[type=color]::-moz-color-swatch{border:0;border-radius:50%}.own-colour input[type=color]:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.flow .own-colours-note{margin-top:6px;font-size:13px}.slot-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.slot-list li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 12px 12px 16px;border:1px solid var(--rule);border-radius:8px}.slot-list small{display:block;font-size:13px;color:var(--muted)}.slot-list strong{display:block;font-weight:500;font-size:16px;margin-top:2px}.slot-list button{font-size:14px;padding:9px 16px}.review-list{border-top:1px solid var(--rule)}.review-section{border-bottom:1px solid var(--rule)}.review-section h2{margin:0}.review-section h2 button{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;border-radius:0;padding:16px 2px;font-size:17px;font-weight:500;text-align:left}.review-mark{width:10px;height:10px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:rotate(45deg) translate(-3px,-3px);transition:transform .15s}.review-open .review-mark{transform:rotate(-135deg) translate(-3px,-3px)}.review-body{padding:2px 2px 22px}.dates-control>h2{display:none}.dates-control>p{font-size:14px;color:var(--muted);margin-bottom:10px}.dates-control>label{margin-top:14px}.dates-control .check-label{margin-top:14px}.word-list{list-style:none;margin:0;padding:0}.word-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0;border-top:1px solid var(--rule)}.word-list li:first-child{border-top:0}.word-list strong{display:block;font-weight:500;font-size:15px;overflow-wrap:anywhere}.word-list small{display:block;font-size:13px;color:var(--muted);margin-top:1px}.delivery-list{display:grid;gap:18px}.delivery button{width:100%;font-size:16px;padding:14px 18px}.delivery .hint{margin-top:8px}.delivery .hint:empty{display:none}.flow-stage .book-view{padding-top:0}.flow-letter{display:flex;justify-content:center}.flow-letter .letter-preview{max-width:min(440px,calc((100dvh - 300px)*.706))}.flow-artwork{display:flex;justify-content:center}.flow-poster .artwork{max-width:min(600px,calc((100dvh - 280px)*.6667))}.flow-receipt .artwork{max-width:360px}.flow-all-pages{display:flex;flex-direction:column;align-items:center;gap:12px}.flow-stage .empty{padding:120px 20px;min-height:0;margin:0 auto}.flow-wide .step-heading{margin:16px 0 12px}.flow-wide .step-heading h1{font-size:26px;line-height:32px}.pages-step{flex:1;min-height:0;display:grid;gap:14px 24px;padding-bottom:14px}.page-list{grid-area:list;min-height:0;min-width:0;display:flex;flex-direction:column}.piece-catalogue{grid-area:picker;min-height:0;min-width:0;display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--rule);border-radius:10px;padding:16px 6px 0 18px}.page-stage{grid-area:stage;min-width:0;min-height:0;display:flex;flex-direction:column}.flow .area-label{font-size:13px;font-weight:500;color:var(--muted);margin:0 0 8px;line-height:20px}.editor-b{grid-template-columns:minmax(0,1fr) 372px;grid-template-rows:auto minmax(0,1fr);grid-template-areas:"list stage" "picker stage";gap:8px 28px}.editor-b .page-list{flex-direction:row;align-items:center;gap:14px}.editor-b .area-label{margin:0;flex:none;line-height:1.3}.editor-b .area-label small{display:block;font-weight:400;font-size:12px}.editor-b .page-grid{flex:1;min-width:0;display:flex;align-items:flex-start;gap:8px;overflow-x:auto;overflow-y:hidden;padding:16px 10px 24px;margin-bottom:-10px;scrollbar-width:none}.editor-b .page-tile{flex:0 1 38px;min-width:26px;transition:transform .14s ease,margin .14s ease;transform-origin:50% 28%;position:relative}.editor-b .page-tile[draggable=true]{cursor:grab}.editor-b .page-tile:hover,.editor-b .page-tile:focus-visible{transform:scale(1.42);z-index:2;margin:0 9px}.editor-b .page-tile:not(.page-add):hover .tile-sheet{box-shadow:0 0 0 1px var(--ink),0 6px 14px -6px #171b2166}.editor-b .tile-name{text-align:center;font-size:11px;white-space:nowrap;margin-top:3px}.editor-b .page-add .tile-name{visibility:hidden}.editor-b .tile-dragging{opacity:.3}.editor-b .grid-dragging .page-tile:hover{transform:none;margin:0}.editor-b .page-list-actions{flex:none;display:flex;flex-direction:column;align-items:flex-end;justify-content:center}.editor-b .page-list-actions .link-button{min-height:28px;font-size:13px}.page-tile{display:block;border:0;padding:0;min-height:0;min-width:0;background:transparent;text-align:left;border-radius:3px}.tile-sheet{display:block;position:relative;width:100%;height:0;padding-top:141.51%;line-height:0;box-shadow:0 0 0 1px #171b211f,0 1px 2px #171b2112;border-radius:1px;overflow:hidden}.tile-sheet canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.tile-sheet .tile-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.page-tile[aria-pressed=true] .tile-sheet{box-shadow:0 0 0 2px var(--ink)}.page-tile:hover .tile-sheet{box-shadow:0 0 0 1px var(--ink)}.page-tile[aria-pressed=true]:hover .tile-sheet{box-shadow:0 0 0 2px var(--ink)}.page-tile:focus-visible{outline-offset:3px}.tile-name{display:block;font-size:13px;color:var(--muted);line-height:1.2;margin-top:6px}.page-tile[aria-pressed=true] .tile-name{color:var(--ink)}.tile-empty{font:300 24px/1 Familjen,sans-serif;color:#9a9c93}.page-add .tile-sheet{background:transparent;box-shadow:none;outline:1px dashed #a9aba1;outline-offset:-1px}.page-add:hover .tile-sheet{box-shadow:none;outline-color:var(--ink)}.stage-head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:40px}.stage-title{display:flex;align-items:center;gap:6px}.stage-head h2{font:400 20px/1.2 Newsreader,serif;margin:0;white-space:nowrap}.stage-tools{display:flex;align-items:center;gap:4px}.icon-button{width:36px;height:36px;min-height:36px;min-width:36px;padding:0;border-radius:50%;font-size:15px;line-height:1}.icon-button:disabled{opacity:.3;cursor:default}.stage-tools .link-button{margin-left:8px;font-size:13px;min-height:36px}.stage-sheet-wrap{flex:1;min-height:0;display:flex;justify-content:center;align-items:flex-start;padding:6px 0 0;container-type:size}.stage-sheet{height:100%;aspect-ratio:595 / 842;max-width:100%;line-height:0;box-shadow:0 1px 2px #171b2112,0 0 0 1px #171b2114,0 14px 30px -22px #171b2166}@container (max-aspect-ratio: 595 / 842){.stage-sheet{height:auto;width:100%}}.stage-sheet canvas{display:block;width:100%;height:100%}.stage-empty{display:grid;place-items:center;height:100%;padding:28px;text-align:center;font-size:15px;line-height:1.5;color:var(--muted)}.stage-foot{min-height:52px;padding-top:12px}.stage-foot .notice{margin-top:4px;min-height:0;text-align:center}.chip-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.chip-list li{display:flex;align-items:center;flex-wrap:wrap;gap:2px;padding:0 2px 0 12px;border:1px solid var(--rule);border-radius:18px;background:var(--paper);font-size:13px;min-height:34px;max-width:100%}.chip-list li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:210px}.chip-list li button{width:30px;height:30px;min-height:30px;min-width:30px;padding:0;border:0;border-radius:50%;font-size:17px;line-height:1}.chip-list li button:hover{background:#171b210f}.chip-list li small{flex-basis:100%;font-size:12px;color:var(--muted);padding:0 10px 8px 0}.chip-out{border-style:dashed!important;border-radius:12px!important}.stage-foot .hint{text-align:center;font-size:13px}.chip-list .chip-label{flex-basis:100%;justify-content:center;border:0;background:transparent;min-height:0;padding:0 0 2px;font-size:12px;color:var(--muted)}.stage-head .zoom-button{margin-left:2px;display:grid;place-items:center}.stage-zoomable{cursor:zoom-in}.page-zoom{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#171b21b8;display:grid;place-items:center;padding:24px 72px}.page-zoom-sheet{height:min(calc(100dvh - 48px),calc((100vw - 144px)*1.4151));aspect-ratio:595 / 842;line-height:0;box-shadow:0 20px 60px -20px #000a;border-radius:2px;overflow:hidden}.page-zoom-sheet canvas{display:block;width:100%;height:100%}.page-zoom-close{position:fixed;top:18px;right:20px;width:44px;height:44px;min-width:44px;min-height:44px;font-size:24px;background:var(--paper);border-color:var(--paper);color:var(--ink)}.tools-label{font-size:13px;color:var(--muted);margin-right:2px}.own-colour-name{display:none}.piece-zoom{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#171b21cc;overflow:auto;padding:64px 14px 24px}.piece-zoom-body{margin:0 auto;max-width:560px}.piece-zoom-body .letter-preview,.piece-zoom-body .artwork{width:100%;max-width:none;margin:0}.piece-zoom-body .flow-letter,.piece-zoom-body .flow-artwork{display:block}.catalogue-head{padding:0 12px 12px 0;border-bottom:1px solid var(--rule)}.catalogue-title{display:flex;align-items:center;flex-wrap:wrap;gap:2px 16px}.catalogue-title .hint{flex:1;min-width:200px}.catalogue-title h2{font:400 24px/1.2 Newsreader,serif;margin:0}.catalogue-title .hint{font-size:14px}.catalogue-tools{margin-top:10px}.group-tabs{flex:1;min-width:0;display:flex;flex-wrap:wrap;gap:6px}.group-tabs button{min-height:34px;height:34px;padding:0 13px;border-radius:17px;font-size:14px;line-height:1;white-space:nowrap;background:transparent}.group-tabs button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.catalogue-title input{flex:none;width:168px;margin-top:0;min-height:36px;height:36px;padding:0 12px;font-size:14px}.catalogue-scroll{flex:1;min-height:0;overflow-y:auto;padding:14px 12px 16px 2px;scrollbar-width:thin}.catalogue-group{margin-bottom:24px}.catalogue-group:last-child{margin-bottom:4px}.catalogue-group h3{font:400 19px/1.2 Newsreader,serif;margin:2px 0 10px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(164px,1fr));grid-auto-rows:max-content;gap:12px}.piece-card{display:grid;grid-template-rows:auto auto 18px;gap:0;padding:0 0 10px;min-height:0;border:1px solid var(--rule);border-radius:8px;overflow:hidden;text-align:left;background:var(--paper)}.piece-card:hover:not(:disabled){border-color:var(--ink)}.piece-render{display:block;width:100%;aspect-ratio:220 / 150;line-height:0;border-bottom:1px solid var(--rule)}.piece-thumb{display:block;width:100%;height:100%}.piece-name{font-size:14px;line-height:1.25;padding:9px 12px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.piece-state{font-size:12px;line-height:18px;color:var(--muted);padding:0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.piece-here{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.piece-here .piece-state{color:var(--ink)}.piece-card:disabled{cursor:default;opacity:1;background:transparent}.piece-card:disabled .piece-render{opacity:.45}.piece-card:disabled .piece-name{color:var(--muted)}.own-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-bottom:12px}.input-card{border:1px solid var(--rule);border-radius:8px;padding:12px 14px;background:#f6f5f0}.input-card h4{font-size:15px;font-weight:500;margin:0 0 3px}.input-card .word-list li{padding:3px 0}.input-card form{display:flex;gap:8px;margin-top:10px}.input-card input{flex:1;width:0;margin-top:0}.input-card form button{height:46px;padding:0 16px;font-size:14px}.input-card .word-list{margin-top:10px}.input-card .link-button{min-height:36px}@media(max-width:1180px){.flow-body{grid-template-columns:360px minmax(0,1fr);gap:40px}.editor-b{grid-template-columns:minmax(0,1fr) 300px}.pages-step{gap:12px 18px}}@media(max-width:860px){.flow{--pin:max(170px,25dvh);padding:0 20px calc(var(--bar) + 28px + env(safe-area-inset-bottom,0px))}.flow-bar{z-index:6}.flow-bar-inner{padding:0 20px}.flow-bar-note{display:none}.flow-bar .primary{margin-left:auto;min-width:150px}.step-bar ol{gap:0;justify-content:space-between}.step button{padding:12px 4px 13px 0;margin-right:0;gap:8px;font-size:14px}.step-name{display:none}.step-current .step-name{display:inline}.flow-body{display:flex;flex-direction:column;align-items:stretch;gap:0;padding-top:0}.flow-panel{padding-top:20px}.step-heading{margin-bottom:18px}.step-heading h1{font-size:28px;line-height:1.12;letter-spacing:-.3px}.step-heading p{font-size:15px;margin-top:8px}.flow-stage{order:-1;position:sticky;top:0;z-index:4;min-height:0;margin:0 -20px;padding:12px 20px 8px;background:var(--bg);border-bottom:1px solid var(--rule)}.flow-stage:has(.help-stage),.flow-stage:has(.empty){order:0;position:static;border-bottom:0;margin:28px 0 0;padding:0}.flow-stage .book-view{flex-direction:row;justify-content:center;align-items:center;gap:14px}.flow-stage .book-nav{display:grid;grid-template-columns:44px 44px;justify-items:center;align-items:center;gap:2px 0;margin:0;flex:none}.flow-stage .book-nav #book-count{grid-column:1 / -1;grid-row:1;font-size:13px;white-space:nowrap}.flow-stage .book-nav .book-read{grid-column:1 / -1;margin:0}.flow-letter,.flow-artwork{justify-content:center}.flow-letter .letter-preview,.flow-artwork .artwork{margin:0 auto}.flow-letter .letter-preview{max-width:calc(var(--pin) * .706)}.flow-poster .artwork{max-width:calc(var(--pin) * .6667)}.pinned-piece{display:flex;align-items:center;justify-content:center;gap:16px}.pinned-small{flex:0 1 auto;min-width:0}.pinned-tap{cursor:zoom-in}.pinned-small .flow-letter .letter-preview{width:calc(var(--pin) * .706)}.pinned-small .flow-poster .artwork{width:calc(var(--pin) * .6667)}.pinned-small .flow-receipt{max-height:var(--pin);overflow:hidden;-webkit-mask-image:linear-gradient(#000 80%,transparent);mask-image:linear-gradient(#000 80%,transparent)}.pinned-small .flow-receipt .artwork{width:200px}.pinned-piece>.link-button{flex:none;font-size:14px}.help-stage{padding:18px 16px 20px;max-width:none}.export-help2-tabs button{min-height:44px;height:44px}.name-pair{gap:10px}.look-row,.pair-row{gap:8px}.pair-card{font-size:13px;padding:9px 10px}.field-inline{flex-wrap:wrap}.own-colours{flex:1 1 100%;margin-left:0;justify-content:flex-end;padding:4px 6px 4px 12px}.own-colours-label{margin-right:auto}.own-colour input[type=color]{width:40px;height:40px;min-width:40px;min-height:40px}.object-card{min-height:58px;padding-top:5px;padding-bottom:5px}.object-text small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.speed-card{min-height:64px}.flow-chat #how-export{display:flex}.flow-stage:has(.help-stage){display:none}.own-colour{display:flex;align-items:center;gap:6px;line-height:1.2;font-size:13px}.own-colour-name{display:inline;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow.flow-wide{padding-bottom:calc(var(--bar) + 28px)}.flow-wide .step-heading{margin:16px 0 4px}.pages-step,.editor-b{display:flex;flex-direction:column;gap:0;height:auto;padding-bottom:0}.editor-b .page-list{flex-wrap:wrap;gap:0 12px}.editor-b .area-label{order:0}.editor-b .area-label small{display:none}.editor-b .page-list-actions{order:1;flex-direction:row;gap:16px;margin-left:auto}.editor-b .page-grid{order:2;flex:0 0 100%;margin:0 -20px;padding:6px 20px 12px;gap:10px;overflow-x:auto}.editor-b .page-tile{flex:none;width:46px;min-width:46px}.editor-b .page-tile:hover,.editor-b .page-tile:focus-visible{transform:none;margin:0}.page-stage{order:1;position:sticky;top:0;z-index:4;margin:0 -20px;padding:6px 20px 8px;background:var(--bg);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.stage-sheet-wrap{container-type:normal;flex:none;padding-top:2px}.stage-sheet{height:min(var(--pin),150px);width:auto}.stage-head h2{display:none}.stage-head{justify-content:space-between}.stage-tools{flex:1}.stage-tools .link-button{margin-left:auto}.stage-foot{min-height:0;padding-top:8px}.stage-head{min-height:44px}.icon-button{width:44px;height:44px;min-width:44px;min-height:44px}.stage-tools .link-button,.editor-b .page-list-actions .link-button,.chip-list li{min-height:44px}.chip-list li button{width:44px;height:44px;min-width:44px;min-height:44px}.input-card .link-button{min-height:44px}.chip-list{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;scrollbar-width:none;margin:0 -20px;padding:0 20px}.chip-list li{flex:none}.chip-list .chip-label{flex-basis:auto;padding:0 8px 0 0;align-self:center}.stage-foot .notice:empty{display:none}.piece-catalogue{order:2;margin-top:16px;padding:14px 4px 0 14px}.catalogue-title h2{font-size:21px;flex:1 1 100%}.catalogue-title input{flex:1;width:auto;min-height:44px;height:44px}.catalogue-title .hint{flex:1 1 100%;min-width:0;font-size:13px}.group-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:-4px;padding-right:14px}.group-tabs button{flex:none;min-height:40px;height:40px}.catalogue-scroll{overflow:visible;padding-right:10px}.card-grid{grid-template-columns:1fr 1fr;gap:10px}.piece-card{grid-template-rows:auto auto auto}.piece-name,.piece-state{white-space:normal;overflow:visible}.piece-render:empty{aspect-ratio:220 / 50}.own-inputs{grid-template-columns:1fr}.page-zoom{padding:56px 12px 16px}.page-zoom-sheet{height:auto;width:100%;max-height:calc(100dvh - 72px)}.page-zoom-close{top:8px;right:10px}}@media(hover:none){.editor-b .page-tile:hover{transform:none;margin:0}.editor-b .area-label small{display:none}}.help-sheet .export-help2-head h3{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(min-width:721px){.sheet-backdrop{align-items:center}.sheet{border-radius:8px}}.header-link{font-size:14px;color:var(--muted);text-decoration:none;display:inline-flex;align-items:center;padding:0 4px}.header-link:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}@media(min-width:861px){.flow.flow-wide{padding-bottom:var(--bar)}}@media(min-width:861px){.flow{height:calc(100dvh - 94px);display:flex;flex-direction:column;padding-bottom:var(--bar)}.flow-body{flex:1;min-height:0;align-items:stretch;padding-top:28px}.flow-panel{min-height:0;overflow-y:auto;padding:0 14px 18px 3px;margin-left:-3px;scrollbar-width:thin}.flow-stage{position:static;min-height:0;container-type:size;padding-bottom:18px}.flow-letter .letter-preview{max-width:min(440px,calc((100cqh - 22px)*.706))}.flow-poster .artwork{max-width:min(600px,calc((100cqh - 22px)*.6667))}.flow-stage:has(.flow-receipt),.flow-stage:has(.help-stage),.flow-stage:has(.flow-all-pages){overflow-y:auto;scrollbar-width:thin}.flow-body{grid-template-columns:440px minmax(0,1fr);gap:56px}.step-heading{margin-bottom:18px}.step-heading h1{font-size:32px;line-height:1.12;letter-spacing:-.4px}.step-heading p{margin-top:8px;font-size:15px}.field-group{margin-top:15px}.object-list{gap:6px}.object-card{min-height:62px;padding:6px 16px 6px 8px}.object-thumb{width:34px;height:48px}.object-text strong{font-size:16px}.object-text small{margin-top:1px}.speed-list{grid-template-columns:1fr 1fr}.speed-card{align-items:flex-start;padding:10px 12px 12px 14px;min-height:0}.speed-card .choice-dot{margin-top:3px}.look-sample{height:40px;padding:6px 10px}.type-row select{min-height:42px;padding-top:8px;padding-bottom:8px}.segmented button{padding:10px}.look-letters{font-size:24px}.look-card{gap:8px;padding:8px 8px 9px}.pair-card{min-height:58px;padding:9px 12px;gap:6px}.type-line{display:none}.help-stage{padding:20px 28px 22px}.help-stage .export-help2-steps{margin-top:16px}.help-stage .mock{aspect-ratio:10 / 11}.help-stage .export-help2-note{margin-top:16px;padding-top:12px}}@media(min-width:861px)and (max-height:720px){.flow-body{padding-top:20px}.step-heading p{display:none}.step-heading h1{font-size:28px}.object-card{min-height:56px}}@media(min-width:861px)and (max-height:720px){.flow-wide .step-heading{margin:10px 0 8px}.flow-wide .step-heading h1{font-size:22px;line-height:28px}.catalogue-title .hint{display:none}.catalogue-title h2{font-size:20px;flex:1}.piece-catalogue{padding-top:10px}.catalogue-head{padding-bottom:8px}.catalogue-tools{margin-top:6px}.group-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.group-tabs button{min-height:30px;height:30px;padding:0 10px;font-size:13px}.catalogue-scroll{padding-top:10px}.catalogue-group h3{font-size:17px;margin-bottom:8px}.piece-render{aspect-ratio:220 / 120}.stage-foot{min-height:40px;padding-top:8px}}select:not([multiple]){-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:44px;background-color:var(--paper);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1.5 1.5 7 7l5.5-5.5' fill='none' stroke='%23292b2d' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:14px 9px}.purchase{max-width:560px}.purchase>p{font-size:16px;margin:0 0 14px}.purchase-files{margin:0 0 16px;padding:0 0 0 20px;font-size:15px;line-height:1.5}.purchase-files li{margin:2px 0}.purchase .purchase-once{font-size:14px;color:var(--muted)}.purchase .purchase-prices{font-size:15px}.purchase-products{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 10px}.purchase-product{display:flex;flex-direction:column;gap:2px;border:1px solid var(--rule);border-radius:8px;padding:14px}.purchase-product strong{font-weight:500;font-size:17px}.purchase-price{font:400 26px/1.15 Newsreader,serif}.purchase-product small{font-size:14px;line-height:1.35;color:var(--muted);flex:1;margin:4px 0 12px}.purchase-product button{width:100%;margin-top:0;font-size:16px;padding:13px 14px}.purchase-product button:disabled{opacity:.4;cursor:default}.purchase-saved{border:1px solid var(--rule);border-radius:8px;padding:16px;margin:18px 0 10px}.purchase-saved p{margin:0 0 12px;font-size:16px}.purchase-saved .primary{width:100%;margin-top:0;font-size:16px}.purchase-saved .link-button,.purchase>.link-button{border:0;padding:0;min-height:44px;background:transparent;font-size:14px;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#9a9c93;border-radius:2px}.purchase-key{margin-top:14px}.purchase-key label{display:block;font-size:14px;color:var(--muted)}.purchase-key div{display:flex;gap:8px;margin-top:6px}.purchase-key input{flex:1;width:0;margin-top:0;font-size:16px}.purchase-key button{flex:none;height:46px;padding:0 16px;font-size:15px}.purchase-key button:disabled{opacity:.4;cursor:default}.purchase .purchase-status{min-height:24px;font-size:15px;margin:14px 0 0}.purchase .purchase-links{display:flex;gap:20px;margin:10px 0 0;font-size:14px}.purchase-links a{color:var(--muted);text-underline-offset:4px;display:inline-flex;align-items:center;min-height:44px}.purchase-links a:hover{color:var(--ink)}@media(max-width:560px){.purchase-products{grid-template-columns:1fr}}@font-face{font-family:Familjen;src:url(/fonts/FamiljenGrotesk.ttf) format("truetype");font-weight:400 700;font-display:swap}@font-face{font-family:Newsreader;src:url(/fonts/Newsreader.ttf) format("truetype");font-weight:200 800;font-display:swap}@font-face{font-family:Newsreader;src:url(/fonts/Newsreader-Italic.ttf) format("truetype");font-weight:200 800;font-style:italic;font-display:swap}:root{font-family:Familjen,sans-serif;color:#292b2d;background:#efeee9;font-synthesis:none;--paper:#fbfaf6;--ink:#292b2d;--rule:#d3d2ca;--muted:#66685f}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,label,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:transparent;border:1px solid var(--rule);border-radius:4px;min-height:44px;padding:11px 18px}button:hover{border-color:var(--ink)}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--ink);outline-offset:1px}input:focus,textarea:focus,select:focus{outline:0;border-color:var(--ink)}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:2px solid var(--ink);outline-offset:2px}a{color:inherit;text-underline-offset:4px}p{line-height:1.5}h1,h2,h3,p,figure{margin:0}h1,h2{font-weight:400}input,select,textarea{color:var(--ink);background:var(--paper);border:1px solid #bdbfb5;border-radius:3px;width:100%;min-height:46px;padding:10px 12px;margin-top:9px;min-width:0}input[type=date]{min-height:46px;-moz-appearance:none;appearance:none;-webkit-appearance:none}input[type=date]::-webkit-date-and-time-value{text-align:left}textarea{resize:vertical}label{font-size:14px;display:block}small{font-size:12px}.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.primary:hover{background:#434644}.text-button,.language-toggle{border:0;padding:9px 12px}.site-header{display:flex;justify-content:space-between;align-items:center;max-width:1440px;margin:auto;padding:26px 5%;height:94px}.brand{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-size:25px;letter-spacing:-.8px;font-weight:500}.brand img{display:block}.header-right{display:flex;align-items:center;gap:20px}.language-toggle{font-size:13px}.home{max-width:1440px;margin:0 auto}.hero{display:grid;grid-template-columns:.8fr 1.2fr;gap:4%;padding:54px 5% 45px;align-items:center}.hero-copy{padding-bottom:26px}.hero h1{font-family:Newsreader,serif;font-size:clamp(46px,4.8vw,76px);line-height:1.04;letter-spacing:-1.6px}.hero h1 span{display:block}.intro{font-size:18px;max-width:355px;margin-top:26px;line-height:1.5}.home-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:33px;align-items:center}.home-actions .primary{font-size:15px;padding:15px 18px}.file-button{position:relative;border:1px solid var(--ink);border-radius:4px;padding:15px 18px;font-size:15px;cursor:pointer;overflow:hidden;min-height:51px}.file-button:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:1px}.file-button input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0}.file-hint{font-size:12px;color:var(--muted);margin-top:11px}.privacy-note{display:flex;align-items:flex-start;gap:12px;margin-top:30px;max-width:365px}.privacy-note p{font-size:13px;line-height:1.45}.privacy-note p span{display:block;color:var(--muted);font-size:12px;margin-top:6px}.export-help{margin-top:28px;font-size:13px;max-width:380px}.export-help summary{cursor:pointer;min-height:44px;padding:12px 0;text-decoration:underline;text-underline-offset:4px}.export-help p{margin:12px 0;color:var(--muted)}.hero-art{display:grid;grid-template-columns:1.7fr 1fr;gap:23px;align-items:start;padding:0 0 0 10px}.artwork{position:relative;width:100%;line-height:0}.artwork canvas{display:block;width:100%;height:auto}.hero-art figcaption{display:flex;flex-direction:column;gap:6px;margin-top:18px;line-height:1.4;font-size:12px;color:var(--muted)}.hero-art figcaption span{font-size:15px;color:var(--ink)}.home-poster{padding-top:52px}.home-receipt{max-width:240px}.home-foot{display:flex;justify-content:space-between;margin:0 5%;border-top:1px solid var(--rule);padding:22px 0;gap:20px;font-size:12px;color:var(--muted)}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;max-width:1440px;margin:0 auto;padding:26px 5%;font-size:12px;color:var(--muted)}.site-footer span:first-child{color:var(--ink);font-weight:500}.studio{max-width:1280px;margin:0 auto;padding:20px 5% 0}.studio-heading{margin-bottom:25px}.studio-heading h1{font-family:Newsreader,serif;font-size:42px;letter-spacing:-.7px}.studio-heading p{font-size:12px;color:var(--muted);margin-top:9px}.studio-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:6%;align-items:start}.preview-section{min-width:0}.piece-tabs{display:flex;border-bottom:1px solid var(--rule);gap:10px}.piece-tabs button{flex:1;border:0;border-radius:0;padding:12px 4px 15px;position:relative;text-align:left;font-size:17px;min-width:0}.piece-tabs button[aria-selected=true]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--ink)}.piece-tabs button small{display:block;font-size:10px;margin-top:5px;color:var(--muted)}.preview-stage{padding:28px 0 22px;display:flex;justify-content:center}.preview-stage .artwork-receipt{max-width:390px}.preview-stage .artwork-poster{max-width:600px}.block-hit{position:absolute;border:1px solid transparent;border-radius:0;background:transparent;padding:0;min-height:0}.block-hit:hover,.block-hit:focus-visible{border-color:currentColor;background:#9999990c}.compose-hint{font-size:12px;text-align:center;color:var(--muted);margin:-4px 0 16px}.save-bar{display:flex;gap:10px;justify-content:center}.save-bar button{min-width:120px}.save-bar #print-file{min-width:250px}.notice{font-size:13px;text-align:center;min-height:23px;margin-top:10px}.review-note{font-size:11px;color:var(--muted);text-align:center;margin:0 auto 28px;max-width:300px}.controls{position:sticky;top:24px;min-width:0;padding-top:1px}.tool-tabs{display:flex;flex-wrap:wrap;gap:3px 5px;border-bottom:1px solid var(--rule);padding-bottom:9px}.tool-tabs button{border:0;font-size:13px;padding:11px 10px;border-radius:3px}.tool-tabs button[aria-pressed=true]{background:var(--paper)}.tool-panel{padding:27px 0;min-height:260px}.tool-panel h2{font-family:Newsreader,serif;font-size:32px;margin-bottom:10px}.tool-panel>p{font-size:14px;color:var(--muted);margin-bottom:24px}.tool-panel>label{margin-top:22px}.tool-panel h3{font-size:15px;font-weight:500;margin:25px 0 13px}.word-form>div{display:flex;gap:8px;align-items:end}.word-form input{flex:1;width:0}.word-form button{height:46px;padding:8px 13px}.search-results{padding:22px 0 5px}.search-results>strong{font:400 34px Newsreader,serif}.search-results>p{font-size:13px;line-height:1.7;margin:10px 0}.word-months{display:flex;align-items:end;gap:3px;height:44px;margin:18px 0}.word-months span{flex:1;background:var(--ink);max-width:12px;border-radius:2px 2px 0 0}.quote-result{border-top:1px solid var(--rule);padding:16px 0}.quote-result p{font:italic 400 22px/1.2 Newsreader,serif}.quote-result small{display:block;color:var(--muted);margin:9px 0}.quote-result button{font-size:12px;padding:7px 10px;min-height:36px}.fine-print{font-size:11px!important;color:var(--muted);line-height:1.5;margin:16px 0!important}.word-tags{display:flex;flex-wrap:wrap;gap:8px}.word-tags button{font-size:12px;padding:7px 10px;min-height:36px;background:var(--paper)}.word-tags button span{margin-left:12px;color:var(--muted)}.quote-editor{border-top:1px solid var(--rule);margin-top:27px;padding-top:4px}.quote-editor p{font-size:13px;color:var(--muted);margin-bottom:18px}.quote-editor label{margin:14px 0}.check-label{display:flex;gap:10px;align-items:center;font-size:14px;margin-bottom:10px}.check-label input{width:18px;min-height:18px;height:18px;margin:0;accent-color:var(--ink)}.date-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.look-list{display:grid;gap:10px;margin-top:22px}.look-choice{display:flex;align-items:center;text-align:left;gap:15px;padding:12px;border:1px solid var(--rule)}.look-choice[aria-pressed=true]{border-color:var(--ink)}.look-swatch{width:50px;height:64px;display:grid;place-items:center;font:400 27px Newsreader,serif;flex:none}.look-paper .look-swatch{background:#fbfaf6;color:#292b2d}.look-night .look-swatch{background:#16202b;color:#d7b36a}.look-archive .look-swatch{background:#f1e9d8;color:#8c5a3c}.look-choice strong{display:block;font-weight:500;font-size:16px}.look-choice small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.choice-dot{margin-left:auto;width:12px;height:12px;border:1px solid var(--ink);border-radius:50%;flex:none}.look-choice[aria-pressed=true] .choice-dot{background:var(--ink);box-shadow:inset 0 0 0 2px var(--paper)}.language-choices{display:flex;gap:8px}.language-choices [aria-pressed=true]{background:var(--ink);color:var(--paper)}.studio-privacy{border-top:1px solid var(--rule);padding:24px 0;display:flex;align-items:start;gap:12px;color:var(--muted);font-size:12px}.error{font-size:13px;color:#98372f;line-height:1.5;margin:18px 0}.info{padding:14px 0;font-size:13px}.empty{padding:70px 20px;text-align:center;line-height:1.5;max-width:380px;min-height:400px}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#171b2166;display:flex;align-items:end;justify-content:center;z-index:10;padding:20px;overflow:auto}.sheet{background:var(--paper);width:100%;max-width:720px;border-radius:8px 8px 2px 2px;padding:28px 32px 36px;max-height:90dvh;overflow:auto;position:relative;outline:0}.sheet-close{display:block;margin-left:auto;border:0;padding:5px 0;font-size:12px}.sheet-close span{font-size:23px;vertical-align:-1px;margin-left:12px}.sheet h2{font:400 38px/1.1 Newsreader,serif;margin:15px 0 20px;max-width:500px}.sheet>p{font-size:16px;max-width:520px;margin:18px 0}.sheet>.primary{margin-top:12px}.block-catalogue{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.block-catalogue button{border:1px solid var(--rule);min-height:110px;padding:9px 8px 14px;text-align:left;font-size:12px}.block-catalogue button[aria-pressed=true]{border-color:var(--ink)}.block-catalogue svg{display:block;width:80px;height:48px;stroke:var(--ink);stroke-width:1;fill:none;margin:0 auto 8px}.block-catalogue button span{display:block;text-align:center}@media(min-width:1450px){.hero-art{gap:30px}.home-poster{padding-top:72px}}@media(max-width:1000px){.hero{gap:5%;grid-template-columns:1fr 1.1fr}.hero h1{font-size:52px}.hero-art{gap:14px;padding:0}.home-poster{padding-top:40px}.studio-layout{grid-template-columns:minmax(0,1fr) 290px;gap:4%}.tool-tabs button{padding:10px 7px;font-size:12px}}@media(max-width:720px){.site-header{height:76px;padding:18px 20px}.brand{font-size:24px}.header-right{gap:8px}.hero{display:flex;flex-direction:column;padding:25px 20px 28px;gap:15px;align-items:stretch}.hero-copy{padding-bottom:0}.hero h1{font-size:48px;line-height:1.01;letter-spacing:-1px}.intro{font-size:16px;max-width:330px;margin-top:19px}.home-actions{gap:8px;margin-top:24px}.home-actions .primary,.file-button{font-size:14px;padding:14px}.file-hint{margin-top:10px}.privacy-note{margin-top:25px}.export-help{margin-top:14px}.hero-art{margin-top:8px;gap:17px;grid-template-columns:1.75fr 1fr}.home-poster{padding-top:32px}.hero-art figcaption{font-size:10px;margin-top:12px}.hero-art figcaption span{font-size:14px}.home-foot{display:block;margin:0 20px;padding:18px 0}.home-foot p+p{margin-top:8px}.site-footer{padding:24px 20px;font-size:11px;gap:12px}.studio{padding:15px 18px 0}.studio-heading{margin-bottom:21px}.studio-heading h1{font-size:34px}.studio-heading p{font-size:11px;max-width:330px}.studio-layout{display:flex;flex-direction:column;gap:0}.preview-section,.controls{width:100%}.piece-tabs button{font-size:17px}.piece-tabs button small{font-size:9px;line-height:1.4;max-width:170px}.preview-stage{padding:22px 0 17px}.preview-stage .artwork-receipt{max-width:100%}.save-bar button{flex:1}.save-bar #print-file{width:100%}.controls{position:static;border-top:1px solid var(--rule);padding-top:17px}.tool-tabs{flex-wrap:nowrap;justify-content:space-between;gap:0;padding-bottom:12px}.tool-tabs button{padding:10px 9px;font-size:13px}.tool-panel{padding:25px 0 28px;min-height:0}.tool-panel h2{font-size:32px}.tool-panel>p{max-width:330px}.compose-hint{font-size:11px}.sheet-backdrop{padding:0}.sheet{border-radius:8px 8px 0 0;padding:20px 20px 30px;max-height:89dvh}.sheet h2{font-size:34px}.block-catalogue{grid-template-columns:repeat(2,1fr);gap:10px}.block-catalogue button{min-height:104px}.date-pair{gap:10px}.review-note{margin-bottom:25px}.studio-privacy{padding-bottom:8px}.site-footer span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.stretch-controls{margin-top:25px;font-size:14px}.stretch-controls summary{cursor:pointer;padding:10px 0}.stretch-controls p{font-size:12px;color:var(--muted);margin:7px 0 15px}body,input,select,textarea{font-size:16px}button,a,summary{min-height:44px;min-width:44px}.brand{min-height:44px}.language-toggle{min-width:44px;font-size:14px}.site-footer a{display:inline-flex;align-items:center}.file-hint,.privacy-note p,.privacy-note p span,.export-help,.home-foot,.site-footer,.studio-heading p,.compose-hint,.notice,.review-note,.studio-privacy,.info,.error,.stretch-controls p,.hero-art figcaption,.tool-tabs button,.piece-tabs button small,.quote-result small,.quote-result button,.word-tags button,.quote-editor p,.look-choice small,.search-results>p,.sheet-close,.block-catalogue button,.block-catalogue small{font-size:14px}.fine-print{font-size:14px!important}.word-tags button,.quote-result button{min-height:44px;min-width:44px}.check-label{min-height:44px;cursor:pointer}.check-label input{flex:none}.piece-tabs button[aria-pressed=true]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--ink)}.block-hit{min-height:44px;min-width:44px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.phone-studio-bar,.return-piece{display:none}.reading-toggle{display:block;margin:0 auto 16px}.preview-stage.reading{overflow-x:auto;display:block}.preview-stage.reading .artwork-receipt{width:600px;max-width:none;margin:0 auto}.import-progress{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 0;font-size:14px}.import-progress progress{width:130px;accent-color:var(--ink)}.retry-export{display:block;margin:0 auto 18px}.quote-print-preview{border:1px solid var(--rule);padding:14px;margin:18px 0;line-height:1.5}.quote-print-preview span{display:block;font:italic 22px/1.3 Newsreader,serif}.quote-print-preview p{font-size:14px}.word-slots section{margin:18px 0}.word-slots h4{font-weight:500;font-size:14px;margin:0 0 8px}.word-slots p{font-size:14px;color:var(--muted)}.word-slot{display:flex;align-items:center;gap:10px;justify-content:space-between;margin:6px 0;font-size:14px}.word-slot span{overflow-wrap:anywhere}.word-slot button{font-size:14px;padding:8px 10px}.block-preview{display:block;width:100%;height:auto;aspect-ratio:3/2;margin-bottom:10px}.block-catalogue small{display:block;font-weight:400;line-height:1.4;margin-top:8px;color:var(--muted)}button:disabled{cursor:default}.zip-choices{display:grid;gap:12px}.zip-choices button{text-align:left;overflow-wrap:anywhere}.zip-choices strong,.zip-choices span{display:block;font-size:14px}.zip-choices span{margin-top:8px}.receipt-look .look-swatch{background:#fbfaf6;color:#292b2d}.receipt-look.look-night .look-swatch{color:#806324}.receipt-look.look-archive .look-swatch{color:#8c5a3c}.artwork-error{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:14px;background:var(--paper);line-height:1.5;padding:20px}.sheet-close,.return-piece{min-height:44px}@media(max-width:720px){.hero-art{display:flex;flex-direction:column;align-items:center;gap:30px;padding:0;margin-top:22px}.home-poster{padding-top:0;width:100%;max-width:354px}.home-receipt{width:100%;max-width:300px}.hero-art figcaption{font-size:14px}.home-foot,.site-footer,.studio-heading p,.piece-tabs button small,.tool-tabs button,.compose-hint{font-size:14px}.site-footer{padding-bottom:100px}.studio{padding-bottom:90px}.controls{display:none}.controls.controls-open{display:block;position:fixed;inset:auto 0 70px;max-height:58dvh;overflow:auto;z-index:8;background:var(--paper);border-top:1px solid var(--rule);border-radius:12px 12px 0 0;padding:12px 20px 20px;box-shadow:0 -8px 30px #171b2122;overscroll-behavior:contain}.return-piece{display:block;position:sticky;top:0;background:var(--paper);z-index:1;margin:0 0 12px auto;font-size:14px}.phone-studio-bar{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:8px;position:fixed;bottom:0;left:0;right:0;padding:10px 18px max(10px,env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid var(--rule);z-index:9}.phone-studio-bar button{padding:10px 8px;font-size:16px}.phone-studio-bar button:last-child{background:var(--ink);color:var(--paper)}.phone-studio-bar [aria-pressed=true],.phone-studio-bar [aria-expanded=true]{border-color:var(--ink)}.tool-tabs{flex-wrap:wrap;justify-content:flex-start;gap:4px}.tool-tabs button{padding:10px 12px}.preview-section{scroll-margin-top:10px}.block-catalogue button{min-height:180px}.sheet{max-height:86dvh}.site-header .text-button{font-size:14px}.review-note{max-width:330px}.preview-stage.reading .artwork-receipt{margin:0}.word-form button{padding:8px 10px}.save-bar button{min-width:100px}}.block-preview{aspect-ratio:9/7}.editor-return{display:none}@media(max-width:720px){.editor-return{display:block;position:sticky;top:-12px;background:var(--paper);z-index:2;padding:10px 0;border-bottom:1px solid var(--rule);margin-bottom:12px}.editor-return .return-piece{position:static;margin:0 0 0 auto}.controls.controls-open{padding-top:12px}}.word-tags button .word-placement{display:block;font-size:14px;color:var(--muted);margin-top:4px}.word-tags button>span{display:inline-block;margin-top:4px}.word-tags button{position:relative;padding-right:30px;text-align:left;max-width:100%;overflow-wrap:anywhere}.word-tags button>span{position:absolute;top:8px;right:10px;margin:0}.quote-result p,.quote-print-preview span{overflow-wrap:anywhere}.preview-stage.stage-pages{display:block}.pages-preview{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}.page-sheet{width:100%;max-width:560px;line-height:0;background:var(--paper);box-shadow:0 1px 2px #171b2112,0 0 0 1px #171b210a}.page-sheet canvas{display:block;width:100%;height:auto;aspect-ratio:595/842}.piece-tabs button small{line-height:1.35}.hero-art{grid-template-columns:1fr 1fr .72fr;gap:20px}.home-page,.home-poster{padding-top:0}.home-poster{padding-top:36px}.home-receipt,.home-page .page-sheet{max-width:none}.control-hint{font-size:14px;color:var(--muted);margin:-4px 0 12px;line-height:1.45}.palette-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.palette-chip{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:10px;text-align:left;min-height:64px;border:1px solid var(--rule)}.palette-chip[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.chip-dots{display:flex;gap:4px}.chip-dots span{display:block;width:14px;height:14px;border-radius:50%}.chip-name{font-size:14px;line-height:1.25}.type-choice{display:flex;flex-direction:column;gap:8px}.type-choice select{margin-top:0}.type-sample{font-size:28px;line-height:1.2;overflow-wrap:anywhere}.density-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}.density-choices button{text-align:left;padding:10px 12px}.density-choices button strong{display:block;font-weight:500;font-size:16px}.density-choices button small{display:block;font-size:14px;color:var(--muted);margin-top:4px;line-height:1.35}.density-choices [aria-pressed=true],.palette-chip[aria-pressed=true]{background-clip:padding-box}.density-choices [aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.milestones{border-top:1px solid var(--rule);margin-top:27px;padding-top:4px}.milestones>p{font-size:14px;color:var(--muted);margin-bottom:14px}.milestone-list{display:grid;gap:12px;margin-bottom:14px}.milestone{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) 44px;gap:8px;align-items:end}.milestone label{font-size:14px}.milestone-remove{padding:0;width:44px;height:46px;font-size:22px;line-height:1}.milestones-full{font-size:14px;color:var(--muted);margin-top:10px}.phone-studio-bar #phone-piece{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;line-height:1.15}.bar-kicker{font-size:14px;color:var(--muted)}.bar-current{font-size:16px}@media(max-width:1000px){.hero-art{grid-template-columns:1fr 1fr;gap:16px}.home-receipt{grid-column:1 / -1;max-width:260px}}@media(max-width:720px){.hero-art{display:flex;flex-direction:column;align-items:center;gap:30px}.home-page{width:100%;max-width:354px}.home-poster{padding-top:0}.home-receipt{max-width:300px}.milestone{grid-template-columns:minmax(0,1fr) 44px}.milestone label:nth-child(2){grid-column:1;grid-row:2}.milestone-remove{grid-column:2;grid-row:1 / span 2;align-self:center}}.piece-tabs button{display:flex;flex-direction:column;justify-content:flex-start}.tab-note{display:none}.tool-tabs{gap:3px 2px}.tool-tabs button{padding:11px 7px}.milestone+.milestone{border-top:1px solid var(--rule);padding-top:12px}@media(max-width:720px){.piece-tabs button small{display:none}.piece-tabs button{padding:12px 4px 13px}.tab-note{display:block;font-size:14px;color:var(--muted);margin-top:10px}.tool-tabs{gap:2px}.tool-tabs button{padding:10px 7px}.milestone{grid-template-columns:minmax(0,1fr) 44px;row-gap:4px}.milestone label:nth-child(1){grid-column:1;grid-row:1}.milestone label:nth-child(2){grid-column:1 / -1;grid-row:2}.milestone-remove{grid-column:2;grid-row:1;align-self:end}}@media(min-width:721px)and (max-width:1000px){.hero{align-items:start}}@media(min-width:721px){.controls{position:static}}.book-view{position:relative;overflow-x:clip;display:flex;flex-direction:column;align-items:center;width:100%}.book{position:relative;margin:6px auto 0;touch-action:pan-y;cursor:pointer;-webkit-user-select:none;user-select:none}.book-slot,.book-face{position:absolute;top:0;width:var(--page-w);height:100%;background:var(--book-paper);overflow:hidden;line-height:0}.book-slot[hidden],.book-face[hidden]{display:none}.book-slot canvas,.book-face canvas{display:block;width:100%;height:100%}.book-left{left:0}.book-right{right:0}.book-bed{position:absolute;top:0;height:100%;box-shadow:0 1px 1px #171b210f,0 10px 18px -12px #171b2170;pointer-events:none}.book-right.book-more{box-shadow:1px 0 0 var(--book-edge),2px 0 0 var(--book-paper),3px 0 0 var(--book-edge)}.book-left.book-more{box-shadow:-1px 0 0 var(--book-edge),-2px 0 0 var(--book-paper),-3px 0 0 var(--book-edge)}.book-slot:after,.book-face:after{content:"";position:absolute;top:0;bottom:0;width:7%;pointer-events:none}.book-right:after,.book-front:after{left:0;background:linear-gradient(to right,#171b2121,#171b2108 30%,transparent)}.book-left:after,.book-back:after{right:0;background:linear-gradient(to left,#171b211a,#171b2105 30%,transparent)}.book-closed .book-right:after{width:12px;background:linear-gradient(to right,#171b2133,#171b210d 3px,#ffffff14 5px,#171b210d 8px,transparent)}.book-leaf{position:absolute;top:0;right:0;width:var(--page-w);height:100%;transform-style:preserve-3d;transform-origin:left center;pointer-events:none;z-index:2}.book-single .book-leaf{left:0}.book-face{left:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:0 0 1px #171b2124}.book-back{transform:rotateY(180deg)}.book-open{position:absolute;top:0;right:0;width:var(--page-w);height:100%;min-height:0;border:0;border-radius:0;background:transparent;padding:0;z-index:3}.book-nav{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px}.book-nav button{border:0;border-radius:50%;width:44px;height:44px;padding:0;font:24px/1 Newsreader,serif}.book-nav button:disabled{opacity:.25}#book-count{min-width:104px;text-align:center;font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums}.book-all{display:block;margin:0 auto;font-size:14px;color:var(--muted);text-decoration:underline;text-underline-offset:4px}.all-pages{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.sheet-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.book-small{width:calc(100% - 4px);aspect-ratio:595/842;margin:0;cursor:default}.book-small .book-slot{width:100%;box-shadow:1px 0 0 var(--book-edge),2px 0 0 var(--book-paper),3px 0 0 var(--book-edge),0 1px 1px #171b210f,0 10px 18px -12px #171b2170}.home-book{padding-top:0}@media(max-width:720px){.home-book{max-width:260px}}.preview-stage.stage-letter{display:block}.letter-preview{position:relative;display:flex;justify-content:center;width:100%}.letter-sheet{width:100%;max-width:440px;line-height:0;background:var(--paper);box-shadow:0 1px 2px #171b2112,0 0 0 1px #171b210a}.letter-sheet canvas{display:block;width:100%;height:auto;aspect-ratio:420/595}.book-nav .book-read{width:auto;border-radius:4px;padding:0 14px;margin-left:6px;font:14px/1 Familjen,sans-serif;color:var(--ink);text-decoration:underline;text-underline-offset:4px}.reader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#e4e2db}.reader-scroll{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom;-webkit-overflow-scrolling:touch}.reader-sheet{flex:none;line-height:0;background:var(--paper);box-shadow:0 1px 2px #171b2112,0 6px 24px -10px #171b2140}.reader-sheet canvas{display:block}.reader-single .reader-pages{display:flex;justify-content:center;padding:64px 0 96px;width:max-content;min-width:100%}.reader-spread .reader-pages{display:flex;justify-content:center;align-items:center;min-height:100%;padding:2px 0}.reader-spread .reader-sheet+.reader-sheet{box-shadow:0 1px 2px #171b2112,0 6px 24px -10px #171b2140,inset 1px 0 #171b2114}.reader-close{position:fixed;top:12px;right:12px;z-index:2;background:var(--paper);border:1px solid var(--rule);border-radius:22px;padding:0 16px;font-size:14px}.reader-close span{font-size:20px;vertical-align:-2px;margin-left:6px}.reader-bar{position:fixed;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translate(-50%);z-index:2;display:flex;align-items:center;gap:4px;background:var(--paper);border:1px solid var(--rule);border-radius:28px;padding:4px 6px;box-shadow:0 4px 16px -8px #171b2140}.reader-bar button{border:0;border-radius:50%;width:44px;height:44px;padding:0;font:24px/1 Newsreader,serif}.reader-bar button:disabled{opacity:.25}#reader-count{min-width:72px;text-align:center;font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums}.reader-spread .reader-bar{display:contents}.reader-spread #reader-prev,.reader-spread #reader-next{position:fixed;top:50%;margin-top:-28px;width:56px;height:56px;background:var(--paper);border:1px solid var(--rule);z-index:2}.reader-spread #reader-prev{left:12px}.reader-spread #reader-next{right:12px}.reader-spread #reader-count{position:fixed;left:8px;bottom:10px;min-width:64px;z-index:2;font-size:14px}.reader-spread .reader-close{top:8px;right:8px;padding:0 12px}.preview-stage.stage-pages{padding-top:4px}
