@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color-scheme:light;--bg-top: oklch(97% .02 84);--bg-bottom: oklch(93% .025 72);--paper: oklch(98% .008 82 / .94);--paper-soft: oklch(95% .015 72 / .96);--paper-strong: oklch(92% .02 66);--ink: oklch(24% .03 34);--ink-soft: oklch(38% .03 40);--accent: oklch(55% .12 52);--accent-deep: oklch(43% .1 34);--accent-soft: oklch(89% .05 72);--wood: oklch(69% .05 68);--wood-deep: oklch(50% .06 48);--line: oklch(77% .03 58 / .78);--shadow-soft: 0 28px 56px oklch(32% .04 30 / .1);--shadow-card: 0 18px 34px oklch(30% .04 28 / .08);--ease-out: cubic-bezier(.22, 1, .36, 1);font-family:Manrope,Avenir Next,PingFang SC,Hiragino Sans GB,sans-serif;line-height:1.5;font-weight:400;color:var(--ink);background:radial-gradient(circle at top left,oklch(94% .055 82) 0%,transparent 28%),radial-gradient(circle at 88% 12%,oklch(90% .07 38 / .55) 0%,transparent 24%),linear-gradient(180deg,var(--bg-top) 0%,var(--bg-bottom) 100%);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh}button,input{font:inherit}button{border:0;cursor:pointer}a{color:inherit}.app-shell{position:relative;min-height:100vh;overflow:hidden}.background-wash{position:absolute;border-radius:999px;filter:blur(12px);opacity:.7;pointer-events:none}.background-wash-left{inset:6rem auto auto -9rem;width:24rem;height:24rem;background:radial-gradient(circle,oklch(81% .11 82 / .6) 0%,transparent 72%)}.background-wash-right{inset:auto -9rem 14rem auto;width:26rem;height:26rem;background:radial-gradient(circle,oklch(77% .09 34 / .42) 0%,transparent 70%)}.drag-curtain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:1.2rem;background:radial-gradient(circle at 50% 62%,oklch(84% .05 76 / .22) 0%,transparent 16%),linear-gradient(180deg,#36232014,#3623202e);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);opacity:0;pointer-events:none;transition:opacity .2s var(--ease-out)}.drag-curtain.is-visible{opacity:1}.drag-stage{position:relative;display:grid;place-items:center;width:min(58rem,calc(100vw - 2rem));min-height:min(35rem,64vh)}.drag-stage:before{content:"";position:absolute;inset:auto 7% 6% 7%;height:60%;border-radius:2.4rem;background:linear-gradient(135deg,#c0ae9570,#88655847),repeating-linear-gradient(115deg,transparent 0 14px,oklch(52% .05 46 / .1) 14px 18px);box-shadow:inset 0 1px #fffcf42e,0 38px 70px #3d23202e}.drag-desk{position:absolute;inset:auto auto 18% 50%;width:min(26rem,58vw);height:min(18rem,34vh);transform:translate(-50%)}.drag-desk-shadow,.drag-book-base,.drag-page{position:absolute;display:block}.drag-desk-shadow{inset:auto 10% 2% 14%;height:28%;border-radius:999px;background:radial-gradient(circle,oklch(34% .04 30 / .22) 0%,transparent 72%);filter:blur(16px)}.drag-book-base{top:26%;right:14%;bottom:8%;left:10%;border-radius:1.8rem 1.4rem 1.2rem 1.6rem;background:linear-gradient(180deg,#f5f1e9,#ede3d6),linear-gradient(90deg,oklch(82% .03 66),transparent 18%);box-shadow:inset 0 1px #fffc,0 18px 34px #40262224}.drag-page{top:0;right:12%;bottom:12%;left:12%;border:1px solid oklch(83% .03 66 / .92);border-radius:1.3rem;background:linear-gradient(180deg,#fefcf7fa,#f3ede6fa);box-shadow:0 18px 30px #42292424,inset 0 1px #ffffffc7;transform-origin:left center}.drag-page-back{transform:perspective(1200px) rotateX(54deg) rotate(-7deg) translate(-1.4rem,1rem);opacity:.72}.drag-page-mid{transform:perspective(1200px) rotateX(58deg) rotate(3deg) translate(1rem,.55rem);opacity:.84}.drag-page-front{animation:drag-page-turn 2.2s var(--ease-out) infinite}@keyframes drag-page-turn{0%,to{transform:perspective(1200px) rotateX(60deg) rotateY(0) rotate(-2deg)}50%{transform:perspective(1200px) rotateX(60deg) rotateY(-30deg) rotate(2deg) translateY(-.3rem)}}.drag-card{position:relative;z-index:1;display:grid;gap:.45rem;width:min(33rem,calc(100vw - 3rem));margin-top:-8rem;padding:1.35rem 1.5rem;border:1px solid oklch(82% .04 60 / .86);border-radius:1.6rem;background:linear-gradient(180deg,#fbf8f2e6,#f6ede2eb);box-shadow:0 28px 48px #42292426,inset 0 1px #ffffffc7;text-align:center}.drag-card strong{font-family:Fraunces,Iowan Old Style,Baskerville,STSong,serif;font-size:clamp(1.55rem,3vw,2.3rem);letter-spacing:-.03em;color:var(--ink)}.drag-card span{color:var(--ink-soft);line-height:1.72}.studio{position:relative;z-index:1;width:min(1440px,calc(100vw - 2rem));margin:0 auto;padding:clamp(1.5rem,2vw,2.1rem) 0 clamp(2rem,3vw,3rem)}.hero{padding:clamp(.8rem,2vw,1.5rem) 0 clamp(1.8rem,4vw,3rem)}.eyebrow,.panel-kicker,.reader-label,.desk-caption{margin:0 0 .45rem;font-size:.74rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#804b34}.hero-copy{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.92fr);gap:clamp(1.4rem,3vw,2rem);align-items:stretch}.hero-main{position:relative;padding:clamp(1.1rem,2vw,1.6rem) 0}.hero-main:before{content:"";position:absolute;inset:0 auto 0 0;width:min(10rem,22vw);background:linear-gradient(90deg,oklch(90% .035 78 / .28),transparent);pointer-events:none}.hero h1{position:relative;margin:0;max-width:11.5ch;font-family:Fraunces,Iowan Old Style,Baskerville,STSong,serif;font-size:clamp(2.7rem,5.2vw,5rem);line-height:.96;letter-spacing:-.045em;color:var(--ink)}.hero-text{max-width:56rem;margin:1.15rem 0 0;font-size:clamp(1rem,1.2vw,1.12rem);line-height:1.78;color:var(--ink-soft)}.hero-strip{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.5rem}.hero-strip span,.dropzone-notes span{display:inline-flex;align-items:center;min-height:2.35rem;padding:.55rem .9rem;border:1px solid oklch(81% .03 64 / .82);border-radius:999px;background:#fbf8f3b8;color:#49352f;box-shadow:inset 0 1px #ffffffb8}.hero-ledger,.dropzone,.queue-panel,.preview-stage{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:2rem;background:linear-gradient(180deg,var(--paper) 0%,var(--paper-soft) 100%);box-shadow:var(--shadow-soft),inset 0 1px #ffffffc2}.hero-ledger:before,.dropzone:before,.queue-panel:before,.preview-stage:before{content:"";position:absolute;inset:0 auto 0 0;width:12px;background:linear-gradient(180deg,#dea052,#c6725f)}.hero-ledger{padding:1.35rem 1.3rem 1.25rem 1.8rem}.hero-ledger-head,.panel-head,.stage-head,.dropzone-head{display:flex;align-items:end;justify-content:space-between;gap:1rem}.hero-ledger-head h2,.dropzone-head h2,.panel-head h2,.stage-head h2{margin:0;font-family:Fraunces,Iowan Old Style,Baskerville,STSong,serif;font-size:clamp(1.45rem,2vw,2.1rem);letter-spacing:-.03em;color:var(--ink)}.hero-ledger-note,.panel-meta,.job-time,.stage-meta,.toc-placeholder{color:#6d5850}.hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:1.15rem}.hero-metrics div{display:grid;gap:.24rem;padding:1rem .95rem;border-radius:1.25rem;background:linear-gradient(180deg,#fefbf6,#f9f0e6);box-shadow:var(--shadow-card)}.metric-value{font-family:Fraunces,Iowan Old Style,Baskerville,serif;font-size:clamp(2rem,3vw,3rem);line-height:1;color:var(--accent-deep)}.metric-label{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:#67534b}.hero-flow{display:grid;gap:.75rem;margin-top:1rem}.flow-step{display:grid;grid-template-columns:2.4rem 1fr;gap:.8rem;align-items:center;padding:.88rem 0;border-top:1px dashed oklch(76% .03 58 / .9)}.flow-step:first-child{border-top:0}.flow-step span{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:999px;background:var(--accent-soft);color:var(--accent-deep);font-weight:800}.flow-step strong{color:var(--ink)}.workspace{display:grid;grid-template-columns:minmax(340px,430px) minmax(0,1fr);gap:clamp(1rem,2vw,1.5rem);align-items:start}.control-rail{display:grid;gap:1rem}.dropzone{padding:1.35rem 1.3rem 1.35rem 1.85rem}.app-shell.is-dragging .hero-ledger,.app-shell.is-dragging .dropzone,.app-shell.is-dragging .queue-panel,.app-shell.is-dragging .preview-stage{filter:saturate(.92) blur(1.6px)}.desk-stage{position:relative;min-height:22rem;margin-top:1rem;padding:1.1rem;border-radius:1.7rem;background:linear-gradient(135deg,#baa88f80,#93695957),repeating-linear-gradient(110deg,transparent 0 15px,oklch(52% .05 46 / .1) 15px 18px);box-shadow:inset 0 1px #fffcf447,0 22px 34px #452b271f}.desk-illustration{position:relative;height:13.6rem}.desk-shadow,.desk-book-bottom,.desk-page,.desk-pencil,.desk-ruler{position:absolute;display:block}.desk-shadow{inset:auto 10% 2% 8%;height:28%;border-radius:999px;background:radial-gradient(circle,oklch(33% .04 30 / .28) 0%,transparent 72%);filter:blur(18px)}.desk-book-bottom{top:16%;right:12%;bottom:10%;left:8%;border-radius:1.9rem 1.6rem 1.4rem 2rem;background:linear-gradient(180deg,#faf8f4,#f2eae0),linear-gradient(90deg,oklch(84% .03 68),transparent 18%);box-shadow:inset 0 1px #ffffffd1,0 18px 30px #452b272e}.desk-page{top:4%;right:16%;bottom:13%;left:12%;border:1px solid oklch(85% .03 68 / .92);border-radius:1.25rem;background:linear-gradient(180deg,#fefcf7fa,#f7f1e9fa);box-shadow:0 16px 28px #452b2724,inset 0 1px #ffffffbd;transform-origin:left center}.desk-page:before{content:"";position:absolute;inset:1rem 1rem auto;height:3px;border-radius:999px;background:#e5d8ce;box-shadow:0 1.1rem #e9dfd7,0 2.2rem #e9dfd7,0 3.3rem #e9dfd7}.desk-page-left{transform:perspective(1400px) rotateX(53deg) rotate(-7deg) translate(-1.1rem,.8rem);opacity:.78}.desk-page-center{transform:perspective(1400px) rotateX(56deg) rotate(3deg) translate(.6rem,.45rem);opacity:.88}.desk-page-right{animation:desk-page-turn 2.5s var(--ease-out) infinite}@keyframes desk-page-turn{0%,to{transform:perspective(1400px) rotateX(58deg) rotateY(0) rotate(-1deg)}42%{transform:perspective(1400px) rotateX(58deg) rotateY(-18deg) rotate(2deg) translateY(-.22rem)}68%{transform:perspective(1400px) rotateX(58deg) rotateY(-32deg) rotate(5deg) translateY(-.38rem)}}.desk-pencil{inset:10% 4% auto auto;width:9rem;height:.9rem;border-radius:999px;background:linear-gradient(90deg,#dfc29c,#cd995c 72%,#524441 72%,#524441 86%,#ab8b75 86%);transform:rotate(-14deg);box-shadow:0 12px 20px #40262224}.desk-ruler{inset:auto 8% 8% auto;width:7.6rem;height:1.2rem;border-radius:.5rem;background:repeating-linear-gradient(90deg,#f1e6d6,#f1e6d6 10px,#b8a08c 10px,#b8a08c 12px);transform:rotate(-9deg);box-shadow:0 12px 18px #4026221f}.desk-copy{position:absolute;inset:auto 1rem 1rem 1rem;display:grid;gap:.3rem;padding:1rem 1rem .95rem;border:1px solid oklch(81% .03 60 / .85);border-radius:1.35rem;background:linear-gradient(180deg,#fbf8f2f0,#f5ede3f0);box-shadow:0 14px 24px #452b2724,inset 0 1px #ffffffb8}.desk-copy strong{font-family:Fraunces,Iowan Old Style,Baskerville,STSong,serif;font-size:clamp(1.4rem,2.2vw,1.8rem);line-height:1.05;letter-spacing:-.03em;color:var(--ink)}.desk-copy span,.empty-panel span,.reader-empty span,.preview-error{margin:0;color:var(--ink-soft);line-height:1.72}.dropzone-actions{display:grid;gap:.9rem;margin-top:1rem}.pick-button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:13rem;min-height:3.25rem;padding:.92rem 1.3rem;border-radius:999px;background:linear-gradient(135deg,var(--accent-deep),var(--accent));color:#fbf8f1;box-shadow:0 18px 30px #632e223d;transition:transform .18s var(--ease-out),box-shadow .18s var(--ease-out),opacity .18s var(--ease-out)}.pick-button:hover{transform:translateY(-2px);box-shadow:0 24px 36px #632e2247}.pick-button.is-busy{opacity:.74}.pick-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.dropzone-notes{display:flex;flex-wrap:wrap;gap:.7rem}.queue-panel{padding:1.3rem 1.1rem 1.1rem 1.8rem}.job-list{display:grid;gap:.8rem;margin-top:1rem}.job-card{display:grid;gap:.75rem;padding:1rem 1rem .95rem;border-radius:1.3rem;border:1px solid oklch(80% .03 58 / .72);background:linear-gradient(180deg,#fefbf6,#f9f0e7);text-align:left;box-shadow:var(--shadow-card);transition:transform .18s var(--ease-out),border-color .18s var(--ease-out),background .18s var(--ease-out)}.job-card:hover,.job-card.is-selected{transform:translateY(-2px);border-color:#af684eb3;background:linear-gradient(180deg,#fefbf6,#f8e8d9)}.job-card-top,.job-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.job-card h3{margin:0;font-size:1.02rem;line-height:1.42;color:var(--ink)}.status-pill{display:inline-flex;align-items:center;min-height:1.85rem;padding:.28rem .6rem;border-radius:999px;font-size:.73rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.status-queued{background:#f0dbb9;color:#65470f}.status-processing{background:#ffd4b8;background:oklch(90% .07 55);color:#7a3c14}.status-completed{background:#c6e9c6;color:#1e4e22}.status-failed{background:#ffd1cd;background:oklch(90% .07 25);color:#823330}.progress-line{position:relative;height:.48rem;overflow:hidden;border-radius:999px;background:#e1d5ca}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-deep),var(--accent))}.job-card-bottom{font-size:.84rem;color:#5f4a44}.empty-panel,.reader-empty{display:grid;place-items:center;min-height:14rem;padding:1.2rem;text-align:center}.empty-panel p,.reader-empty p{margin:0 0 .45rem;font-family:Fraunces,Iowan Old Style,Baskerville,STSong,serif;font-size:1.4rem;color:var(--ink)}.preview-stage{padding:1.45rem 1.4rem 1.3rem 2rem}.stage-meta{display:flex;flex-wrap:wrap;gap:.9rem 1.4rem;margin-top:.8rem;font-size:.82rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.preview-summary{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;gap:.85rem;margin-top:1rem}.preview-summary-card,.preview-summary-actions{display:grid;gap:.45rem;padding:1rem 1.05rem;border-radius:1.25rem;border:1px solid oklch(80% .03 58 / .72);background:linear-gradient(180deg,#fefbf6,#f9f0e7);box-shadow:var(--shadow-card)}.preview-summary-card strong{color:var(--ink);font-size:1rem;line-height:1.35}.preview-summary-card>span:last-child{color:#624d46}.preview-summary-stats{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center}.preview-summary-stats div{display:grid;gap:.18rem}.preview-summary-stats span,.preview-summary-actions{color:#645049;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.preview-summary-stats strong{font-size:1.06rem}.preview-summary-actions{grid-auto-rows:min-content;align-content:start;min-width:10.5rem}.secondary-link,.download-link,.reader-actions button,.toc-chip{display:inline-flex;align-items:center;justify-content:center;min-height:2.8rem;padding:.72rem .98rem;border-radius:999px;background:var(--accent-soft);color:var(--accent-deep);text-decoration:none;transition:transform .18s var(--ease-out),background .18s var(--ease-out)}.secondary-link:hover,.download-link:hover,.reader-actions button:hover,.toc-chip:hover{transform:translateY(-1px);background:#eeceaa}.reader-shell{display:grid;gap:1rem;margin-top:1.25rem;min-width:0;width:100%}.reader-toolbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;align-items:center}.reader-toolbar strong{display:block;color:var(--ink)}.reader-actions{display:flex;justify-content:flex-end;gap:.6rem}.reader-frame{position:relative;width:100%;max-width:100%;min-height:clamp(36rem,72vh,56rem);min-width:0;padding:clamp(1rem,2vw,1.4rem);border-radius:2rem;background:linear-gradient(180deg,oklch(84% .04 72 / .5),transparent 22%),linear-gradient(135deg,#bfaa9329,#997b7238),#cdbeac;box-shadow:inset 0 1px #ffffff70,0 28px 48px #5b40391f}.viewer-mount{width:100%;max-width:100%;min-width:0;height:100%;overflow:hidden;border-radius:1.35rem;background:linear-gradient(90deg,#f1eee7,#ebe3d9 49.2%,#cec2b7,#ebe3d9 50.8%,#f1eee7);box-shadow:inset 0 1px #ffffffa6,0 12px 18px #4e3a361f;opacity:0;transform:translateY(8px);transition:opacity .32s var(--ease-out),transform .32s var(--ease-out)}.viewer-mount.is-ready{opacity:1;transform:translateY(0)}.viewer-mount iframe{width:100%;max-width:100%;min-width:0;border-radius:1.35rem}.reader-edge{position:absolute;top:1rem;bottom:1rem;width:clamp(2rem,4vw,3.2rem);background:transparent}.reader-edge-left{left:0}.reader-edge-right{right:0}.toc-strip{display:flex;flex-wrap:wrap;gap:.6rem}.preview-error{padding-left:.25rem;color:#822b2a}.reader-processing,.reader-error{min-height:clamp(36rem,72vh,56rem);border-radius:1.6rem;background:linear-gradient(180deg,#f5f1ea,#eee2d7)}.reader-error{background:linear-gradient(180deg,#fbefea,#f8ded9)}@media (max-width: 1180px){.hero-copy,.workspace,.reader-toolbar,.preview-summary{grid-template-columns:1fr}.preview-summary-actions{min-width:0}.reader-actions{justify-content:flex-start}}@media (max-width: 720px){.studio{width:min(100vw - 1rem,100%)}.hero h1{max-width:none;font-size:clamp(2.35rem,10vw,3.4rem)}.hero-ledger,.dropzone,.queue-panel,.preview-stage{padding-left:1.35rem;padding-right:1rem;border-radius:1.6rem}.hero-metrics{grid-template-columns:1fr}.desk-stage{min-height:20rem;padding:.85rem}.desk-illustration{height:11.4rem}.desk-copy{position:relative;inset:auto;margin-top:.8rem}.drag-card{width:min(28rem,calc(100vw - 2rem));margin-top:-4.8rem;padding:1.15rem 1rem}.drag-stage{min-height:24rem}.drag-desk{width:min(18rem,66vw);height:11rem}.reader-frame,.reader-processing,.reader-error{min-height:28rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}