:root{--bg:#f3f0e8;--paper:#faf7ed;--ink:#334b3d;--muted:#8a8b80;--line:#deddd2;--accent:#b17a5e;--green:#40584c;font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Noto Sans SC',sans-serif;color:var(--ink);font-size:14px;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer;min-height:44px;padding:10px 16px;color:inherit;border:1px solid transparent;border-radius:8px;background:transparent;transition:background .16s,transform .16s}button:hover{background:#40584c0b}button:active{transform:translateY(1px)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #a87856;outline-offset:3px}button:disabled{opacity:.35;cursor:default}button.primary{background:var(--green);color:#fffdf6;padding-inline:22px}button.secondary{background:#fffdf6;border-color:var(--line)}button.danger{color:#a04b3d}button.icon{font-size:20px;padding:8px 12px}button.active{background:#e1e7dd;color:#304f3b}h1,h2,h3,p{margin-top:0}h1,h2,.serif{font-family:'Songti SC','Noto Serif CJK SC',Georgia,serif;font-weight:400}small,.muted{color:var(--muted)}.topbar{height:82px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:12px;background:#f8f6efcc}.brand{display:flex;align-items:center;gap:12px;font-size:23px;letter-spacing:5px;font-family:'Songti SC',serif}.brand-mark{font-size:28px;color:var(--green);border:1px solid #768777;border-radius:5px;width:36px;height:40px;text-align:center;line-height:35px;letter-spacing:0}.brand small{font-size:10px;letter-spacing:2px;font-family:system-ui;display:block;margin-top:3px}.top-actions{display:flex;align-items:center;gap:7px}.save-state{font-size:12px;color:#76846f;display:flex;gap:6px;align-items:center}.dot{width:6px;height:6px;background:#839674;border-radius:50%;display:inline-block}.library{max-width:1260px;margin:0 auto;padding:56px 6vw 32px}.eyebrow{font-size:10px;letter-spacing:3px;color:#a18567;text-transform:uppercase;margin-bottom:18px}.welcome{display:flex;justify-content:space-between;align-items:end;margin-bottom:48px;gap:20px}.welcome h1{font-size:42px;letter-spacing:3px;margin:0 0 13px;line-height:1.3}.welcome p{color:#858779;font-size:13px;letter-spacing:1px;line-height:1.9;margin:0}.section-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:14px;font-size:12px;letter-spacing:2px}.shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:46px;padding-top:36px}.book-card{min-width:0}.cover-button{width:100%;padding:0;min-height:0;border-radius:3px;display:block;text-align:left}.cover-button:hover{background:transparent;transform:translateY(-6px)}.cover{position:relative;aspect-ratio:3/4;max-height:350px;margin:auto;color:#ece5cf;padding:36px 30px 28px 40px;border-radius:3px 9px 9px 3px;box-shadow:5px 7px 0 -2px #e2dfd3,9px 10px 0 -3px #c9c4b6,12px 18px 25px -15px #2b382a69;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.cover:before{content:'';position:absolute;left:12px;top:0;bottom:0;border-left:1px solid #0003;border-right:1px solid #fff1;width:4px}.cover:after{content:'';position:absolute;right:18px;top:0;bottom:0;width:8px;background:#1e2a224d;box-shadow:1px 0 2px #0002}.cover.linen{background-image:repeating-linear-gradient(0deg,#ffffff05 0px,#ffffff05 1px,transparent 1px,transparent 3px),repeating-linear-gradient(90deg,#00000008 0px,#00000008 1px,transparent 1px,transparent 3px)}.cover.stripe{background-image:repeating-linear-gradient(90deg,transparent 0,transparent 20px,#ffffff0b 20px,#ffffff0b 21px)}.cover.minimal .cover-title{border:1px solid #ffffff5c;padding:16px 10px}.cover-title{font-family:'Songti SC',serif;font-size:29px;letter-spacing:5px;line-height:1.6;overflow-wrap:anywhere}.cover-kicker{font-size:8px;letter-spacing:3px}.cover-footer{font-size:10px;letter-spacing:2px;opacity:.7}.cover-emblem{font-family:Georgia,serif;font-size:62px;font-style:italic;opacity:.6;line-height:1;margin-top:15px}.book-meta{display:flex;align-items:center;justify-content:space-between;margin-top:24px;gap:10px}.book-meta h3{font-weight:500;font-size:14px;margin:0 0 5px}.book-meta small{font-size:11px}.new-book{border:1px dashed #c7ccbd;border-radius:4px;aspect-ratio:3/4;max-height:350px;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:#8b9584;background:#eaece21f}.new-book .plus{font:40px Georgia,serif;font-weight:200}.new-book small{font-size:11px}.library-foot{margin-top:65px;border-top:1px solid var(--line);padding:20px 0;display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#8e9385;line-height:1.8}.editor-header{height:68px;padding:0 24px}.editor-name{min-width:0;display:flex;align-items:center;gap:8px}.editor-name h1{font-family:inherit;font-weight:500;font-size:15px;margin:0;max-width:200px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.editor-name small{font-size:10px}.workspace{display:grid;grid-template-columns:170px 1fr;height:calc(100dvh - 68px)}.pages-panel{border-right:1px solid var(--line);padding:20px 14px;overflow:auto;background:#f6f3eb}.pages-panel h3{font-size:10px;color:#8a9382;letter-spacing:2px;font-weight:500;display:flex;justify-content:space-between;align-items:center;margin:0 0 12px}.thumb{width:100%;margin-bottom:15px;padding:8px;border:1px solid transparent;position:relative}.thumb.active{border-color:#88967f;background:#e8ebdf}.thumb-paper{height:94px;width:70px;margin:auto;border:1px solid #dcd8c9;box-shadow:1px 3px 7px #0001;display:grid;place-items:center;font-family:'Songti SC',serif;color:#a6a38e;font-size:20px}.thumb small{display:block;margin-top:8px;font-size:10px}.studio{display:flex;flex-direction:column;min-width:0;position:relative;background:radial-gradient(ellipse at 50% 40%,#efede5,#e5e5dc)}.studio-bar{height:60px;display:flex;align-items:center;justify-content:space-between;padding:8px 24px;gap:12px;flex-shrink:0}.segmented{background:#f7f5ed;border:1px solid #dcded2;display:flex;padding:3px;border-radius:9px}.segmented button{min-height:34px;padding:6px 16px;font-size:12px}.segmented .active{background:var(--green);color:white}.canvas-viewport{flex:1;overflow:auto;min-height:0;display:flex;padding:24px 36px 40px;align-items:flex-start;justify-content:flex-start;overscroll-behavior:contain}.paper-wrap{position:relative;flex-shrink:0;margin:auto;perspective:1600px}.paper{position:absolute;left:0;top:0;transform-origin:top left;box-shadow:0 2px 4px #3c46341c,0 20px 50px -15px #424b3340;overflow:hidden;isolation:isolate;touch-action:pan-x pan-y;user-select:none}.paper:after{content:'';position:absolute;left:0;top:0;bottom:0;width:24px;background:linear-gradient(90deg,#73746712,transparent);pointer-events:none;z-index:999}.paper.editing{touch-action:none}.paper.dot{border-radius:0;background-image:radial-gradient(#65725233 1px,transparent 1px);background-size:24px 24px}.paper.grid{background-image:linear-gradient(#65725216 1px,transparent 1px),linear-gradient(90deg,#65725216 1px,transparent 1px);background-size:24px 24px}.paper.ruled{background-image:linear-gradient(#65725222 1px,transparent 1px);background-size:100% 24px}.paper.turn{animation:leaf-turn .32s ease}@keyframes leaf-turn{from{filter:brightness(.92);opacity:.45;transform:scale(var(--scale)) rotateY(-13deg)}to{opacity:1;transform:scale(var(--scale)) rotateY(0)}}.element{position:absolute;transform-origin:center;cursor:move;touch-action:none}.element img{width:100%;height:100%;display:block;pointer-events:none;object-fit:fill}.element.text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.element.selected{outline:1.5px solid #658362;outline-offset:5px}.element svg{overflow:visible;width:100%;height:100%;display:block}.handle{position:absolute;width:24px;height:24px;border:1px solid #7b8d6f;background:#faf9f2;border-radius:50%;right:-17px;bottom:-17px;box-shadow:0 1px 5px #0002;cursor:nwse-resize}.reading .element{pointer-events:none}.empty-page{position:absolute;inset:40%;width:50%;left:25%;text-align:center;font-family:'Songti SC',serif;font-size:22px;color:#b3b4a5;pointer-events:none;line-height:2}.page-footer{height:64px;flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:20px;padding-bottom:8px}.page-footer span{font-size:11px;color:#7c8473;letter-spacing:2px}.tool-dock{display:flex;gap:3px;padding:6px 9px;background:#faf9f2;border:1px solid #e0e1d5;border-radius:14px;box-shadow:0 6px 24px #58604d16;align-self:center;margin:0 15px 16px;max-width:calc(100% - 30px);overflow:auto;flex-shrink:0}.tool-dock button{min-width:64px;padding:5px 12px;display:flex;flex-direction:column;gap:4px;align-items:center;font-size:10px;white-space:nowrap}.tool-dock b{font-size:21px;line-height:24px;font-weight:400}.tool-divider{width:1px;background:var(--line);margin:8px}.zoom-controls{display:flex;align-items:center;font-size:11px;color:#7c8673}.zoom-controls button{padding:8px;min-width:38px}.context-bar{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;align-items:center;max-width:100%;padding:8px 12px;border-top:1px solid #d9ddce;background:#f6f5ed;font-size:11px}.context-bar button{font-size:11px;min-height:36px;padding:7px 12px}.context-bar input[type=range]{width:100px}.context-bar label{display:flex;align-items:center;gap:6px}.hint{text-align:center;font-size:10px;color:#959b8b;margin:0 10px 12px;letter-spacing:.6px}.loading{padding:15vh 10vw;font-family:'Songti SC',serif;font-size:24px}dialog{width:min(560px,calc(100vw - 28px));max-height:90dvh;border:1px solid #dfe0d2;border-radius:17px;padding:28px;background:#faf8f1;color:var(--ink);box-shadow:0 25px 100px #23332744}dialog::backdrop{background:#29362d55;backdrop-filter:blur(5px)}dialog h2{font-size:27px;margin:5px 0 10px;letter-spacing:2px}dialog .desc{font-size:12px;color:#838b78;line-height:1.9;margin-bottom:22px}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:26px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid .full{grid-column:1/-1}label.field{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#74806b}input:not([type=range]):not([type=color]),textarea,select{width:100%;border:1px solid #daddce;background:#fffef8;color:#40543f;border-radius:7px;padding:12px;min-height:44px}input[type=color]{border:0;background:transparent;width:46px;height:36px;padding:2px;cursor:pointer}input[type=range]{accent-color:var(--green)}textarea{resize:vertical;min-height:110px}.swatches{display:flex;gap:10px;flex-wrap:wrap}.swatches button{border-radius:50%;width:36px;height:36px;min-height:36px;padding:0;border:3px solid #faf8f1;box-shadow:0 0 0 1px #d7dccd}.swatches button.active{box-shadow:0 0 0 2px #516c4f}.notice{background:#e9eddf;border:1px solid #dbe2cc;border-radius:8px;padding:14px;font-size:12px;line-height:1.8;margin:14px 0}.notice.warn{background:#f2e8dc;border-color:#e5d1bb}.storage-line{display:flex;justify-content:space-between;gap:20px;font-size:12px;padding:10px 0;border-bottom:1px solid var(--line)}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);background:#324a3dec;color:#faf8ef;border-radius:9px;padding:13px 22px;z-index:10000;opacity:0;pointer-events:none;transition:.2s;font-size:13px;max-width:90vw;line-height:1.6}#toast.show{opacity:1;transform:translate(-50%,0)}.cut-dialog{width:min(1050px,calc(100vw - 24px));padding:20px}.cut-layout{display:grid;grid-template-columns:1fr 225px;gap:20px}.cut-stage{height:min(58vh,580px);overflow:auto;background:repeating-conic-gradient(#e0e3d9 0 25%,#f3f4ef 0 50%) 50%/16px 16px;display:flex;align-items:flex-start;justify-content:flex-start;border:1px solid #d9ddce;border-radius:6px;position:relative}.cut-canvas{max-width:100%;height:auto;touch-action:none;display:block;flex-shrink:0;margin:auto;cursor:crosshair}.cut-tools button{width:100%;text-align:left;display:block;margin:3px 0;font-size:12px;border:1px solid #dfe3d6}.cut-tools label{display:block;margin:14px 0;font-size:11px;color:#7a8670}.cut-tools input{width:100%;margin-top:7px}.cut-tools .desc{margin-top:12px;font-size:10px}.cut-tools hr{border:0;border-top:1px solid var(--line);margin:14px 0}.file-actions{display:flex;gap:8px;flex-wrap:wrap}.file-actions button{flex:1}.status-warning{background:#9b513e;color:white;padding:10px 20px;font-size:12px;position:fixed;top:0;left:0;right:0;z-index:15000;text-align:center}.busy{pointer-events:none;opacity:.65}.small-label{font-size:10px;letter-spacing:2px;color:#9b927b}.read-empty{text-align:center;line-height:1.8}.mobile-pages{display:none}.cover-preview{max-width:160px;margin:15px auto}.cover-preview .cover{font-size:10px;min-height:210px;padding:22px}.cover-preview .cover-title{font-size:20px}.cover-preview .cover-emblem{font-size:30px}a{color:#617753}.check-row{display:flex;gap:12px;align-items:flex-start;line-height:1.8;font-size:12px}button.delete-book{font-size:12px}.keyboard{font-size:10px;color:#929985}.leaf{width:100%;height:auto}.toolbar-label{font-size:11px}
@media(min-width:1300px){.shelf{gap:65px}.library{padding-inline:50px}.cover{max-height:380px}.new-book{max-height:380px}}
@media(max-width:850px){.library{padding:36px 6vw}.welcome h1{font-size:33px}.shelf{gap:25px}.cover{padding:24px 20px 20px 28px}.cover-title{font-size:24px;letter-spacing:3px}.workspace{grid-template-columns:125px 1fr}.pages-panel{padding:14px 8px}.studio-bar{padding:8px 14px}.editor-header{padding:0 14px}.top-actions{gap:1px}.top-actions button{font-size:12px;padding-inline:10px}.canvas-viewport{padding:18px 22px 32px}}
@media(max-width:600px){.topbar{height:66px;padding:0 18px}.brand{font-size:20px}.brand-mark{width:30px;height:34px;font-size:24px;line-height:30px}.brand small{font-size:8px}.topbar .save-state{display:none}.library{padding:32px 22px}.welcome{align-items:start;gap:15px;margin-bottom:30px}.welcome h1{font-size:29px;letter-spacing:1px}.welcome p{font-size:11px;letter-spacing:0}.welcome .primary{padding:10px;font-size:11px;white-space:nowrap;margin-top:29px}.shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 22px;padding-top:25px}.cover{padding:23px 17px 20px 26px}.cover-title{font-size:22px;letter-spacing:2px}.cover-kicker{font-size:6px;letter-spacing:1px}.cover-emblem{font-size:42px}.cover-footer{font-size:7px;letter-spacing:1px}.cover:after{right:10px;width:5px}.cover:before{left:9px;width:3px}.book-meta{margin-top:20px}.book-meta h3{font-size:12px}.book-meta small{font-size:9px}.book-meta button{padding:5px;font-size:11px}.new-book{font-size:12px}.new-book small{font-size:9px}.library-foot{margin-top:40px;flex-direction:column;gap:6px;font-size:10px}.workspace{height:calc(100dvh - 66px);grid-template-columns:1fr}.pages-panel{display:none}.editor-header .editor-name h1{max-width:120px;font-size:13px}.editor-name small{display:none}.editor-header button{padding:8px;min-width:38px;font-size:11px}.editor-header .top-actions .optional{display:none}.studio-bar{height:54px;padding:6px 12px}.segmented button{padding:6px 14px}.mobile-pages{display:block;font-size:11px}.canvas-viewport{padding:12px 16px 28px}.page-footer{height:48px;gap:14px}.tool-dock{padding:5px 6px;margin:0 10px 10px;max-width:calc(100% - 20px);border-radius:12px}.tool-dock button{min-width:51px;padding:4px 7px;font-size:9px}.tool-dock b{font-size:20px}.hint{display:none}.context-bar{padding:5px;gap:2px}.context-bar button{padding:6px 9px;font-size:10px}.context-bar input[type=range]{width:65px}.context-bar label{font-size:10px}.cut-layout{grid-template-columns:1fr;gap:10px}.cut-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.cut-tools button{font-size:10px;padding:7px;text-align:center;margin:0}.cut-tools hr{display:none}.cut-tools label{margin:3px 0;font-size:10px}.cut-tools .desc{grid-column:1/-1;margin:0}.cut-stage{height:40vh}.cut-dialog{padding:15px}.cut-dialog h2{font-size:22px}.cut-dialog .modal-actions{margin-top:10px}.form-grid{gap:13px}dialog{padding:22px}.zoom-controls button{min-width:30px}.zoom-controls{font-size:10px}.studio-bar .keyboard{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.paper.panning .element{pointer-events:none}.paper.panning{cursor:grab}
/* v0.2 — quiet glass, physical paper */
:root{--bg:#f5f5f7;--ink:#242a2d;--muted:#8b9095;--line:#0000000c;--green:#426553;font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','PingFang SC',sans-serif}body{background:radial-gradient(ellipse at 10% 0%,#e6eee8,transparent 50%),radial-gradient(ellipse at 95% 30%,#ece9e4,transparent 45%),#f5f5f7;background-attachment:fixed}button{border-radius:13px;transition:background .22s,transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .22s}button:active{transform:scale(.96)}button.primary{background:#426553;box-shadow:0 4px 10px #42655320}button.secondary{background:#ffffffb3;border-color:#ffffffd9;box-shadow:0 1px 3px #00000008}.topbar{background:#ffffff70;backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);border-bottom:1px solid #ffffffa6;height:78px}.brand{font-family:inherit;letter-spacing:1px;font-size:22px;font-weight:600}.brand small{letter-spacing:1.5px;font-size:8px}.brand-mark{border:0;background:#426553;color:white;border-radius:11px;font-family:'Songti SC',serif}.library{padding-top:64px}.welcome h1{font-family:inherit;font-size:42px;font-weight:600;letter-spacing:-1.8px;line-height:1.25}.welcome p{letter-spacing:.2px;color:#91949a;line-height:1.8}.eyebrow{color:#7a8d80;letter-spacing:2px;font-size:9px}.section-head{border:0;letter-spacing:0;font-weight:600;font-size:15px}.section-head small{font-weight:400}.shelf{gap:48px;padding-top:28px}.book-card{padding:14px 10px 6px}.cover-button{border-radius:8px;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.cover-button:hover{transform:translateY(-7px) rotate(-1deg)}.cover{border-radius:5px 13px 13px 5px;box-shadow:2px 2px 0 #e8e5dc,5px 5px 0 -1px #fbf9f2,7px 8px 0 -2px #dedbd4,10px 18px 30px -16px #1e2f3659,inset 1px 0 1px #ffffff70;isolation:isolate}.cover:before{z-index:4;left:9px;width:5px;border-color:#0002;box-shadow:3px 0 8px #0000001a}.cover:after{width:4px;right:18px;opacity:.65;z-index:4}.cover-title{font-size:30px;letter-spacing:3px}.cover-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transform-origin:center}.cover-scrim{position:absolute;inset:0;background:linear-gradient(180deg,#0005 0%,#0000 50%,#0006);z-index:-1}.photo-cover{color:white;text-shadow:0 1px 10px #0005}.cover-copy,.cover-footer{position:relative;z-index:2}.book-meta h3{font-size:14px;font-weight:600}.book-meta button{border-radius:50%;background:#ffffff90;min-width:38px;padding:4px}.new-book{border-radius:14px;border:1px dashed #acb8af88;background:#ffffff30;margin-top:14px}.new-book:hover{background:#ffffff80;border-color:#789687}.library-foot{border-top:1px solid #00000008}.editor-header{height:68px;background:#ffffffa3}.editor-name h1{font-weight:600;letter-spacing:-.3px}.workspace{height:calc(100dvh - 68px);grid-template-columns:154px 1fr}.pages-panel{background:#ffffff59;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-right:1px solid #ffffff90}.pages-panel h3{font-size:10px;letter-spacing:1px}.thumb{border-radius:14px;margin-bottom:12px;transition:background .25s}.thumb.active{border-color:#ffffff;background:#ffffffc7;box-shadow:0 3px 12px #23352c0a}.thumb-paper{border-radius:2px;box-shadow:0 3px 8px #0000000d;border-color:#0000000b}.studio{background:radial-gradient(ellipse at 50% 35%,#f2f3f1,#e5e8e6)}.studio-bar{height:65px;padding:10px 26px}.segmented{border:1px solid #ffffffcf;background:#ffffff65;border-radius:14px;padding:4px;box-shadow:inset 0 1px 2px #fff8,0 3px 8px #00000004}.segmented button{border-radius:10px;min-width:62px}.segmented .active{background:white;color:#283f32;box-shadow:0 1px 5px #00000012;font-weight:600}.zoom-controls{background:#ffffff72;border:1px solid #ffffffd6;border-radius:50px;padding:0 3px}.zoom-controls button{min-height:34px}.paper-wrap{perspective:1900px;transform-style:preserve-3d}.paper{box-shadow:1px 1px 0 #d5d4ca,3px 3px 0 #fffdf5,5px 5px 0 #d9d7cd,0 22px 55px -18px #34413955;border-radius:1px 4px 4px 1px}.paper:after{width:36px;background:linear-gradient(90deg,#68694e13,transparent)}.paper.turn{animation:none}.turning-sheet{will-change:transform;backface-visibility:hidden;box-shadow:12px 12px 35px #27342d40!important}.turning-sheet:after{width:100%;background:linear-gradient(90deg,#52503d16,transparent 30%,#fff5 70%,#0002);border-radius:inherit}.page-footer{gap:18px}.page-footer>button{border-radius:50%;width:42px;height:42px;min-height:42px;padding:0;background:#ffffff65;border:1px solid #ffffffa0;box-shadow:0 2px 6px #00000004}.page-footer span{letter-spacing:1px;font-variant-numeric:tabular-nums}.tool-dock{border-radius:24px;padding:8px 12px;background:#ffffffa3;backdrop-filter:blur(30px) saturate(160%);-webkit-backdrop-filter:blur(30px) saturate(160%);border:1px solid #ffffffed;box-shadow:0 8px 26px #27392a10,inset 0 1px 0 white;gap:7px;margin-bottom:18px}.tool-dock button{border-radius:16px;min-width:64px;padding:7px 12px;gap:6px;color:#78837b}.tool-dock button.active{background:#426553;color:white;box-shadow:0 3px 8px #42655325}.tool-dock b{height:24px}.tool-divider{background:#0000000b}.context-bar{border:1px solid #ffffffbb;background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:18px;margin:0 16px 12px;padding:8px 14px;align-self:center;box-shadow:0 2px 8px #00000005}.hint{color:#9bA39c}.handle{width:26px;height:26px;background:#fff;border:2px solid #678b77;box-shadow:0 2px 6px #0002}.element.selected{outline-color:#678b77}dialog{border-radius:25px;background:#fafbfaf5;border:1px solid white;box-shadow:0 30px 100px #122b1d33;padding:28px}dialog::backdrop{background:#18271f38;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}dialog h2{font-family:inherit;font-size:24px;font-weight:600;letter-spacing:-.5px}input:not([type=range]):not([type=color]),textarea,select{border-radius:12px;background:#ffffff;border-color:#e4e8e4}input[type=range]{accent-color:#426553}.notice{background:#edf2ee;border:0;border-radius:14px}.modal-actions{padding-top:12px;border-top:1px solid #00000008}#toast{border-radius:16px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.cover-designer{display:grid;grid-template-columns:150px 1fr;gap:24px;margin:20px 0 26px;align-items:center}.cover-designer .cover{height:200px;padding:20px 18px 18px 26px}.cover-designer .cover-title{font-size:19px;letter-spacing:1px}.cover-designer .cover-kicker{font-size:6px;letter-spacing:1px}.cover-designer .cover-footer{font-size:8px;letter-spacing:0}.cover-designer .cover-emblem{font-size:32px}.cover-photo-controls{display:flex;flex-direction:column;gap:8px}.cover-photo-controls button{font-size:12px}.cover-photo-controls small{font-size:10px;line-height:1.7}.cover-photo-controls .field{font-size:11px;gap:4px}
@media(max-width:600px){.topbar{height:66px}.library{padding:35px 20px}.welcome h1{font-size:29px;letter-spacing:-1px}.welcome .primary{border-radius:50px;padding-inline:14px}.shelf{gap:28px 18px}.book-card{padding:6px 3px}.cover-title{font-size:22px}.workspace{height:calc(100dvh - 66px);grid-template-columns:1fr}.studio-bar{height:58px;padding:7px 12px}.tool-dock{border-radius:22px;padding:6px 8px;gap:3px;margin-bottom:12px}.tool-dock button{min-width:49px;padding:6px 8px;border-radius:14px}.context-bar{margin:0 8px 8px;max-width:calc(100% - 16px)}.page-footer{height:54px}.page-footer>button{width:36px;height:36px;min-height:36px}.cover-designer{grid-template-columns:110px 1fr;gap:15px}.cover-designer .cover{height:160px;padding:14px 12px 14px 20px}.cover-designer .cover-title{font-size:15px}.cover-designer .cover-kicker{font-size:5px}.cover-designer .cover-footer{font-size:7px}.cover-photo-controls button{font-size:11px;padding:6px}.brand small{display:none}}