:root{--bg:#f6f7f9;--surface:#ffffff;--border:#dfe3e8;--ink:#1f2933;--muted:#6b7280;--accent:#1d4ed8;--danger:#b42318;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.booting{padding:48px;color:var(--muted)}.editor{max-width:1500px;margin:0 auto;padding:24px}.topbar{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.topbar h1{margin:0;font-size:20px}.topbar p{margin:4px 0 0;color:var(--muted);max-width:60ch}.topbar-actions{display:flex;gap:8px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--ink);font:inherit;font-weight:500;cursor:pointer;text-decoration:none}.button:hover:not(:disabled){border-color:#b9c0c9}.button:disabled,.button[aria-disabled=true]{opacity:.5;pointer-events:none}.button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.button.subtle{background:transparent}.button.danger{color:var(--danger)}.issues{border:1px solid #f2b8b5;background:#fef3f2;color:#7a271a;border-radius:8px;padding:12px 16px;margin-bottom:16px}.issues ul{margin:6px 0 0;padding-left:18px}.panes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:20px;gap:20px;align-items:start}@media (max-width:1000px){.panes{grid-template-columns:minmax(0,1fr)}}.pane-preview{position:-webkit-sticky;position:sticky;top:24px}.form{gap:16px}.form,fieldset{display:flex;flex-direction:column}fieldset{border:1px solid var(--border);border-radius:10px;background:var(--surface);padding:16px;margin:0;gap:12px}legend{padding:0 6px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}label,legend{font-size:12px;color:var(--muted)}label{display:flex;flex-direction:column;gap:4px}input,select,textarea{font:inherit;color:var(--ink);padding:7px 9px;border:1px solid var(--border);border-radius:6px;background:#fff;width:100%}input:focus,textarea:focus{outline:2px solid rgba(29,78,216,.35);outline-offset:1px;border-color:var(--accent)}input[type=file]{border:none;padding:0}textarea{resize:vertical}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px}.grid-2,.grid-3{display:grid;gap:12px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px}.checkbox{flex-direction:row;align-items:center;gap:8px;color:var(--ink);font-size:14px;align-self:end;padding-bottom:8px}.checkbox input{width:auto}.file{gap:8px}.templates{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));grid-gap:8px;gap:8px}.template{flex-direction:row;align-items:flex-start;gap:10px;border:1px solid var(--border);border-radius:8px;padding:10px;cursor:pointer}.template.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.template input{width:auto;margin-top:2px}.swatch{width:12px;height:12px;border-radius:3px;margin-top:3px;flex:none}.template-text{display:flex;flex-direction:column;gap:2px}.template-text strong{color:var(--ink);font-size:13px}.item{display:flex;flex-direction:column;gap:8px;border:1px solid var(--border);border-radius:8px;padding:12px}.item-grid{display:grid;grid-template-columns:minmax(0,3fr) 70px minmax(0,1fr) minmax(0,1fr) auto;grid-gap:10px;gap:10px;align-items:end}@media (max-width:700px){.grid-2,.grid-3,.item-grid{grid-template-columns:minmax(0,1fr)}}.item-amount{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted);padding-bottom:8px}.item-amount strong{color:var(--ink)}.totals{margin:0;border-top:1px solid var(--border);padding-top:10px;display:flex;flex-direction:column;gap:4px}.totals>div{display:flex;justify-content:space-between}.totals dd,.totals dt{margin:0}.totals dt{color:var(--muted)}.totals .grand{font-weight:700;font-size:16px;border-top:1px solid var(--border);padding-top:6px;margin-top:2px}.preview{border:1px solid var(--border);border-radius:10px;background:var(--surface);overflow:hidden}.preview-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid var(--border)}.preview-status{font-size:12px;color:var(--muted)}.preview-frame{width:100%;height:calc(100vh - 160px);min-height:520px;border:0;display:block;background:#eceff3}.preview-empty{display:flex;align-items:center;justify-content:center;color:var(--muted)}