:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1f2937;background:#f2f5f9;font-family:IBM Plex Sans,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}.layout{grid-template-columns:minmax(340px,1fr) minmax(360px,1fr);height:100%;display:grid}.pane{flex-direction:column;min-height:0;display:flex}.editor-pane{background:#f9fbff;border-right:1px solid #d5deea}.preview-pane{background:radial-gradient(circle at 15% 20%,#edf7ff 0%,#0000 45%),radial-gradient(circle at 80% 10%,#f8f8ef 0%,#0000 35%),#f5f7fb}.pane-header{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffbf;border-bottom:1px solid #d5deea;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.title-group h1,.title-group h2{letter-spacing:.01em;margin:0;font-size:1.05rem;font-weight:700}.title-group p{color:#607080;margin:2px 0 0;font-size:.82rem}.action-group{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:10px;padding:8px 12px;font-size:.83rem;font-weight:600}.btn.ghost{color:#2a405f;background:#f4f8ff;border-color:#cad7e8}.btn.solid{color:#fff;background:#2d5c95;border-color:#254c7f}.btn:hover{filter:brightness(.97)}.template-select{color:#2a405f;background:#fff;border:1px solid #cad7e8;border-radius:10px;min-width:148px;max-width:220px;padding:8px 10px;font-size:.83rem;font-weight:600}.template-select:focus{outline-offset:1px;outline:2px solid #9eb7d8}.editor-option-select{min-width:124px;max-width:150px}.editor-host{flex:1;min-height:0}.editor-host .cm-editor{height:100%;font-family:var(--editor-font-family,monospace);font-size:var(--editor-font-size,14px)}.editor-host .cm-scroller{overflow:auto}.preview-header{gap:10px}.preview-controls{align-items:center;gap:10px;display:flex}.slide-switch{color:#2a405f;cursor:pointer;-webkit-user-select:none;user-select:none;background:#f4f8ff;border:1px solid #cad7e8;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:.8rem;font-weight:600;line-height:1;display:inline-flex}.slide-switch:hover{filter:brightness(.98)}.slide-switch:focus-visible{outline-offset:1px;outline:2px solid #9eb7d8}.slide-switch-track{background:#b9c8dc;border-radius:999px;width:38px;height:22px;transition:background-color .18s;position:relative}.slide-switch-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .18s;position:absolute;top:2px;left:2px;box-shadow:0 1px 4px #14284633}.slide-switch-state{text-align:center;min-width:1.2em}.slide-switch.is-active{color:#1f4069;background:#edf3ff;border-color:#254c7f}.slide-switch.is-active .slide-switch-track{background:#2d5c95}.slide-switch.is-active .slide-switch-thumb{transform:translate(16px)}.status{color:#4f6279;align-items:center;gap:8px;font-size:.8rem;display:inline-flex}.status-dot{border-radius:999px;width:10px;height:10px;display:inline-block}.status-dot[data-tone=idle]{background:#91a3bc}.status-dot[data-tone=working]{background:#da9a28}.status-dot[data-tone=ok]{background:#2c8f5f}.status-dot[data-tone=error]{background:#cc4242}.diagnostics{color:#8f2f2f;white-space:pre-wrap;background:#fff5f5;border-bottom:1px solid #e2d9d9;max-height:160px;margin:0;padding:10px 12px;font-family:JetBrains Mono,Cascadia Code,monospace;font-size:12px;overflow:auto}.diagnostics.is-hidden{display:none}.preview-pages{flex-direction:column;flex:1;gap:14px;min-height:0;padding:14px;display:flex;overflow:hidden auto}.preview-pages>*{flex:none}.preview-pages.is-slide-mode{justify-content:center;overflow:hidden}.preview-pages.is-slide-mode .page-card{width:100%}.preview-pages.is-slide-mode .page-svg{justify-content:center;align-items:center;min-height:calc(100vh - 250px);display:flex}.preview-pages.is-slide-mode .page-svg canvas,.preview-pages.is-slide-mode .page-svg svg{width:auto;max-width:100%;max-height:calc(100vh - 280px)}.page-card{background:#fff;border:1px solid #d9e3f0;border-radius:12px;overflow:hidden;box-shadow:0 8px 28px #1122440f}.page-title{color:#516173;background:#f8fbff;border-bottom:1px solid #e6edf6;padding:10px 12px;font-size:.8rem}.page-svg{padding:8px}.page-svg svg,.page-svg canvas{width:100%;height:auto;display:block}.pdf-fallback-card{background:#fff;border:1px solid #d9e3f0;border-radius:12px;overflow:hidden;box-shadow:0 8px 28px #1122440f}.pdf-fallback-frame{background:#fff;border:0;width:100%;min-height:72vh;display:block}.empty-state{color:#5d6e85;text-align:center;background:#fff9;border:1px dashed #b8c7db;border-radius:10px;padding:22px}@media (width<=960px){.layout{grid-template-rows:48% 52%;grid-template-columns:1fr}.editor-pane{border-bottom:1px solid #d5deea;border-right:none}}