:root{--paper: #f4efe6;--paper-deep: #ece6da;--paper-page: #faf7f1;--ink: #1a1815;--ink-muted: #6b6358;--ink-quiet: #a39a8c;--hairline: rgba(26, 24, 21, .12);--hairline-soft:rgba(26, 24, 21, .06);--accent: oklch(58% .13 38);--accent-soft: oklch(92% .04 38);--shadow-page: 0 1px 0 rgba(26,24,21,.04), 0 22px 60px -28px rgba(26,24,21,.3);--serif: "Source Serif 4", "Iowan Old Style", Georgia, serif;--sans: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--sans);font-weight:400;color:var(--ink);background:var(--paper);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.app{min-height:100vh;display:flex;flex-direction:column}.top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:22px 36px;border-bottom:1px solid var(--hairline);background:var(--paper);gap:24px}.brand{display:flex;align-items:baseline;gap:10px;font-family:var(--serif)}.brand-mark{font-family:var(--serif);font-style:italic;font-weight:400;font-size:24px;letter-spacing:-.01em;line-height:1}.brand-mark:first-letter{font-style:italic}.brand-sub{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.steps{display:flex;gap:32px;justify-content:center;font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--ink-quiet)}.steps button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;font:inherit;letter-spacing:inherit;color:inherit;text-transform:uppercase;cursor:pointer;padding:4px 0;position:relative;display:flex;align-items:baseline;gap:8px}.steps button[data-on="1"]{color:var(--ink)}.steps button[data-on="1"]:after{content:"";position:absolute;left:0;right:0;bottom:-23px;height:1px;background:var(--ink)}.steps button[data-done="1"]{color:var(--ink-muted)}.steps .step-num{font-variant-numeric:tabular-nums}.top-actions{justify-self:end;display:flex;align-items:center;gap:14px}.top-meta{font-family:var(--mono);font-size:11px;color:var(--ink-muted);letter-spacing:.02em}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:500 12.5px/1 var(--sans);letter-spacing:.01em;padding:11px 18px;border-radius:999px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);cursor:pointer;white-space:nowrap;transition:transform .12s ease,background .12s ease,color .12s ease}.btn:hover{background:#000}.btn:active{transform:translateY(1px)}.btn.ghost{background:transparent;color:var(--ink);border-color:var(--hairline)}.btn.ghost:hover{border-color:var(--ink);background:transparent}.btn.tiny{font-size:11px;padding:7px 12px}.btn .arr{margin-left:8px;transition:transform .15s ease}.btn:hover .arr{transform:translate(2px)}.btn:disabled,.btn.ghost:disabled,.icon-btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-apple{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:7px;font:500 12.5px/1 var(--sans);letter-spacing:.01em;padding:11px 16px;border-radius:999px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);cursor:pointer;white-space:nowrap;transition:background .12s ease,transform .12s ease}.btn-apple:hover{background:#000}.btn-apple:active{transform:translateY(1px)}.btn-apple.tiny{font-size:11px;padding:7px 12px;gap:6px}.btn-apple-logo{width:12px;height:12px;fill:currentColor;flex-shrink:0;margin-top:-1px}.user-menu{position:relative}.user-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--hairline);background:var(--paper-page);color:var(--ink);width:32px;height:32px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font:500 11px/1 var(--mono);letter-spacing:.06em;transition:border-color .12s ease,background .12s ease}.user-chip:hover{border-color:var(--ink)}.user-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.user-menu-pop{position:absolute;top:40px;right:0;z-index:100;background:var(--paper);border:1px solid var(--hairline);border-radius:4px;min-width:220px;padding:10px 0 6px;box-shadow:0 16px 48px -16px #00000040;font-family:var(--sans);animation:user-menu-in .14s ease}.user-menu-id{padding:4px 14px 12px;border-bottom:1px solid var(--hairline-soft);margin-bottom:6px}.user-menu-name{font-family:var(--serif);font-size:15px;letter-spacing:-.005em;color:var(--ink);line-height:1.2}.user-menu-email{font-family:var(--mono);font-size:10.5px;color:var(--ink-muted);letter-spacing:.02em;margin-top:3px}.user-menu-item{display:block;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;text-align:left;padding:9px 14px;font:500 12.5px/1 var(--sans);color:var(--ink);cursor:pointer}.user-menu-item:hover{background:var(--paper-page)}@keyframes user-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.stage{flex:1;padding:36px 36px 80px;max-width:1480px;width:100%;margin:0 auto}.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted)}.title{font-family:var(--serif);font-weight:300;font-size:clamp(30px,3.4vw,52px);line-height:1.05;letter-spacing:-.02em;margin:10px 0 0;text-wrap:balance}.title em{font-style:italic;font-weight:400}.lede{font-family:var(--serif);font-size:18px;line-height:1.5;color:var(--ink-muted);max-width:56ch;margin:16px 0 0}.import-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:36px;margin-top:40px;align-items:stretch}@media(max-width:960px){.import-grid{grid-template-columns:1fr}}.dropzone{position:relative;background:var(--paper-page);border:1.5px dashed var(--hairline);border-radius:4px;padding:36px;min-height:380px;display:flex;flex-direction:column;justify-content:space-between;transition:border-color .15s ease,background .15s ease}.dropzone[data-hover="1"]{border-color:var(--accent);background:var(--accent-soft)}.dropzone-head{display:flex;justify-content:space-between;align-items:baseline;gap:18px}.dropzone-head .h{font-family:var(--serif);font-size:22px;font-weight:400;letter-spacing:-.01em}.dropzone-cta{font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--ink-muted);text-transform:uppercase}.drop-visual{flex:1;display:flex;align-items:center;justify-content:center;position:relative}.drop-stack{position:relative;width:220px;height:160px}.drop-stack .card{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:3px;border:1px solid var(--hairline);background:var(--paper);box-shadow:0 8px 22px -16px #0006;display:flex;align-items:flex-end;justify-content:flex-start;padding:8px 10px;font-family:var(--mono);font-size:9px;letter-spacing:.04em;color:var(--ink-quiet)}.drop-stack .card:nth-child(1){transform:translate(-22px,14px) rotate(-6deg);background:#e3cdb5}.drop-stack .card:nth-child(2){transform:translate(0) rotate(1deg);background:#96d0d3}.drop-stack .card:nth-child(3){transform:translate(22px,-10px) rotate(8deg);background:#e1a79d}.drop-foot{display:flex;justify-content:space-between;align-items:center;padding-top:22px;border-top:1px solid var(--hairline-soft);font-family:var(--mono);font-size:11px;color:var(--ink-muted)}.drop-foot .or{color:var(--ink-quiet);margin:0 10px}.meta-card{background:var(--paper-page);border:1px solid var(--hairline);border-radius:4px;padding:28px 28px 24px;display:flex;flex-direction:column;gap:14px}.meta-card-h{display:flex;justify-content:space-between;align-items:baseline}.meta-card-h .h{font-family:var(--serif);font-size:18px;font-weight:400}.meta-card-h .pill{font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);padding:3px 8px;background:var(--paper);border-radius:999px;border:1px solid var(--hairline)}.meta-code{flex:1;background:#fbf8f1;border:1px solid var(--hairline);border-radius:3px;padding:14px 16px;font-family:var(--mono);font-size:11.5px;line-height:1.55;color:#5b5346;white-space:pre;overflow:auto;min-height:230px;max-height:320px}.meta-code .k{color:#8a6c44}.meta-code .s{color:#4f6b48}.meta-code .n{color:#8a4a4a}.meta-code .c{color:var(--ink-quiet);font-style:italic}.arrange-top{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-top:28px;padding-bottom:22px;border-bottom:1px solid var(--hairline)}.arrange-stats{display:flex;gap:36px;font-family:var(--mono);font-size:11px;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.08em}.arrange-stats .v{font-family:var(--serif);font-size:24px;font-weight:300;color:var(--ink);text-transform:none;letter-spacing:-.01em;display:block;margin-top:2px}.chapter{margin-top:56px}.chapter-hd{display:grid;grid-template-columns:220px 1fr auto;gap:24px;align-items:baseline;padding-bottom:14px;border-bottom:1px solid var(--hairline)}.chapter-num{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted)}.chapter-title{font-family:var(--serif);font-size:28px;font-weight:400;letter-spacing:-.01em}.chapter-title em{font-style:italic}.chapter-meta{font-family:var(--mono);font-size:11px;color:var(--ink-muted);text-align:right}.thumbs{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin-top:18px}@media(max-width:1100px){.thumbs{grid-template-columns:repeat(6,1fr)}}@media(max-width:720px){.thumbs{grid-template-columns:repeat(4,1fr)}}.thumb{position:relative;aspect-ratio:1;border-radius:2px;overflow:hidden;cursor:pointer}.thumb[data-picked="1"]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid var(--accent);border-radius:2px;pointer-events:none}.thumb[data-picked="0"]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#f4efe68c;pointer-events:none}.thumb-badge{position:absolute;top:6px;left:6px;font-family:var(--mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--paper);background:var(--accent);padding:2px 6px;border-radius:999px;white-space:nowrap;z-index:1}.thumb-x{position:absolute;top:6px;right:6px;width:20px;height:20px;border-radius:999px;background:#1a18158c;color:#f4efe6eb;border:0;font-size:11px;line-height:1;cursor:pointer;opacity:0;z-index:2;transition:opacity .15s ease,background .15s ease}.thumb:hover .thumb-x{opacity:1}.thumb-x:hover{background:var(--ink)}.thumb-menu{position:absolute;top:6px;right:6px;z-index:5}.thumb-menu-trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;width:22px;height:22px;border-radius:999px;background:#1a181599;color:#f4efe6f2;font-size:12px;line-height:.6;letter-spacing:1px;cursor:pointer;opacity:0;transition:opacity .15s ease,background .15s ease,transform .15s ease}.thumb:hover .thumb-menu-trigger{opacity:1}.thumb-menu-trigger:hover{background:var(--ink);transform:scale(1.05)}.thumb-menu-pop{position:absolute;top:28px;right:0;min-width:200px;background:var(--paper);border:1px solid var(--hairline);border-radius:4px;padding:6px 0;box-shadow:0 16px 40px -12px #1a18154d;z-index:20;animation:thumb-menu-in .12s ease}@keyframes thumb-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.thumb-menu-section{padding:6px 12px 4px;font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.thumb-menu-item{display:block;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;text-align:left;padding:7px 12px;font-family:var(--sans);cursor:pointer;color:var(--ink)}.thumb-menu-item:hover{background:var(--paper-page)}.thumb-menu-item-title{font-family:var(--serif);font-size:13px}.thumb-menu-item-sub{display:block;font-family:var(--mono);font-size:9.5px;color:var(--ink-muted);margin-top:2px;letter-spacing:.04em}.thumb-menu-item-danger{color:#c34f4b}.thumb-menu-item-danger:hover{background:#ffe3df;background:oklch(94% .04 25)}.thumb-menu-divider{height:1px;background:var(--hairline);margin:6px 0}.edit-shell{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px;margin-top:28px}@media(max-width:1100px){.edit-shell{grid-template-columns:minmax(0,1fr)}}.spread-frame{background:var(--paper-page);border-radius:4px;border:1px solid var(--hairline);padding:28px}.spread-frame-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:18px}.spread-frame-h .label{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted)}.spread-frame-h .title{font-family:var(--serif);font-size:22px;font-weight:400;margin:0;letter-spacing:-.01em}.spread-paper{aspect-ratio:4 / 3;background:#fff;box-shadow:var(--shadow-page);display:grid;position:relative;border-radius:1px}.spread-paper:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:linear-gradient(to right,#0000,#00000014 40%,#0000002e,#00000014 60%,#0000);z-index:2;pointer-events:none}.spread-tools{display:flex;gap:8px;justify-content:space-between;align-items:center;margin-top:18px}.spread-tools-l,.spread-tools-r{display:flex;gap:8px;align-items:center}.icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--hairline);background:transparent;width:34px;height:34px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink);transition:border-color .15s ease,background .15s ease}.icon-btn:hover{border-color:var(--ink)}.icon-btn:disabled{opacity:.3;cursor:not-allowed}.spread-cursor{font-family:var(--mono);font-size:11px;color:var(--ink-muted);letter-spacing:.04em;font-variant-numeric:tabular-nums;margin:0 6px}.side{display:flex;flex-direction:column;gap:22px}.side-card{border:1px solid var(--hairline);border-radius:3px;background:var(--paper-page);padding:18px 18px 16px}.side-card .h{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:12px}.side-card .p{font-family:var(--serif);font-size:14px;line-height:1.5;color:var(--ink);margin:0 0 12px}.side-suggest{display:grid;grid-template-columns:1fr 1fr;gap:6px}.side-caption{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;font-family:var(--serif);font-style:italic;font-size:15px;line-height:1.5;color:var(--ink);resize:none;padding:0 0 10px;outline:none;border-bottom:1px dashed var(--hairline)}.side-caption:focus{border-color:var(--ink)}.side-meta{margin-top:10px;font-family:var(--mono);font-size:10.5px;color:var(--ink-muted);letter-spacing:.04em}.strip{display:flex;gap:6px;overflow-x:auto;max-width:100%;min-width:0;margin-top:22px;padding-bottom:6px;scrollbar-width:thin}.strip-item{flex:0 0 auto;width:96px;aspect-ratio:4 / 3;background:#fff;border:1px solid var(--hairline);border-radius:1px;cursor:pointer;display:grid;position:relative;overflow:hidden;transition:border-color .12s ease}.strip-item[data-on="1"]{border-color:var(--ink);box-shadow:0 0 0 2px var(--paper),0 0 0 3px var(--ink)}.strip-item .si-num{position:absolute;bottom:2px;right:4px;font-family:var(--mono);font-size:9px;color:var(--ink-quiet)}.book-stage{margin-top:16px;background:linear-gradient(180deg,#e5dccb,#d5c9b3);border-radius:6px;padding:60px 24px 80px;display:flex;flex-direction:column;align-items:center;perspective:2200px}.book{position:relative;width:min(92vw,880px);aspect-ratio:4 / 3;transform-style:preserve-3d}.book-shadow{position:absolute;inset:auto 4% -22px;height:30px;background:radial-gradient(ellipse at center,#0006,#0000 70%);filter:blur(8px)}.book .page{position:absolute;top:0;width:50%;height:100%;background:#fff;transform-style:preserve-3d}.book .page.left{left:0;transform-origin:right center;box-shadow:inset -10px 0 24px -10px #0000001f}.book .page.right{right:0;transform-origin:left center;box-shadow:inset 10px 0 24px -10px #0000001f}.book .page.flipping{transition:transform .85s cubic-bezier(.4,.1,.25,1);z-index:10}.book .page.flipped{transform:rotateY(-180deg)}.book .page-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;background:#fff}.book .page-face.back{transform:rotateY(180deg)}.book .cover{background:#2a2520;color:#f4efe6}.book .cover .cover-inner{position:absolute;top:0;right:0;bottom:0;left:0;padding:8% 9%;display:flex;flex-direction:column;justify-content:space-between}.book-controls{display:flex;align-items:center;gap:18px;margin-top:36px;font-family:var(--mono);font-size:11px;color:var(--ink-muted);letter-spacing:.06em}.kbd{font-family:var(--mono);font-size:10px;letter-spacing:.04em;padding:2px 5px;border:1px solid var(--hairline);border-radius:3px;color:var(--ink-muted);background:var(--paper)}.divider{height:1px;background:var(--hairline);margin:18px 0}.muted{color:var(--ink-muted)}.mono{font-family:var(--mono)}.serif{font-family:var(--serif)}.tight{letter-spacing:-.01em}.books-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:40px}@media(max-width:1100px){.books-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:820px){.books-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.books-grid{grid-template-columns:1fr}}.book-card{position:relative;background:var(--paper-page);border:1px solid var(--hairline);border-radius:4px;overflow:hidden;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.book-card:hover{border-color:var(--ink);transform:translateY(-2px);box-shadow:0 12px 32px -16px #1a181533}.book-card-link{display:block;text-decoration:none;color:inherit}.book-card-cover{position:relative;aspect-ratio:4 / 3;background:var(--paper);overflow:hidden}.book-card-cover img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.book-card-body{padding:16px 18px 18px}.book-card-title{font-family:var(--serif);font-size:17px;font-weight:400;letter-spacing:-.005em;line-height:1.25;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.book-card-meta{margin-top:8px;font-family:var(--mono);font-size:10.5px;letter-spacing:.02em;color:var(--ink-muted);line-height:1.55}.book-card-vis{text-transform:uppercase;letter-spacing:.08em}.book-card-vis[data-vis=public]{color:#b95b3d}.book-card-vis[data-vis=unlisted]{color:#008b91;color:oklch(58% .13 200)}.book-card-vis[data-vis=private]{color:var(--ink-quiet)}.book-card-x{position:absolute;top:8px;right:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:#1a18158c;color:#f4efe6d9;width:24px;height:24px;border-radius:999px;cursor:pointer;font-size:11px;line-height:1;opacity:0;transition:opacity .15s ease,background .15s ease;z-index:2}.book-card:hover .book-card-x{opacity:1}.book-card-x:hover{background:var(--ink);color:var(--paper)}.share-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a18158c;z-index:2147483645;display:grid;place-items:center;padding:24px;animation:share-overlay-in .22s ease}.share-panel{position:relative;background:var(--paper);color:var(--ink);border-radius:6px;padding:44px 40px 32px;max-width:540px;width:100%;box-shadow:0 32px 80px -16px #0006;animation:share-panel-in .32s cubic-bezier(.2,.7,.3,1)}.share-x{position:absolute;top:14px;right:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;font-size:13px;color:var(--ink-quiet);cursor:pointer;padding:6px 10px;border-radius:999px;line-height:1}.share-x:hover{background:var(--hairline-soft);color:var(--ink)}.share-eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted)}.share-title{font-family:var(--serif);font-weight:300;font-size:clamp(28px,3.4vw,34px);letter-spacing:-.02em;line-height:1.05;margin:12px 0 0;text-wrap:balance}.share-title em{font-style:italic;font-weight:400}.share-sub{font-family:var(--serif);font-size:15px;line-height:1.5;color:var(--ink-muted);margin:16px 0 24px;max-width:44ch}.share-field-label{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:8px}.share-link-row{display:flex;align-items:stretch;gap:8px;padding:6px 6px 6px 12px;background:var(--paper-page);border:1px solid var(--hairline);border-radius:999px}.share-link-row code{flex:1;font-family:var(--mono);font-size:12px;color:var(--ink);align-self:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:4px}.share-actions{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.share-embed{margin-top:24px;border-top:1px solid var(--hairline);padding-top:18px}.share-embed summary{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:6px}.share-embed summary::-webkit-details-marker{display:none}.share-embed summary:after{content:"›";transition:transform .15s ease;font-size:14px;line-height:1}.share-embed[open] summary:after{transform:rotate(90deg)}.share-embed-code{display:block;margin-top:12px;padding:12px 14px;font-family:var(--mono);font-size:11px;line-height:1.55;background:var(--paper-page);border:1px solid var(--hairline);border-radius:3px;color:var(--ink-muted);word-break:break-all;white-space:pre-wrap}.share-embed-copy{margin-top:10px}.settings-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:10px 12px;border:1px solid var(--hairline);border-radius:4px;background:var(--paper-page);font:400 14px/1.4 var(--serif);color:var(--ink);margin-top:6px;transition:border-color .12s ease,background .12s ease}.settings-input:focus{outline:none;border-color:var(--ink);background:var(--paper)}.settings-input::placeholder{color:var(--ink-quiet);font-style:italic}.settings-vis{display:flex;gap:6px;padding:4px;background:var(--paper-page);border:1px solid var(--hairline);border-radius:4px;margin-top:6px}.settings-vis button{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;padding:8px 10px;border:0;background:transparent;font:500 11.5px/1 var(--sans);letter-spacing:.02em;color:var(--ink-muted);border-radius:3px;cursor:pointer;transition:background .12s ease,color .12s ease}.settings-vis button[data-on="1"]{background:var(--ink);color:var(--paper)}.settings-vis button:not([data-on="1"]):hover{background:var(--hairline-soft);color:var(--ink)}.settings-vis-desc{margin-top:10px;font-family:var(--serif);font-size:13px;line-height:1.45;font-style:italic;color:var(--ink-muted);min-height:1.45em}.settings-error{margin-top:14px;padding:10px 12px;background:#ffe3df;background:oklch(94% .04 25);color:#972527;border:1px solid oklch(80% .08 25);border-radius:4px;font-family:var(--serif);font-size:13px}.swap-panel{max-width:720px}.swap-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-top:8px;max-height:60vh;overflow-y:auto}.swap-cell{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background:transparent;cursor:pointer;aspect-ratio:1;border-radius:3px;overflow:hidden;transition:transform .12s ease,box-shadow .12s ease}.swap-cell:hover{transform:scale(1.02)}.swap-cell[data-on="0"]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#f4efe68c;pointer-events:none}.swap-cell[data-on="1"]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid var(--accent);border-radius:3px;pointer-events:none}.swap-cell-badge{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:999px;background:var(--accent);color:var(--paper);font-family:var(--mono);font-size:11px;display:inline-flex;align-items:center;justify-content:center;z-index:3}.layout-panel{max-width:720px}.layout-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:6px}@media(max-width:600px){.layout-grid{grid-template-columns:1fr}}.layout-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:grid;grid-template-columns:130px 1fr;gap:14px;align-items:center;text-align:left;padding:12px;background:var(--paper-page);border:1px solid var(--hairline);border-radius:4px;cursor:pointer;font:inherit;color:inherit;transition:border-color .12s ease,transform .12s ease}.layout-card:hover{border-color:var(--ink);transform:translateY(-1px)}.layout-card:disabled{cursor:default}.layout-card[data-on="1"]{border-color:var(--ink);background:var(--paper)}.layout-card-name{font-family:var(--serif);font-size:16px;font-weight:400;letter-spacing:-.005em;color:var(--ink)}.layout-card-blurb{font-family:var(--serif);font-size:13px;font-style:italic;color:var(--ink-muted);margin-top:4px;line-height:1.4}.print-view{max-width:1100px;margin:0 auto;padding:40px 24px 80px;background:var(--paper);color:var(--ink);font-family:var(--sans)}.print-cover{text-align:center;margin-bottom:60px;padding-bottom:40px;border-bottom:1px solid var(--hairline)}.print-eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted)}.print-title{font-family:var(--serif);font-weight:300;font-size:clamp(36px,5vw,64px);letter-spacing:-.025em;line-height:1.05;margin:12px 0 8px}.print-author{font-family:var(--serif);font-style:italic;font-size:18px;color:var(--ink-muted)}.print-help{font-family:var(--serif);font-size:14px;line-height:1.6;color:var(--ink-muted);margin:28px auto 24px;max-width:52ch}.print-spread-page{margin-bottom:24px;display:flex;justify-content:center}.print-spread-inner{width:100%;aspect-ratio:4 / 3;background:#fff;border:1px solid var(--hairline);box-shadow:0 12px 32px -16px #1a18152e;overflow:hidden}.print-footer{margin-top:60px;padding-top:24px;border-top:1px solid var(--hairline);font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--ink-muted);text-align:center}.print-footer a{color:inherit}.print-view-loading,.print-view-error{max-width:56ch;margin:80px auto;padding:0 24px;text-align:center;font-family:var(--serif);color:var(--ink)}.print-view-error h1{font-family:var(--serif);font-weight:300;font-size:32px;margin-bottom:12px}.print-view-error a{display:inline-block;margin-top:24px;color:var(--ink)}@media print{body{background:#fff}.print-view{max-width:none;padding:0}.print-cover{page-break-after:always;padding:80px 60px;margin:0;border:0}.print-help,.print-cover .btn{display:none}.print-spread-page{margin:0;width:100%;height:100vh;page-break-after:always}.print-spread-inner{width:100%;height:100%;border:0;box-shadow:none;aspect-ratio:auto}.print-footer{display:none}}@page{size:landscape;margin:0}@keyframes share-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes share-panel-in{0%{opacity:0;transform:translateY(16px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}