:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,sans-serif}body{color:#1a1a1a;background:#f6f6f7;margin:0}.page{max-width:900px;margin:0 auto;padding:1rem}.card{background:#fff;border-radius:8px;flex-direction:column;gap:.75rem;max-width:360px;margin:10vh auto;padding:1.5rem;display:flex;box-shadow:0 1px 4px #0000001f}label{flex-direction:column;gap:.25rem;font-size:.9rem;display:flex}input{font:inherit;border:1px solid #ccc;border-radius:4px;padding:.5rem}button,.button{cursor:pointer;font:inherit;color:inherit;background:#fff;border:1px solid #888;border-radius:4px;padding:.5rem .9rem;text-decoration:none}button.danger{color:#b33;border-color:#b33}.error{color:#b33}.muted{color:#777}.center{text-align:center;margin-top:20vh}.topbar{background:#fff;border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 1rem;display:flex}.row-between{justify-content:space-between;align-items:center;display:flex}.doc-list{flex-direction:column;gap:.5rem;padding:0;list-style:none;display:flex}.doc-list li{background:#fff;border-radius:6px;align-items:center;gap:1rem;padding:.6rem .8rem;display:flex}.doc-list li a{flex:1}.gallery{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;margin:1rem 0;display:grid}.tile{text-align:left;flex-direction:column;gap:.3rem;padding:1rem;display:flex}.tile.active{outline:2px solid #06c}.editor-page{flex-direction:column;height:100vh;display:flex}.editor-split{flex:1;grid-template-columns:1fr 1fr 220px;min-height:0;display:grid}.editor-column{flex-direction:column;min-height:0;display:flex}.editor-host{background:#fff;border-right:1px solid #ddd;flex:1;min-height:0;overflow:auto}.editor-host .cm-editor{height:100%}.preview-host{background:#eee;padding:1rem;overflow:auto}.asset-panel{background:#fff;border-left:1px solid #ddd;flex-direction:column;gap:.5rem;padding:.75rem;display:flex;overflow:auto}.asset-panel ul{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.asset-panel li{align-items:center;gap:.4rem;font-size:.85rem;display:flex}.asset-panel .filename{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.status.ok{color:#2a7}.status.warn{color:#b73}.preview-toolbar{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.preview-pages svg{background:#fff;max-width:100%;height:auto;margin:0 auto .75rem;display:block;box-shadow:0 1px 4px #0003}.diagnostics{background:#fee;border-top:1px solid #e99;max-height:8rem;margin:0;padding:.5rem 1rem;font-family:monospace;font-size:.8rem;overflow:auto}