body:has(.book){background:#ffffff;color:#252525;--ink:#252525;--muted:#656565;--line:#dedede}
.studio-site-shell{max-width:1060px;margin:auto;padding:0 40px}
.studio-site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:28px 0;border-bottom:1px solid var(--line)}
.studio-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;max-width:1060px;margin:0 auto;padding:24px 40px}
.studio-toolbar>span{font-size:20px;font-weight:650}
.studio-toolbar .top-actions{gap:10px}
.studio-site-header .site-language select{max-width:none}
@media(max-width:600px){.studio-site-shell{padding:0 24px}.studio-toolbar{padding:24px}.studio-site-header .site-language{margin-left:auto}}
@media print{.studio-site-shell,.studio-toolbar{display:none!important}}

.save-menu{position:relative}
.save-menu summary{list-style:none;cursor:pointer;background:#fff;border:1px solid #d6dce5;border-radius:9px;padding:8px 16px;font:inherit;color:inherit}
.save-menu summary::-webkit-details-marker{display:none}
.save-menu summary::after{content:"⌄";margin-left:12px}
.save-options{position:absolute;right:0;top:calc(100% + 6px);z-index:100;min-width:150px;display:flex;flex-direction:column;gap:4px;padding:6px;background:#fff;border:1px solid #dedede;border-radius:10px;box-shadow:0 6px 20px #00000012}
.save-options button{text-align:left;white-space:nowrap;border:0;background:#fff}
.save-options button:hover{background:#f3f3f3}
.save-options button[hidden]{display:none}

.studio-toolbar .top-actions{flex-wrap:nowrap;align-items:center}
.studio-toolbar .save-menu{margin:0;font-size:inherit;flex-shrink:0}
.studio-toolbar .top-actions>select,.studio-toolbar .top-actions>button,.studio-toolbar .save-menu>summary{height:40px;margin:0;font-size:14px;line-height:20px;padding:9px 12px}
.studio-toolbar .save-menu>summary{display:flex;align-items:center}
@media(max-width:600px){.studio-toolbar .top-actions{gap:8px}.studio-toolbar .top-actions>select{max-width:none;min-width:0;flex:1}.studio-toolbar .top-actions>select,.studio-toolbar .top-actions>button,.studio-toolbar .save-menu>summary{font-size:12px;padding:9px 8px}}

.studio-toolbar{justify-content:flex-end}
.studio-site-header:has(.service-navigation-stack){padding-bottom:72px}
@media(max-width:850px){.studio-site-header:has(.service-navigation-stack){padding-bottom:28px}}
/* A single workspace toolbar follows the actual book width. */
.studio-toolbar{width:calc(100% - 48px);max-width:1456px;margin:28px auto 12px;padding:0;min-height:52px}
.studio-toolbar .top-actions{display:flex;width:auto;gap:6px;padding:5px;border:1px solid #dedede;border-radius:12px;background:#fff;align-items:center}
.studio-toolbar .top-actions>select{max-width:none;width:160px;flex:none}
.studio-toolbar .top-actions>button{width:210px;white-space:nowrap}
.studio-toolbar .save-menu>summary{min-width:92px;justify-content:center}
.studio-toolbar .top-actions>select,.studio-toolbar .top-actions>button,.studio-toolbar .save-menu>summary{border-color:#dedede;background:#fff;color:#252525}
.studio-toolbar #guides[aria-pressed=true]{border-color:#252525;background:#fff;color:#252525}
.book-viewport{margin-top:0}
@media(max-width:759px){.studio-toolbar{width:calc(100% - 24px);margin-top:20px}.studio-toolbar .top-actions{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.studio-toolbar .top-actions>select,.studio-toolbar .top-actions>button{width:100%;min-width:0;max-width:none;padding:9px 6px;font-size:11px;overflow:hidden;text-overflow:ellipsis}.studio-toolbar .save-menu>summary{min-width:66px;font-size:12px;padding:9px 8px}.studio-toolbar .save-menu summary::after{margin-left:6px}.book-viewport{margin-top:0}}

/* Fixed editor and preview slots: output format only resizes the artwork. */
@media screen{main.book{grid-template-columns:720px 720px;width:1456px}.book>.workspace{width:720px;height:1018px}.book .paper-shell{margin-inline:auto}.book>aside{width:720px}}
@media screen and (max-width:759px){main.book{width:720px!important}.book>aside,body[data-panel=edit] .book>aside,.book .workspace{width:720px}.book .workspace{height:1018px}}