.accounting-live-editor-layout { display:grid;grid-template-columns:minmax(420px,1fr) minmax(320px,.88fr);gap:22px;align-items:start; }
.accounting-drawer.accounting-live-drawer { width:min(1450px,calc(100vw - 32px));max-width:calc(100vw - 32px); }
.accounting-live-editor-main { min-width:0; }
.accounting-live-editor-side { min-width:0;position:sticky;top:86px;align-self:start; }
.accounting-live-editor-side .accounting-live-preview { position:static; }
.accounting-live-editor-layout .document-edit-layout { grid-template-columns:minmax(0,1fr); }
.accounting-live-editor-layout .document-summary { position:static;grid-template-columns:repeat(2,minmax(0,1fr)); }
.accounting-live-preview { min-width:0;position:sticky;top:86px;align-self:start;background:#f7fafc;border:1px solid #d8e3ec;border-radius:12px;overflow:hidden; }
.accounting-live-preview details>summary { display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;cursor:pointer;padding:14px 16px;min-height:48px;font-size:14px;font-weight:700;color:#193b59;background:#fff; }
.accounting-live-preview summary::-webkit-details-marker { display:none; }
.accounting-live-preview summary>span:first-child::before { content:"▾";margin-right:8px; }
.accounting-live-preview details:not([open]) summary>span:first-child::before { content:"▸"; }
.accounting-live-preview [data-live-preview-badge] { color:#536f86;font-size:11px;font-weight:500; }
.accounting-live-preview[data-state="busy"] [data-live-preview-badge] { color:#138dc4; }
.accounting-live-preview[data-state="incomplete"] [data-live-preview-badge] { color:#926c33; }
.live-preview-content { border-top:1px solid #e0e9ef;padding:14px; }
.live-preview-heading strong { font-size:13px;color:#244967; }
.live-preview-heading p,.live-preview-status,.live-preview-note { font-size:12px;line-height:1.45;color:#60778b;margin:5px 0 10px;overflow-wrap:anywhere; }
.live-preview-toolbar { display:flex;flex-wrap:wrap;gap:6px; }
.live-preview-toolbar .secondary { display:inline-flex;align-items:center;justify-content:center;padding:7px 9px;min-height:36px;font-size:11px;line-height:1.3;text-decoration:none; }
.accounting-live-preview [hidden] { display:none!important; }
.live-preview-status { min-height:18px;margin:10px 0; }
.live-preview-warnings { border-left:3px solid #eaa94d;padding:5px 9px;margin:8px 0;background:#fffaf1;color:#705a36;font-size:11px; }
.live-preview-warnings ul { margin:0;padding-left:15px; }
.live-preview-page { background:#e7edf2;border:1px solid #d3dee7;border-radius:7px;overflow:hidden; }
.live-preview-page iframe { width:100%;height:clamp(340px,calc(100vh - 285px),820px);display:block;border:0;background:#fff; }
.live-preview-placeholder { min-height:420px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:32px;color:#6b8193; }
.live-preview-placeholder>span { font-size:52px;font-weight:400;line-height:1.4;color:#95adbd; }
.live-preview-placeholder strong { font-size:14px;font-weight:600; }
.live-preview-placeholder p { max-width:230px;font-size:12px;line-height:1.5; }
.live-preview-note { margin:9px 0 0;font-size:10px; }
@media(max-width:1119px){
 .accounting-live-editor-layout { grid-template-columns:minmax(0,1fr);gap:15px; }
 .accounting-live-editor-side { order:-1;position:static; }
 .accounting-live-preview { order:-1;position:static; }
 .live-preview-page iframe { height:68vh;min-height:350px;max-height:750px; }
 .live-preview-placeholder { min-height:300px; }
}
@media(max-width:600px){
 .accounting-drawer.accounting-live-drawer { width:100%;max-width:100%; }
 .accounting-live-editor-layout .document-summary { grid-template-columns:minmax(0,1fr); }
 .live-preview-content { padding:10px; }
 .accounting-live-preview details>summary { padding:12px; }
 .live-preview-toolbar .secondary { min-height:42px;font-size:12px; }
}
