.library-room{position:relative;height:560px;max-height:62vh;border-radius:26px;overflow:hidden;box-shadow:0 26px 64px #2d231a3d,inset 0 0 0 1px #ffffff40;background:linear-gradient(180deg,#cfe2e6,#eee3cd 46%,#e4d3ab);perspective:1400px}.room-viewport{position:absolute;inset:0 0 76px;cursor:grab;touch-action:pan-y;overflow:hidden;transition:transform .6s ease,opacity .6s ease;transform-origin:46% 42%}.room-viewport:active{cursor:grabbing}.library-room.zooming .room-viewport{transform:scale(2.6);opacity:0}.room-track{position:absolute;top:0;left:50%;height:100%;display:flex;will-change:transform}.room-wall{flex:0 0 auto;height:100%;position:relative;background:linear-gradient(180deg,#f8f2e6,#eee2ca 55%,#d9c6a0);box-shadow:inset -2px 0 #00000012,inset 2px 0 #ffffff30}.room-wall:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,#00000006 0 2px,transparent 2px 64px),linear-gradient(180deg,#ffffff26,transparent 12%)}.room-wall:after{content:"";position:absolute;left:0;right:0;top:0;height:26px;background:linear-gradient(180deg,#6e4527,#8a5a34);box-shadow:0 6px 14px #2d231a45}.wall-surface{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:46px}.wall-baseboard{position:absolute;left:0;right:0;bottom:0;height:30px;background:linear-gradient(180deg,#d8c297,#b9975f);box-shadow:0 -2px #0002 inset}.room-floor{position:absolute;left:0;right:0;bottom:0;height:84px;background:linear-gradient(180deg,#b9975f00,#6e4d2b99 60%,#4a331d);pointer-events:none}.room-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 30%,#fff4d680 0%,transparent 32%),radial-gradient(ellipse at 50% 40%,transparent 45%,#17231d40 100%)}.room-hint{position:absolute;z-index:4;left:12px;right:12px;bottom:42px;text-align:center;font-size:.82rem;color:#7a6a4d;margin:0}.room-compass{position:absolute;z-index:5;left:8px;right:8px;bottom:7px;display:flex;justify-content:center;gap:8px}.room-compass button{border:0;background:#17231d;color:#f3e7cc;padding:8px 16px;border-radius:100px;font-weight:700;font-size:.82rem;cursor:pointer;box-shadow:0 8px 20px #17231d30}.room-compass button:hover{background:#32443a}.bookshelf-hotspot,.bookshelf-scenery{position:relative;border:0;background:transparent;padding:18px 22px 14px;border-radius:20px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:10px}.bookshelf-scenery{cursor:default}.hotspot-glow{position:absolute;inset:-10px;border-radius:24px;background:radial-gradient(circle,#ffd98a55 0%,transparent 70%);animation:hotspot-pulse 2.4s ease-in-out infinite}@keyframes hotspot-pulse{0%,to{opacity:.55;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}.mini-bookcase{position:relative;display:flex;flex-direction:column;gap:10px;padding:14px 16px;background:linear-gradient(180deg,#8a5a34,#6e4527);border-radius:8px;box-shadow:0 14px 30px #2d231a55,inset 0 0 0 4px #5a3d20,inset 0 18px 24px #00000030}.mini-shelf-row{position:relative;display:flex;align-items:flex-end;gap:3px;padding-bottom:8px}.mini-spine{width:12px;height:46px;border-radius:2px 4px 4px 2px;background:#bd7c3f;box-shadow:1px 0 #ffffff30 inset,0 3px 4px #2d231a40}.mini-shelf-row:nth-child(2) .mini-spine{height:40px}.mini-shelf-row:nth-child(3) .mini-spine{height:50px}.mini-spine:nth-child(3n){height:38px}.mini-spine:nth-child(5n){width:9px}.mini-spine.c0{background:linear-gradient(180deg,#cf8f4d,#bd7c3f)}.mini-spine.c1{background:linear-gradient(180deg,#55a86b,#45975b)}.mini-spine.c2{background:linear-gradient(180deg,#8d6dd0,#7c5cbf)}.mini-spine.c3{background:linear-gradient(180deg,#d76b6b,#c95b5b)}.mini-spine.c4{background:linear-gradient(180deg,#4b8fbb,#3d7ea6)}.mini-spine.c5{background:linear-gradient(180deg,#dfae48,#d0a23a)}.mini-shelf-plank{position:absolute;left:-4px;right:-4px;bottom:0;height:6px;background:linear-gradient(180deg,#6e4527,#4a3016);border-radius:3px;box-shadow:0 4px 8px #2d231a55}.hotspot-label{font:700 .85rem/1.3 Georgia,"Noto Serif","Liberation Serif",Times New Roman,serif;color:#4a3620;text-align:center;background:#fff9eb;padding:8px 14px;border-radius:12px;box-shadow:0 8px 20px #4a362033}.wall-plant{position:absolute;right:8%;bottom:30px;width:46px;height:90px;background:linear-gradient(180deg,#4a7a4f,#386339);border-radius:50% 50% 20% 20%/60% 60% 20% 20%;box-shadow:0 10px 18px #2d231a30}.wall-plant:after{content:"";position:absolute;left:8px;right:8px;bottom:-14px;height:20px;background:#8a5a34;border-radius:4px}.wall-frame-art{position:absolute;top:14%;left:14%;width:90px;height:120px;background:radial-gradient(circle at 50% 38%,#f4d68a 0 10px,transparent 12px),linear-gradient(200deg,#cfe2e6,#eee3cd 55%,#d9c6a0);border:6px solid #6e4527;border-radius:4px;box-shadow:0 10px 24px #2d231a30,inset 0 0 0 2px #f4ede0}.wall-frame-art.small{width:70px;height:90px;top:12%;left:10%}.wall-window{position:absolute;top:10%;left:50%;transform:translate(-50%);width:220px;height:220px;border-radius:10px;overflow:hidden;box-shadow:0 14px 32px #2d231a35,0 0 0 10px #f4ede0,0 0 0 16px #b9975f}.window-sky{position:absolute;inset:0;background:radial-gradient(circle at 26% 24%,#f8e3a3 0 22px,#d9ab4c 24px,transparent 26px),radial-gradient(1.5px 1.5px at 65% 20%,#ffffffb0,transparent),radial-gradient(1.5px 1.5px at 80% 42%,#ffffffa0,transparent),radial-gradient(1px 1px at 50% 55%,#ffffff90,transparent),radial-gradient(1.5px 1.5px at 30% 65%,#ffffff80,transparent),radial-gradient(1px 1px at 72% 72%,#ffffff90,transparent),linear-gradient(180deg,#1c2a52,#2a3a63 55%,#3d4f7a)}.window-sky:after{content:"";position:absolute;left:15%;right:15%;bottom:0;height:34%;background:linear-gradient(0deg,#1a2440,transparent);clip-path:polygon(0 100%,8% 55%,18% 70%,30% 40%,42% 62%,54% 30%,66% 58%,78% 42%,90% 66%,100% 48%,100% 100%);opacity:.85}.window-frame{position:absolute;inset:0;background:linear-gradient(#0000,#0000);box-shadow:inset 0 0 0 4px #f4ede0}.window-frame:before,.window-frame:after{content:"";position:absolute;background:#f4ede0}.window-frame:before{left:50%;top:0;bottom:0;width:6px;margin-left:-3px}.window-frame:after{top:50%;left:0;right:0;height:6px;margin-top:-3px}.wall-sofa{position:relative;width:300px;height:130px;margin-top:auto}.sofa-back{position:absolute;left:0;right:0;top:0;height:70px;background:linear-gradient(180deg,#d9c2a0,#c3a679);border-radius:16px 16px 0 0}.sofa-seat{position:absolute;left:-10px;right:-10px;bottom:20px;height:46px;background:#cdb187;border-radius:14px;box-shadow:0 10px 18px #2d231a30}.sofa-cushion{position:absolute;bottom:40px;width:70px;height:40px;background:#e4d3ab;border-radius:10px;box-shadow:0 6px 10px #2d231a20}.sofa-cushion:nth-of-type(3){left:30px}.sofa-cushion:nth-of-type(4){right:30px}.sofa-leg{position:absolute;bottom:0;width:8px;height:20px;background:#6e4527;border-radius:2px}.sofa-leg.left{left:10px}.sofa-leg.right{right:10px}.wall-rug{position:absolute;left:50%;bottom:8px;transform:translate(-50%);width:340px;height:26px;background:#c9a06a;border-radius:50%;opacity:.55}.wall-desk{position:relative;width:260px;height:120px}.desk-top{position:absolute;left:0;right:0;top:46px;height:14px;background:linear-gradient(180deg,#a97c50,#8a5a34);border-radius:4px;box-shadow:0 10px 18px #2d231a30}.desk-leg{position:absolute;bottom:0;width:10px;height:60px;background:#6e4527}.desk-leg.left{left:14px}.desk-leg.right{right:14px}.desk-lamp{position:absolute;left:20px;top:-14px;width:8px;height:46px;background:#45975b;border-radius:4px}.desk-lamp span{position:absolute;top:-14px;left:-10px;width:28px;height:18px;background:#f3e7cc;border-radius:0 0 14px 14px;box-shadow:0 4px 10px #2d231a30}.wall-chair{position:absolute;bottom:26px;left:60%;width:50px;height:70px;background:linear-gradient(180deg,#8a5a34,#6e4527);border-radius:10px 10px 4px 4px;opacity:.85}.wall-door{position:relative;width:160px;height:260px;background:linear-gradient(180deg,#a97c50,#8a5a34);border-radius:6px 6px 0 0;box-shadow:0 14px 30px #2d231a35,inset 0 0 0 6px #6e4527;margin-top:auto}.door-panel{position:absolute;inset:24px;border:4px solid #6e4527;border-radius:4px}.door-handle{position:absolute;right:14px;top:50%;width:10px;height:10px;border-radius:50%;background:#f3e7cc;box-shadow:0 2px 6px #2d231a40}.wall-shelf-small{position:relative;display:flex;align-items:flex-end;gap:6px;padding:10px 12px;background:#8a5a34;border-radius:6px;margin-right:24px;box-shadow:0 10px 20px #2d231a35}.wall-shelf-small .mini-spine{height:34px;width:10px}@media(max-width:760px){.library-room{height:420px}.wall-window{width:150px;height:150px}.wall-sofa{width:220px}.mini-bookcase{padding:10px 12px}.mini-spine{height:34px;width:9px}}:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#17231d;background:#e9e3d7;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top,#f8f3e9 0,#e9e3d7 48%,#d8cebd)}button{font:inherit}.app-shell{max-width:1500px;margin:auto;min-height:100vh;padding:22px 30px 60px}.app-shell>header{display:flex;align-items:end;justify-content:space-between;padding:10px 4px 18px}.app-shell h1,.app-shell h2{font-family:Georgia,serif;margin:.1em 0}.app-shell h1{font-size:2.4rem}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:.7rem;font-weight:800;color:#8c653c;margin:0}.status{background:#fff9eb;padding:9px 14px;border-radius:100px;box-shadow:0 8px 26px #6b54351c;font-size:.85rem}.offline-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#45975b;margin-right:8px}.app-shell>nav{display:flex;gap:7px;padding:7px;background:#17231d;border-radius:15px;position:sticky;top:8px;z-index:10;box-shadow:0 12px 32px #17231d35}.app-shell>nav button{border:0;background:transparent;color:#d8ded8;padding:10px 15px;border-radius:10px;cursor:pointer}.app-shell>nav button.active{background:#f3e7cc;color:#17231d;font-weight:800}.notice{font-size:.82rem;color:#5f685f;padding:12px 5px}.app-shell>main{background:#f8f5ed;border:1px solid #ffffff80;border-radius:24px;min-height:620px;padding:28px;box-shadow:0 22px 70px #4f3c2530}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.section-heading h2{font-size:2rem}.primary{border:0;border-radius:12px;background:#bd7c3f;color:#fff;padding:12px 18px;font-weight:800;cursor:pointer}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:24px}.book-card{height:250px;border:0;border-radius:5px 16px 16px 5px;background:linear-gradient(135deg,#254636,#17231d);color:#fff;text-align:left;padding:30px 24px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:7px 11px #9a7550,0 18px 35px #2d231a33;position:relative;cursor:pointer}.book-card strong{font:700 1.3rem Georgia,serif}.book-card small{opacity:.7;margin-top:10px}.book-spine{position:absolute;left:10px;top:0;bottom:0;border-left:1px solid #ffffff30;border-right:1px solid #00000040}.writing-studio{max-width:850px;margin:auto}.toolbar{display:flex;gap:7px;padding:10px;background:#17231d;border-radius:14px 14px 0 0}.toolbar button{border:0;border-radius:7px;background:#32443a;color:#fff;padding:8px 11px;cursor:pointer}.toolbar button.active{background:#bd7c3f}.book-editor{background:#fffdf7;min-height:820px;padding:76px 84px;box-shadow:0 16px 42px #5a44302e;outline:none;font:17px/1.65 Georgia,serif}.book-editor h2{font-size:2rem}.page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px}.book-page{aspect-ratio:14/20;background:#fffdf8;padding:44px 38px 28px;box-shadow:0 14px 30px #5b452b2d;position:relative;overflow:hidden;font:12px/1.45 Georgia,serif}.book-page>span{position:absolute;bottom:12px;left:50%;font:10px system-ui;color:#777}.reader-spread{display:grid;grid-template-columns:1fr 1fr;max-width:850px;margin:auto;gap:2px;perspective:1700px}.reader-spread .book-page:first-child{transform:rotateY(2deg);transform-origin:right}.reader-spread .book-page:last-child{transform:rotateY(-2deg);transform-origin:left}.cover-canvas-shell{max-width:100%;overflow:auto;background:#c8bda9;padding:25px;border-radius:16px}.cover-canvas-shell canvas{box-shadow:0 20px 50px #241a1255}.export-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.export-grid button{min-height:180px;border:1px solid #d7c7ae;background:#fffaf0;border-radius:18px;padding:24px;text-align:left;cursor:pointer}.export-grid strong,.export-grid span{display:block}.export-grid strong{font:700 1.4rem Georgia,serif;margin-bottom:10px}.export-grid span{color:#677067}.golden-page{max-width:920px;margin:50px auto;padding:40px;background:#f8f5ed;border-radius:24px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.metric-grid article{background:#fff;padding:20px;border-radius:15px}.metric-grid strong,.metric-grid span{display:block}.metric-grid strong{font-size:2rem}.validation.pass{color:#28703d}.validation.fail{color:#a02929}@media(max-width:760px){.app-shell{padding:12px}.app-shell>header{align-items:center}.app-shell h1{font-size:1.65rem}.app-shell>nav{overflow:auto}.app-shell>nav button{white-space:nowrap}.app-shell>main{padding:18px}.book-editor{padding:45px 32px}.reader-spread{grid-template-columns:1fr}.reader-spread .book-page:nth-child(2){display:none}.export-grid,.metric-grid{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column}.status{font-size:.7rem}}.section-heading{flex-wrap:wrap;row-gap:14px}.library-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.library-actions button{border:1px solid #d7c7ae;background:#fffaf0;border-radius:12px;padding:11px 16px;font-weight:700;cursor:pointer;color:#4a3620}.library-actions button:disabled{opacity:.55;cursor:default}.library-actions button.primary{border:0}.physical-library{display:flex;flex-direction:column;gap:34px}.physical-shelf{position:relative}.shelf-label{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px;padding:0 4px}.shelf-label strong{font:700 1.15rem Georgia,serif;color:#3c2c17}.shelf-label span{font-size:.8rem;color:#8c653c;font-weight:700}.shelf-books{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;min-height:190px;padding:14px 14px 0;background:linear-gradient(180deg,#00000006,transparent 60%)}.book-spine-card{position:relative;width:132px;min-height:176px;border:0;border-radius:6px 14px 14px 6px;color:#fff;text-align:left;padding:18px 14px 44px;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;box-shadow:5px 9px #9a7550,0 16px 30px #2d231a33;cursor:pointer;transition:transform .15s ease}.book-spine-card:hover{transform:translateY(-4px)}.book-spine-card:focus-visible{outline:3px solid #bd7c3f;outline-offset:3px}.book-spine-card strong{font:700 1rem/1.25 Georgia,serif;display:block}.book-spine-card span{opacity:.75;font-size:.75rem;display:block;margin-top:4px}.book-spine-card.color-0{background:linear-gradient(135deg,#254636,#17231d)}.book-spine-card.color-1{background:linear-gradient(135deg,#5b3a22,#3c2412)}.book-spine-card.color-2{background:linear-gradient(135deg,#3d2b52,#241833)}.book-spine-card.color-3{background:linear-gradient(135deg,#5c2a2a,#341414)}.book-spine-card.color-4{background:linear-gradient(135deg,#264a5c,#122733)}.book-spine-card.color-5{background:linear-gradient(135deg,#5c4a1a,#332a0d)}.shelf-move-select{position:absolute;left:10px;right:10px;bottom:10px;font-size:.72rem;padding:5px 6px;border-radius:7px;border:0;background:#fffd;color:#3c2c17;cursor:pointer}.empty-shelf{min-height:130px;display:flex;align-items:center;justify-content:center;flex:1;border:2px dashed #d7c7ae;border-radius:14px;color:#a08a68;font-size:.85rem}.wood-shelf{height:22px;margin-top:-4px;border-radius:6px;background:linear-gradient(180deg,#c39a63,#8a5a34);box-shadow:0 14px 18px #2d231a40,inset 0 -4px #6e4527}.library-cover-preview{display:flex;gap:24px;align-items:flex-start;background:#fffaf0;border:1px solid #eadfc7;border-radius:20px;padding:20px;margin:-10px 0 20px}.library-cover-preview .front-cover-art{width:150px;aspect-ratio:140/206;border-radius:6px;box-shadow:0 14px 28px #2d231a40;flex-shrink:0;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#f4ecd9;text-align:center;padding:14px}.library-cover-preview .front-cover-art strong{display:block;font:700 1rem Georgia,serif}.library-cover-preview .front-cover-art span{display:block;font-size:.78rem;opacity:.8;margin-top:6px}.cover-preview-text{position:absolute}.library-choice{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.library-choice button{border:1px solid #d7c7ae;background:#fff;border-radius:10px;padding:10px 14px;cursor:pointer;font-weight:700}.library-choice button.primary{background:#bd7c3f;color:#fff;border:0}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.15fr 1fr}.auth-visual{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:52px;color:#f3e7cc;background:radial-gradient(circle at 18% 12%,#2a3a63,#141b33 45%,#0b0f1f);overflow:hidden}.auth-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(2px 2px at 20% 30%,#ffffffb0,transparent),radial-gradient(2px 2px at 70% 20%,#ffffff90,transparent),radial-gradient(1.5px 1.5px at 40% 60%,#ffffff80,transparent),radial-gradient(1.5px 1.5px at 85% 65%,#ffffff90,transparent),radial-gradient(2px 2px at 60% 80%,#ffffff70,transparent),radial-gradient(1.5px 1.5px at 10% 75%,#ffffff70,transparent);opacity:.8}.auth-moon{position:absolute;top:64px;right:70px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#f8e3a3,#d9ab4c 60%,#b9862f);box-shadow:0 0 70px #f4d68a55}.auth-moon:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 60% 55%,transparent 55%,#0b0f1f 56%)}.auth-brand{position:relative;z-index:1}.auth-brand .logo-mark{display:flex;align-items:center;gap:12px;margin-bottom:10px}.auth-brand .logo-mark img{width:52px;height:52px}.auth-brand h1{font:700 2.6rem Georgia,serif;margin:0;letter-spacing:.02em}.auth-brand .tagline{font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;opacity:.75;margin-top:6px}.auth-quote{position:relative;z-index:1;font:italic 1.05rem/1.7 Georgia,serif;max-width:420px;border-left:2px solid #d9ab4c;padding-left:18px;opacity:.92}.auth-quote footer{margin-top:14px;font:700 .78rem/1 system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;opacity:.7;font-style:normal}.auth-panel{display:flex;align-items:center;justify-content:center;padding:40px 32px;background:#fbf7ee}.auth-card{width:100%;max-width:400px}.auth-card .logo-mark-mobile{display:none}.auth-card h1{font:700 1.7rem Georgia,serif;margin:6px 0 4px;color:#241b10}.auth-card>p{color:#6b5c42;font-size:.88rem;margin:0 0 20px}.segmented{display:flex;background:#efe4cd;border-radius:100px;padding:4px;margin-bottom:20px}.segmented button{flex:1;border:0;background:transparent;padding:10px;border-radius:100px;font-weight:700;cursor:pointer;color:#8c653c}.segmented button.active{background:#17231d;color:#f3e7cc}.auth-card form{display:flex;flex-direction:column;gap:14px}.auth-card label{font-size:.8rem;font-weight:700;color:#4a3620;display:flex;flex-direction:column;gap:6px}.auth-card input{font:inherit;padding:12px 14px;border-radius:10px;border:1px solid #dccdac;background:#fff}.auth-card input:focus{outline:2px solid #bd7c3f;outline-offset:1px}.auth-error{background:#fbe4e0;color:#9a2e21;padding:10px 12px;border-radius:10px;font-size:.82rem}.auth-card button.primary{margin-top:4px;padding:13px;border-radius:12px;font-size:.95rem}.offline-help{font-size:.78rem;color:#8c653c;margin-top:16px}@media(max-width:860px){.auth-shell{grid-template-columns:1fr}.auth-visual{display:none}.auth-card .logo-mark-mobile{display:flex;align-items:center;gap:10px;margin-bottom:18px}.auth-card .logo-mark-mobile img{width:40px;height:40px}.auth-card .logo-mark-mobile strong{font:700 1.3rem Georgia,serif;color:#241b10}}.cover-studio{display:grid;grid-template-columns:285px minmax(0,1fr);gap:18px;align-items:start}.cover-tools{background:#fffaf0;border:1px solid #decfb8;border-radius:16px;padding:15px;position:sticky;top:72px}.cover-tool-section{display:grid;gap:9px;padding:12px 0;border-bottom:1px solid #e8dcc9}.cover-tool-section:last-child{border-bottom:0}.cover-tool-section button,.cover-tool-section input,.cover-tool-section select,.cover-tool-section textarea{font:inherit}.cover-tool-section button{border:1px solid #cbb99e;background:#fff;border-radius:9px;padding:9px;cursor:pointer}.cover-tool-section button:hover,.cover-tool-section button.active{background:#bd7c3f;color:#fff;border-color:#bd7c3f}.segmented,.cover-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.property-panel label{display:grid;gap:5px;font-size:.78rem;color:#5f685f}.property-panel input,.property-panel select,.property-panel textarea{width:100%;border:1px solid #d7c7ae;border-radius:8px;padding:8px;background:#fff}.property-panel input[type=color]{height:40px;padding:3px}.property-panel input[type=range]{padding:0}.property-row{display:flex;justify-content:space-between;align-items:center;font-size:.83rem}.property-row input[type=color]{width:55px;height:36px;padding:2px;border:1px solid #cbb99e;border-radius:8px}.check-row{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.check-row input{width:auto!important}.tool-hint{font-size:.76rem;line-height:1.5;color:#6a716b;margin:12px 0}.danger{color:#9c2727!important;border-color:#d7a5a5!important}.danger:hover{background:#9c2727!important;color:#fff!important}.wide{width:100%}.cover-zone-labels{height:23px;position:relative;font-size:.6rem;font-weight:900;letter-spacing:.12em;color:#4c4034}.cover-zone-labels span{position:absolute;text-align:center}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.editor-toolbar{display:flex;flex-wrap:wrap;align-items:center}.toolbar-group{display:flex;gap:6px;align-items:center;padding-right:7px;border-right:1px solid #ffffff25}.toolbar-group:last-child{border-right:0}.toolbar label{display:flex;align-items:center;gap:5px;color:#d8ded8;font-size:.72rem}.toolbar select{border:0;border-radius:7px;background:#fff;color:#17231d;padding:7px}.toolbar input[type=color]{width:34px;height:32px;border:0;border-radius:7px;padding:2px;background:#fff}.image-button{background:#bd7c3f!important}.interior-image-node{margin:1.5em 0;position:relative;display:flex;flex-direction:column}.interior-image-node[data-align=left]{align-items:flex-start}.interior-image-node[data-align=center]{align-items:center}.interior-image-node[data-align=right]{align-items:flex-end}.interior-image-node img{max-width:100%;height:auto;display:block;border-radius:3px}.interior-image-node.selected img{outline:3px solid #bd7c3f;outline-offset:3px}.interior-image-controls{width:min(100%,620px);margin-top:12px;padding:12px;background:#f3e7cc;border:1px solid #d2b98f;border-radius:10px;display:grid;grid-template-columns:1.4fr .8fr 1.5fr auto;gap:10px;align-items:end;font:12px/1.3 system-ui}.interior-image-controls label{display:grid;gap:5px}.interior-image-controls input,.interior-image-controls select{min-width:0;padding:6px;border:1px solid #cbb99e;border-radius:6px}.interior-image-controls .danger{padding:7px;background:#fff;border:1px solid #d7a5a5;border-radius:7px}.interior-image-missing{padding:40px;background:#eee4d5;color:#786b5b;text-align:center}.book-page figure{margin:10px 0}.book-page figure img{max-width:100%;height:auto}@media(max-width:900px){.cover-studio{grid-template-columns:1fr}.cover-tools{position:static}.interior-image-controls{grid-template-columns:1fr 1fr}}@media(max-width:600px){.interior-image-controls{grid-template-columns:1fr}.toolbar-group{flex-wrap:wrap;border-right:0}.cover-canvas-shell{padding:12px}}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,#f8f3e9,#d8cebd)}.auth-card{width:min(460px,100%);background:#fffaf0;border:1px solid #e0d2bc;border-radius:24px;padding:34px;box-shadow:0 22px 70px #4f3c2530}.auth-card h1{font:700 2rem Georgia,serif;color:#17231d}.auth-card p{color:#647067;line-height:1.5}.auth-card form{display:grid;gap:15px;margin-top:20px}.auth-card form label{display:grid;gap:6px;font-weight:700;font-size:.84rem}.auth-card input{border:1px solid #cbb99e;border-radius:10px;padding:12px;font:inherit}.auth-error{background:#ffe8e5;color:#962d26;padding:10px;border-radius:9px;font-size:.82rem}.offline-help{background:#fff2c9;padding:10px;border-radius:9px;font-size:.78rem}.account-status{display:flex;align-items:center;gap:10px}.account-status button{border:1px solid #cbb99e;background:#fffaf0;border-radius:9px;padding:7px 10px;cursor:pointer}.sync-badge{font-size:.72rem;color:#5f685f}.chapter-workspace{display:grid;grid-template-columns:230px minmax(0,1fr);gap:22px}.chapter-sidebar{background:#eee5d6;border-radius:15px;padding:12px;align-self:start;position:sticky;top:75px}.chapter-sidebar strong{display:block;margin:5px 5px 10px}.chapter-sidebar-list{display:grid;gap:5px}.chapter-sidebar-list button{text-align:left;border:0;background:transparent;border-radius:8px;padding:9px;cursor:pointer}.chapter-sidebar-list button.active{background:#17231d;color:#fff}.chapter-add{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:12px}.chapter-add button{border:1px solid #c8b69c;background:#fffaf0;border-radius:8px;padding:8px;font-size:.72rem;cursor:pointer}.chapter-title-input{font:700 2rem Georgia,serif;border:0;border-bottom:1px dashed #b9a58a;background:transparent;color:#17231d;max-width:100%;outline:none}.page-status{display:flex;justify-content:space-between;align-items:center;background:#f3e7cc;padding:8px 12px;border-radius:10px 10px 0 0;font-size:.78rem}.paged-editor-viewport{position:relative;overflow:auto;background:#c8bda9;padding:20px;min-height:800px}.page-backgrounds{position:absolute;left:20px;top:20px;height:756px}.page-backgrounds:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to right,#fffdf7 0 529px,transparent 529px 561px);filter:drop-shadow(0 12px 16px #5a44303d)}.page-backgrounds span{position:absolute;top:728px;width:529px;text-align:center;color:#777;font:10px system-ui}.paged-editor-viewport .tiptap{position:relative}.paged-editor-viewport .book-editor{height:756px;min-height:756px;width:529px;max-width:none;padding:68px 60px;box-shadow:none;background:transparent;column-width:409px;column-gap:120px;column-fill:auto;overflow:visible}.share-panel{max-width:620px;background:#fffaf0;border:1px solid #d7c7ae;border-radius:16px;padding:20px}.share-panel form{display:grid;grid-template-columns:1fr 150px auto;gap:10px}.share-panel input,.share-panel select{padding:10px;border:1px solid #cbb99e;border-radius:9px}.share-panel button{border:0;border-radius:9px;background:#bd7c3f;color:#fff;padding:10px 14px;font-weight:800}.readonly-note{background:#fff2c9;padding:10px;border-radius:9px;margin-bottom:10px;font-size:.82rem}@media(max-width:900px){.chapter-workspace{grid-template-columns:1fr}.chapter-sidebar{position:static}.chapter-sidebar-list{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}}@media(max-width:600px){.share-panel form{grid-template-columns:1fr}.account-status{flex-wrap:wrap}.paged-editor-viewport{padding:10px}.page-backgrounds{left:10px;top:10px}.chapter-add{grid-template-columns:1fr}.chapter-add button{min-width:0;width:100%}}.readonly-cover-tools{pointer-events:none;opacity:.58}.library-actions{display:flex;flex-wrap:wrap;gap:9px}.library-actions button,.library-choice button{border:1px solid #bca17b;background:#fffaf0;color:#17231d;border-radius:10px;padding:10px 14px;font-weight:800;cursor:pointer}.library-actions .primary,.library-choice .primary{border-color:#bd7c3f;background:#bd7c3f;color:#fff}.physical-library{display:grid;gap:28px;margin-top:22px}.physical-shelf{overflow:hidden;border-radius:18px 18px 4px 4px;background:linear-gradient(135deg,#403022,#241a14);box-shadow:0 16px 34px #3827182c}.shelf-label{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;color:#f5e9d4;background:#00000026;font-size:.82rem}.shelf-books{height:252px;display:flex;align-items:flex-end;gap:5px;overflow-x:auto;padding:18px 20px 0;background:radial-gradient(ellipse at bottom,#69482f,#312219 70%)}.book-spine-card{position:relative;flex:0 0 46px;height:218px;border:0;border-radius:6px 6px 2px 2px;padding:10px 7px;color:#fff;box-shadow:inset 4px 0 7px #ffffff2b,inset -4px 0 7px #00000030,4px 2px 5px #00000045;cursor:pointer;writing-mode:vertical-rl;text-orientation:mixed;display:flex;align-items:center;justify-content:space-between;gap:8px;transition:transform .18s ease,filter .18s ease}.book-spine-card:hover,.book-spine-card:focus-visible{transform:translateY(-10px);filter:brightness(1.12);outline:3px solid #f4d59f;outline-offset:2px}.book-spine-card strong{font:700 .9rem Georgia,serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-spine-card span{font-size:.62rem;opacity:.88;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-spine-card.color-0{background:#833d2f}.book-spine-card.color-1{background:#2c5b4b}.book-spine-card.color-2{background:#40527d}.book-spine-card.color-3{background:#8d6b29}.book-spine-card.color-4{background:#6a416f}.book-spine-card.color-5{background:#3b6471}.wood-shelf{height:20px;border-top:4px solid #a97646;background:linear-gradient(#7d512f,#3e291d);box-shadow:0 6px 9px #00000058}.empty-shelf{width:100%;align-self:center;text-align:center;color:#eadbc4;opacity:.72}.library-cover-preview{display:grid;grid-template-columns:minmax(190px,260px) minmax(0,1fr);gap:30px;align-items:center;margin-top:28px;padding:26px;border:1px solid #d5c4aa;border-radius:18px;background:#fffaf0;box-shadow:0 16px 45px #4d39222b}.library-choice{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.front-cover-art{position:relative;width:100%;aspect-ratio:140/206;overflow:hidden;border-radius:3px;background:#17231d;color:#fff;box-shadow:13px 14px 24px #23180f4f}.front-cover-art.compact{max-width:190px}.front-cover-art img,.cover-preview-text{position:absolute;display:block}.front-cover-art>strong,.front-cover-art>span{position:absolute;left:12%;right:12%;text-align:center}.front-cover-art>strong{top:22%;font:700 clamp(1.25rem,4vw,2rem) Georgia,serif}.front-cover-art>span{bottom:13%;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.cover-preview-text{overflow:hidden;white-space:pre-wrap;line-height:1.15}.cover-preview-button{display:grid;justify-items:center;gap:12px;width:min(390px,90vw);border:0;background:transparent;color:inherit;cursor:pointer}.cover-preview-button small{font-weight:800;color:#6b5136}.manual-reader{min-height:calc(100vh - 120px);display:grid;grid-template-rows:auto 1fr auto;gap:14px}.reader-toolbar,.reader-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 14px;border-radius:12px;background:#17231d;color:#fff}.reader-toolbar button,.reader-controls button{border:1px solid #ffffff42;border-radius:9px;background:#fffaf0;color:#17231d;padding:9px 13px;font-weight:800;cursor:pointer}.reader-controls button:disabled{opacity:.42;cursor:not-allowed}.reader-stage{min-height:720px;display:grid;place-items:center;overflow:auto;padding:28px;background:radial-gradient(circle at center,#76604c,#2a211a);border-radius:18px}.manual-book-page{position:relative;width:min(529px,92vw);aspect-ratio:14/20;overflow:auto;box-sizing:border-box;padding:68px 60px;background:#fffdf7;color:#24211e;box-shadow:15px 18px 38px #00000060;cursor:pointer;line-height:1.55}.manual-book-page>span:last-child{position:absolute;bottom:25px;left:0;right:0;text-align:center;color:#777;font-size:.75rem}@media(max-width:700px){.library-cover-preview{grid-template-columns:1fr}.library-cover-preview .front-cover-art{max-width:240px;margin:auto}.shelf-books{height:220px;padding-left:12px;padding-right:12px}.book-spine-card{height:190px;flex-basis:40px}.reader-stage{min-height:560px;padding:12px}.manual-book-page{padding:48px 34px}.reader-toolbar{flex-wrap:wrap}.reader-controls{justify-content:center}}.paged-writing-studio{max-width:none}.writing-book-shell{display:grid;grid-template-columns:48px minmax(0,auto) 48px;align-items:center;justify-content:center;min-height:500px;padding:26px 16px;overflow:hidden;border-radius:0 0 18px 18px;background:radial-gradient(ellipse at center,#75604d 0,#453528 58%,#231a14);perspective:1800px}.scaled-book-slot{position:relative;flex:none}.writing-spread-viewport{position:absolute;inset:0;overflow:hidden;transform-origin:top left;background:#b9ad99;box-shadow:0 24px 46px #0006;perspective:1800px}.visible-page-sheets{position:absolute;inset:0;display:flex;gap:32px;z-index:0}.visible-page-sheet{position:relative;flex:0 0 529px;width:529px;height:756px;background:#fffdf7;overflow:hidden;box-shadow:inset -18px 0 24px #b6a78e2c}.visible-page-sheet:nth-child(2){box-shadow:inset 18px 0 24px #b6a78e2c}.visible-page-sheet.blank{background:#cabfab}.visible-page-sheet>span{position:absolute;bottom:24px;left:0;right:0;text-align:center;color:#777;font:10px system-ui;z-index:5}.editor-track{position:absolute;left:0;top:0;z-index:2;transition:transform .32s cubic-bezier(.2,.8,.2,1)}.editor-track>.tiptap{position:relative}.editor-track .book-editor{height:756px;min-height:756px;width:529px;max-width:none;padding:68px 60px;background:transparent;box-shadow:none;column-width:409px;column-gap:152px;column-fill:auto;overflow:visible;outline:none}.editor-track .book-editor:focus{outline:none}.page-corner{position:relative;z-index:3;width:42px;height:70px;border:1px solid #d5c3a7;border-radius:11px;background:linear-gradient(135deg,#fffaf0,#d7c5a7);color:#37281d;font:700 2rem Georgia,serif;box-shadow:0 8px 18px #0000004d;cursor:pointer}.page-corner:disabled{opacity:.25;cursor:not-allowed}.page-corner:not(:disabled):hover{transform:scale(1.06)}.turning-page{position:absolute;top:0;width:529px;height:756px;z-index:8;pointer-events:none;background:linear-gradient(90deg,#fffdf7 0,#e1d7c5 66%,#7e6b58);box-shadow:0 0 35px #0008;transform-style:preserve-3d}.turning-page.next{right:0;transform-origin:left;animation:turn-next .28s ease-in forwards}.turning-page.previous{left:0;transform-origin:right;animation:turn-previous .28s ease-in forwards}@keyframes turn-next{0%{transform:rotateY(0)}to{transform:rotateY(-88deg)}}@keyframes turn-previous{0%{transform:rotateY(0)}to{transform:rotateY(88deg)}}.page-turn-help{text-align:center;margin:12px 0 0;color:#6a665f;font-size:.78rem}.real-book-viewer{display:grid;gap:12px;min-width:0}.real-book-stage{height:min(756px,calc(100vh - 250px));min-height:470px;display:grid;place-items:center;overflow:hidden;padding:16px;border-radius:18px;background:radial-gradient(ellipse at center,#79634f,#2a211a 74%);perspective:2200px}.page-flip-wrapper{width:min(1058px,100%);height:100%;display:grid;place-items:center;overflow:hidden}.page-flip-host{width:100%;height:100%}.flip-book-page{position:relative;width:529px;height:756px;overflow:hidden;box-sizing:border-box;background:#fffdf7;color:#24211e}.flip-interior-page{padding:68px 60px 46px;font:15px/1.55 Georgia,serif}.flip-page-content{height:100%;overflow:hidden}.flip-page-content figure{margin:12px 0}.flip-page-content img{max-width:100%;max-height:420px;object-fit:contain}.flip-page-number{position:absolute;bottom:22px;left:0;right:0;text-align:center;color:#777;font:10px system-ui}.flip-cover-page{color:#fff}.flip-cover-page>*{position:absolute}.flip-cover-page>strong{top:20%;left:11%;right:11%;text-align:center;font:700 34px/1.1 Georgia,serif}.flip-cover-page>span{left:10%;right:10%;bottom:12%;text-align:center;font:700 12px system-ui;letter-spacing:.12em;text-transform:uppercase}.flip-cover-text{display:flex;align-items:center;justify-content:center;white-space:pre-wrap;overflow:hidden;line-height:1.1}.book-turn-controls{display:flex;align-items:center;justify-content:center;gap:16px}.book-turn-controls button{width:48px;height:44px;border:1px solid #bda27b;border-radius:12px;background:#fffaf0;color:#17231d;font:700 1.8rem Georgia,serif;cursor:pointer}.book-turn-controls button:disabled{opacity:.32;cursor:not-allowed}.book-turn-controls span{min-width:180px;text-align:center;font-size:.82rem}.manual-reader{min-height:calc(100vh - 150px);display:grid;grid-template-rows:auto 1fr;gap:14px}.reader-toolbar div{display:grid;gap:2px}.reader-toolbar small{opacity:.72}.focused-cover-canvas{display:grid;justify-items:center;gap:12px;overflow:auto;padding:22px;background:radial-gradient(circle at center,#d5c9b4,#ad9e86)}.focused-cover-label{width:min(420px,100%);display:flex;align-items:center;justify-content:space-between;gap:12px;color:#42372e;font-size:.72rem}.focused-cover-label strong{letter-spacing:.13em}.focused-cover-label span{opacity:.72}.focused-cover-canvas .konvajs-content{background:#fff;box-shadow:0 22px 48px #23180f66}.cover-tool-section textarea{resize:vertical}.cover-canvas-shell canvas{max-width:none}.chapter-rule-panel{display:grid;gap:8px;margin-top:12px;padding:11px 8px;border-top:1px solid #d3c4ad;border-bottom:1px solid #d3c4ad}.chapter-rule-panel>strong{margin:0;font-size:.76rem}.chapter-rule-panel label{display:grid;gap:4px;font-size:.7rem}.chapter-rule-panel select{width:100%;border:1px solid #c8b69c;border-radius:7px;background:#fffaf0;padding:7px}.section-order-buttons{display:grid;grid-template-columns:1fr 1fr;gap:5px}.section-order-buttons button{border:1px solid #c8b69c;border-radius:7px;background:#fffaf0;padding:7px;font-size:.7rem;cursor:pointer}.section-order-buttons button:disabled{opacity:.35}.chapter-rule-panel .toc-check{display:flex;align-items:center;gap:6px}.chapter-rule-panel .toc-check input{margin:0}.physical-library>.library-cover-preview{margin-top:-12px;margin-bottom:0;animation:preview-open .28s ease-out}@keyframes preview-open{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:none}}@media(max-width:760px){.writing-book-shell{grid-template-columns:38px minmax(0,auto) 38px;padding:18px 5px}.page-corner{width:34px;height:58px}.editor-track .book-editor{padding:56px 42px;column-width:445px;column-gap:116px}.real-book-stage{height:min(756px,calc(100vh - 220px));min-height:410px;padding:6px}.page-flip-wrapper{width:100%}.flip-interior-page{padding:52px 40px 40px}.book-turn-controls{gap:8px}.book-turn-controls span{min-width:130px}.focused-cover-canvas{padding:12px}.focused-cover-label{align-items:flex-start;flex-direction:column}.focused-cover-canvas .konvajs-content{transform-origin:top left}.manual-reader{min-height:calc(100vh - 90px)}}.scaled-book-slot{z-index:1}.page-corner{z-index:50}.writing-book-shell{position:relative;isolation:isolate}.scaled-book-slot{grid-column:2;z-index:auto}.writing-spread-viewport{z-index:1}.page-corner{position:absolute!important;top:50%;z-index:9999;transform:translateY(-50%)}.page-corner.previous{left:7px}.page-corner.next{right:7px}.page-corner:not(:disabled):hover{transform:translateY(-50%) scale(1.06)}