:root{--paper:#f5f3e9}
.studio-body{background:#e5e9df}.studio-header{height:90px;padding:0 3%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #bccbbd;gap:25px}.studio-header>a{display:flex;align-items:center;gap:20px}.studio-header>a>span{font-size:25px}.studio-header img{width:116px;height:65px;object-fit:contain}.studio-caption{font-size:13px}.studio-header .button{padding:12px 21px;font-size:12px}.studio-layout{display:grid;grid-template-columns:235px minmax(350px,1fr) minmax(360px,1fr);min-height:calc(100svh - 90px)}.studio-sidebar{padding:38px 24px 30px;border-right:1px solid #bccbbd;display:flex;flex-direction:column}.studio-sidebar h1{font-size:41px;line-height:.99;font-weight:550}.studio-sidebar>p{font-size:12px;margin:24px 0 44px;color:#3d5949}.chapter-heading{display:flex;justify-content:space-between;font-size:12px;font-weight:700;padding-bottom:12px}.chapter-heading span{font-size:12px;font-weight:500}.studio-sidebar nav{display:flex;flex-direction:column;gap:7px}.chapter-button{background:transparent;display:flex;text-align:left;align-items:center;gap:13px;padding:12px 10px;border-radius:8px;font-size:12px;line-height:1.4;min-height:52px}.chapter-button:hover{background:#cbdcc2}.chapter-button[aria-current=page]{background:#f5f3e9}.chapter-button>span{font-size:12px;color:#3d5949}.add-chapter{background:transparent;display:flex;justify-content:space-between;font-size:12px;padding:17px 10px;border-bottom:1px solid #bccbbd}.studio-note{display:flex;gap:9px;align-items:start;margin:45px 0 20px}.studio-note p{font-size:12px;color:#3d5949;line-height:1.8}.status-dot{width:6px;height:6px;background:#426b50;border-radius:50%;margin-top:6px;flex-shrink:0}.back-home{font-size:12px;margin-top:auto;padding-top:35px}.back-home span{margin-left:25px}.editor-panel{background:var(--paper);padding:30px 34px;min-width:0}.editor-top{display:flex;justify-content:space-between;font-size:12px;gap:15px;color:#3d5949;padding-bottom:30px}.editor-fields label{font-size:12px;font-weight:700;display:block;margin-bottom:8px}.editor-fields input{font:550 33px/1.2 Fraunces,serif;background:transparent;border:0;border-bottom:1px solid var(--line);width:100%;padding:0 0 15px;letter-spacing:-.025em;margin-bottom:28px;min-width:0}.editor-fields textarea{width:100%;min-height:310px;border:0;background:transparent;line-height:1.9;font-size:14px;padding:0;resize:vertical;caret-color:#365e47}.editor-bottom{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#3d5949;border-top:1px solid var(--line);padding-top:14px}.editor-bottom p{max-width:30ch}.editor-bottom>span{white-space:nowrap}.editor-tools{display:flex;justify-content:space-between;gap:12px;margin-top:25px}.editor-tools button,.kept-version button{font-size:12px;background:#e5e9df;border:1px solid #a4b99f;padding:11px 14px;border-radius:25px;min-height:44px}.editor-tools button:last-child{background:var(--ink);color:var(--paper);border:0}.version-note{font-size:12px;color:#3d5949;line-height:1.6;margin-top:12px;min-height:32px}.book-settings{margin-top:20px;border-top:1px solid var(--line)}.book-settings summary{list-style:none;display:flex;justify-content:space-between;padding:18px 0;font-size:13px;font-weight:700;cursor:pointer}.book-settings summary::-webkit-details-marker{display:none}.book-settings[open] summary span{transform:rotate(45deg)}.book-settings>label{display:block;font-size:12px;font-weight:700;margin-bottom:5px}.book-settings>input{display:block;width:100%;padding:10px 12px;background:#faf8f0;border:1px solid #bccbbd;border-radius:7px;margin-bottom:15px;font-size:12px}.book-settings fieldset{padding:0;margin:17px 0 0;border:0}.book-settings legend{font-size:12px;font-weight:700;margin-bottom:10px}.swatches{display:flex;gap:12px}.swatch{width:44px;height:44px;border-radius:50%;border:1px solid #839b7b}.citron{--cover:#dde5c7;--cover-ink:#183c31;background:var(--cover);color:var(--cover-ink)}.rose{--cover:#cddcc7;--cover-ink:#183c31;background:var(--cover);color:var(--cover-ink)}.chalk{--cover:#f5f3e9;--cover-ink:#183c31;background:var(--cover);color:var(--cover-ink)}.olive{--cover:#183c31;--cover-ink:#f5f3e9;background:var(--cover);color:var(--cover-ink)}.swatch[aria-pressed=true]{outline:2px solid #183c31;outline-offset:3px}.book-panel{padding:30px 26px;background:#cddcc7;min-width:0;overflow:hidden}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px}.preview-toolbar h2{font:500 15px/1.3 Fraunces,serif;letter-spacing:0}.preview-toolbar button{font-size:12px;padding:10px 12px;min-height:44px;background:#f5f3e9;border-radius:20px;white-space:nowrap}.book-space{perspective:1200px;min-height:580px;display:flex;justify-content:center;align-items:center}.live-book{width:310px;min-height:435px;border-radius:2px 7px 7px 2px;position:relative;box-shadow:18px 26px 34px #183c312e;transform:rotate(-5deg) rotateY(-13deg);transition:transform .65s cubic-bezier(.16,1,.3,1),background .35s}.live-book:after{content:'';position:absolute;top:5px;bottom:5px;right:-10px;width:10px;background:#f5f3e9;border-right:1px solid #839b7b;border-radius:0 7px 7px 0}.live-book.reading{transform:rotate(0) rotateY(-3deg);background:#faf8f0;color:var(--ink);min-height:465px}.live-book.turning{transform:rotateY(-32deg) rotate(-2deg)}.cover-face{min-height:435px;position:relative;overflow:hidden;padding:28px 24px 22px;border-left:1px solid #5553;border-radius:2px 7px 7px 2px}.cover-overline{font-size:12px;letter-spacing:.06em}.cover-face h3{font-size:45px;line-height:.98;margin-top:27px;position:relative;z-index:2;overflow-wrap:anywhere}.cover-face img{position:absolute;width:280px;height:260px;object-fit:contain;right:-20px;bottom:25px;z-index:1}.cover-face>p{position:absolute;bottom:35px;left:24px;font-size:12px;z-index:3;max-width:230px;background:var(--cover);padding:3px 0;overflow-wrap:anywhere}.cover-publisher{position:absolute;bottom:17px;font-size:12px;left:24px}.page-face{padding:30px 27px 40px;min-height:465px;position:relative}.page-face[hidden],.cover-face[hidden]{display:none}.page-face>span:first-child{font-size:12px;color:#3d5949}.page-face h3{font-size:29px;line-height:1.1;margin:24px 0;overflow-wrap:anywhere}.page-face>div{font:12px/1.9 Manrope,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere}.page-face>span:last-child{position:absolute;bottom:15px;left:27px;font-size:12px}.page-controls{display:flex;align-items:center;justify-content:center;gap:30px}.page-controls button{width:45px;height:45px;background:#f5f3e9;border-radius:50%;font-size:20px}.page-controls span{font-size:12px;min-width:85px;text-align:center}.book-preview-note{text-align:center;font-size:12px;line-height:1.9;margin:23px auto 0;color:#3d5949}.kept-version{font-size:12px;border-top:1px solid #a4b99f;margin-top:30px;padding-top:15px}.kept-version summary{cursor:pointer;padding:8px 0}.kept-version p{font-size:12px;margin:13px 0}.kept-version button{background:#f5f3e9}.download-status{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--paper);border-radius:12px;font-size:12px;padding:13px 23px;z-index:5;max-width:90vw}.download-status:empty{display:none}
@media(max-width:1150px){.studio-layout{grid-template-columns:190px minmax(300px,1fr) minmax(310px,1fr)}.studio-sidebar{padding:30px 17px}.studio-sidebar h1{font-size:35px}.editor-panel{padding:26px 23px}.book-panel{padding:26px 18px}.live-book{width:260px;min-height:390px}.cover-face{min-height:390px;padding:22px}.cover-face h3{font-size:38px}.cover-face img{width:240px;height:230px}.book-space{min-height:535px}.preview-toolbar h2{max-width:13ch}.page-face{padding:24px 21px 40px}.page-face h3{font-size:26px}}
@media(max-width:900px){.studio-layout{grid-template-columns:190px 1fr}.book-panel{grid-column:1/-1}.book-space{min-height:570px}.live-book{width:310px}.cover-face{min-height:435px}.cover-face h3{font-size:45px}.cover-face img{width:280px;height:270px}.preview-toolbar h2{max-width:none}.studio-caption{display:none}.kept-version{max-width:550px;margin:30px auto 0}.studio-sidebar h1{font-size:34px}}
@media(max-width:580px){.studio-header{height:80px;padding:0 5%;gap:12px}.studio-header img{width:95px}.studio-header>a{gap:10px}.studio-header .button{font-size:12px;padding:12px 15px;gap:12px}.studio-layout{display:block}.studio-sidebar{padding:28px 6% 22px;border-right:0}.studio-sidebar h1{font-size:38px;line-height:1.04}.studio-sidebar h1 br{display:none}.studio-sidebar>p{margin:16px 0 24px;max-width:38ch}.studio-sidebar>p br{display:none}.studio-sidebar nav{flex-direction:row;overflow-x:auto;padding-bottom:9px}.chapter-button{min-width:125px;max-width:150px;flex-shrink:0}.add-chapter{align-self:start;gap:40px;padding:12px 10px}.studio-note{margin:20px 0 0}.studio-note p br{display:none}.back-home{display:none}.editor-panel{padding:27px 6%}.editor-fields textarea{min-height:270px;font-size:16px}.editor-fields input{font-size:31px}.book-settings>input{font-size:16px}.editor-top{padding-bottom:22px}.book-panel{padding:30px 6% 45px}.book-space{min-height:535px}.live-book{width:min(295px,85vw)}.cover-face h3{font-size:42px}.page-face>div{font-size:12px}.page-controls{gap:35px}.editor-tools button{font-size:12px}.download-status{width:90vw;text-align:center}.book-settings{margin-top:25px}}

.cover-face h3{margin-top:12px}.studio-header>a>.icon{width:24px;height:24px}.page-controls .icon{width:22px;height:22px}.back-home .icon{margin-left:20px}

.incoming-story{background:var(--yellow);padding:22px;margin-bottom:28px;border-radius:6px}.incoming-story h2{font-size:27px}.incoming-story p{font-size:13px;margin:15px 0}.incoming-story button{font-size:12px;padding:12px 16px}.incoming-story[hidden]{display:none}.cover-face img{width:112%;height:auto;right:-6%;bottom:60px}.cover-face h3{font-size:39px;max-width:10ch}.studio-sidebar h1{line-height:1.06}.editor-top,.editor-bottom,.version-note,.book-preview-note,.studio-note p{font-size:12px}

.cover-face{display:flex;flex-direction:column;min-height:435px}.cover-face h3{font-size:43px;line-height:1.08;max-width:100%;margin-top:18px;margin-bottom:28px}.cover-rule{width:72%;border-top:3px solid currentColor;border-bottom:1px solid currentColor;height:9px;margin-top:auto;margin-bottom:100px}.cover-face>p{max-width:calc(100% - 48px)}@media(max-width:1150px){.cover-face h3{font-size:37px}}