[hidden]{display:none!important}body{background:#fffdf9}.book-workspace{max-width:1440px;margin:auto;padding:32px}.book-workspace header{padding:0 0 26px}.eyebrow{font-size:11px;letter-spacing:2px;color:#77797d;margin-top:26px}a{color:#a95a08}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.book-tile{background:white;border:1px solid #eeedf0;border-radius:20px;padding:20px}.book-tile img{width:100%;height:170px;object-fit:contain;background:#f4f4f7;border-radius:12px}.book-tile h2{margin:18px 0 8px}.book-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}#studio{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px}.editor-bar{position:sticky;top:0;background:#fffdf9;z-index:2;padding:12px 0;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.editor-bar small{display:block;max-width:500px;color:#77797d}.field-block{border:1px solid #eeedf0;background:white;border-radius:16px;margin:14px 0;padding:20px}.field-block>summary{font-size:17px;font-weight:600;cursor:pointer}.field-block label{display:block;margin:14px 0;color:#55585f;font-size:13px}.field-block input:not([type=file]):not([type=checkbox]),.field-block textarea,.field-block select{width:100%;margin-top:7px;box-sizing:border-box}.field-block textarea{min-height:78px;resize:vertical;font:inherit}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.array-item{padding:16px;border:1px solid #eeedf0;border-radius:12px;margin:14px 0;background:#f7f7f9}.array-item .array-item{background:white}.array-actions{display:flex;justify-content:flex-end;gap:10px}.asset-preview{display:block;max-width:100%;height:100px;object-fit:contain;margin:8px 0}.preview-panel{position:sticky;top:20px;align-self:start;color:#77797d}.preview-panel p{font-size:13px;line-height:1.7}.phone-preview{background:#fffdf9;border:1px solid #eeedf0;border-radius:28px;padding:24px;max-height:72vh;overflow:auto;overflow-wrap:anywhere}.phone-preview img{width:100%;max-height:230px;object-fit:contain}.phone-preview h2{font-family:inherit;font-size:27px}.phone-preview p{line-height:1.8;color:#77797d}.phone-preview section{padding:18px 0;border-top:1px solid #eeedf0}.phone-preview small{color:#77797d}#saveError,#message{white-space:pre-line}#saveError{color:#a53131}.danger{color:#9e3730}button:disabled{opacity:.45;cursor:wait}input[type=file]{max-width:100%}@media(max-width:1000px){#studio{grid-template-columns:minmax(0,1fr)}.preview-panel{position:static;max-width:450px}}@media(max-width:600px){.book-workspace{padding:18px}.field-grid{grid-template-columns:1fr}.field-block{padding:14px}.book-workspace header{display:block}.editor-bar{position:static}.book-grid{grid-template-columns:1fr}}

.array-item>summary { cursor:pointer; font-weight:600; line-height:1.6; overflow-wrap:anywhere; }
.save-feedback:not(:empty){position:sticky;top:100px;background:#fff7df;border:1px solid #e6d6a8;border-radius:12px;padding:12px;z-index:3;}

.preview-panel{min-width:0;height:auto;padding:0;border:0;background:transparent;display:block;}
.field-block input[type=checkbox]{width:auto;min-height:0;margin-left:12px;}
.phone-preview p,.phone-preview h3{white-space:pre-wrap;}

#fields{border:0;padding:0;margin:0;min-width:0;}

.workspace-actions,.studio-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.workspace-actions{justify-content:flex-end}.book-tile{min-width:0}.book-tile h2,.book-tile p{overflow-wrap:anywhere}.book-tile .text-button{min-height:40px}.book-tile .danger{padding:8px 12px}.editor-bar>div{min-width:0}.field-block label small{display:block}.field-block select{font-size:14px}.field-block .publication-state{margin:0}.preview-panel{overflow:hidden}#bookDialogForm{padding:24px 28px}#message:not(:empty){padding:12px 16px;margin-bottom:18px;border-radius:12px;background:#fff7df;color:#70552b}#bookDialogBody,#bookDialogError{overflow-wrap:anywhere}#saveError:empty{display:none}
@media(max-width:600px){.workspace-actions{justify-content:flex-start;margin-top:18px}.studio-actions{width:100%;gap:8px}.studio-actions button{flex:1 0 auto}.book-workspace{padding:16px}.book-workspace h1{font-size:27px}.field-block .array-item{padding:12px}.array-actions{gap:8px;flex-wrap:wrap}#bookDialogForm{padding:18px}.save-feedback:not(:empty){position:static}.phone-preview{padding:18px}.book-actions{gap:8px}.book-actions button{flex:1 0 auto}}

/* Shared management cards; reading preview keeps native image proportions. */
.book-tile,.field-block{border-color:var(--surface-line);border-radius:var(--radius);box-shadow:var(--surface-shadow)}.book-tile{padding:22px;display:flex;flex-direction:column}.book-tile img{border-radius:16px}.book-tile .book-actions{margin-top:auto;padding-top:20px}.book-actions .primary,.book-actions .secondary{min-height:40px}
.eyebrow{color:#dc8818;font-size:12px;letter-spacing:0;font-weight:600;margin-bottom:6px}.editor-bar{border-bottom:1px solid var(--line);padding:18px 0}.field-block{margin-top:20px}.field-block label{color:#55585f}.phone-preview{background:#fff;border-radius:28px;box-shadow:var(--surface-shadow);border-color:var(--surface-line)}.phone-preview h2{font-weight:800;color:var(--ink)}.phone-preview h3{color:var(--ink)}
.book-workspace>header{align-items:flex-start;gap:24px}.book-workspace header p{max-width:650px}.preview-panel h3{color:var(--ink);margin-bottom:10px}.preview-panel>p{margin-bottom:18px}.book-workspace .preview-panel{height:auto}.array-item{border-radius:16px}.field-block>summary{color:var(--ink)}
.editor-bar{position:sticky;top:0;z-index:5;background:#f7f8fa;box-shadow:0 1px 0 #dfe3e8;padding:12px}.book-search{max-width:480px;margin:16px 0}.book-page-strip{display:flex;gap:9px;overflow-x:auto;padding:8px 0 14px}.page-tile{min-width:104px;max-width:104px;padding:7px;border:1px solid #dce1e7;border-radius:9px;background:#fff;display:flex;flex-direction:column;gap:6px;align-items:center}.page-tile.active{border:2px solid #b87928}.page-tile img{width:86px;height:65px;object-fit:contain}.page-tile small{font-size:11px;color:#6b7280}.missing-image{display:grid;place-items:center;min-height:65px;color:#946325;background:#fff6e5}.phone-preview{max-height:75vh;overflow:auto;position:relative}.phone-preview .selected-page{outline:2px solid #c78e3b;outline-offset:4px}#pageNavigator{background:#f7f8fa;padding:14px;margin-bottom:16px}.book-tile>small{color:#68717d}
.array-item[data-section^="pages."]{scroll-margin-top:150px}