:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{margin:0}main{max-width:40rem;margin:0 auto;padding:3rem 1rem}.auth{max-width:22rem}.auth form{gap:.75rem;display:grid}.auth label{gap:.25rem;font-size:.9rem;display:grid}input,button{font:inherit;border:1px solid #8886;border-radius:6px;padding:.5rem .75rem}button{cursor:pointer}button:disabled{opacity:.6;cursor:progress}.error{color:#d33;margin:0}.muted{opacity:.75;font-size:.9rem}section{margin-top:2.5rem}.stack{gap:.75rem;margin-bottom:1rem;display:grid}.stack>button{justify-self:start}.stack label{gap:.25rem;font-size:.9rem;display:grid}.row{gap:.5rem;display:flex}.row input{flex:1;min-width:0}.list{margin:0;padding:0;list-style:none}.list li{border-bottom:1px solid #8884;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 0;display:flex}.snippet{white-space:pre-wrap;overflow-wrap:anywhere;background:#8882;border-radius:6px;padding:.75rem}.danger{color:#d33;border-color:#d336}.stack-tight{gap:.25rem;display:grid}.badge{background:#8883;border-radius:999px;margin-left:.5rem;padding:0 .5rem;font-size:.75rem;display:inline-block}.badge.live{color:#2a7;background:#2a73}.badge.pending{color:#b80;background:#d903}.list+.stack{margin-top:1rem}a.button{color:inherit;border:1px solid #8886;border-radius:6px;padding:.5rem .75rem;text-decoration:none}select,textarea{font:inherit;border:1px solid #8886;border-radius:6px;padding:.5rem .75rem}textarea{resize:vertical}main.editor{box-sizing:border-box;flex-direction:column;max-width:none;height:100vh;padding:0;display:flex}.editor-header{border-bottom:1px solid #8884;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.editor-actions{align-items:center}.editor-notice{border-bottom:1px solid #8884;padding:.5rem 1rem}.editor-panes{flex:1;grid-template-columns:280px minmax(0,1fr) 340px;min-height:0;display:grid}.pane{border-right:1px solid #8884;padding:1rem;overflow-y:auto}.pane:last-child{border-right:0}.pane-title{margin:0;font-size:1rem}.pane .stack label,.field{gap:.25rem;font-size:.9rem;display:grid}.field input:not([type=checkbox]):not([type=range]):not([type=color]),.field select,.field textarea{box-sizing:border-box;width:100%}.pane label.check{align-items:center;gap:.5rem;display:flex}.narrow{flex:0 0 4.5rem;width:4.5rem}.row input.narrow{flex:0 0 4.5rem}.row input.swatch{flex:0 0 2.75rem;width:2.75rem;height:2.5rem;padding:.2rem}.block-list{gap:.25rem;margin:0;padding:0;list-style:none;display:grid}.block-row{background:canvas;border:1px solid #8884;border-radius:6px;align-items:stretch;gap:.25rem;display:flex}.block-row.selected{border-color:#48f;box-shadow:0 0 0 1px #48f}.block-row.dragging{z-index:1;position:relative;box-shadow:0 4px 16px #0003}.block-row button{background:0 0;border:0;padding:.4rem}.drag-handle{cursor:grab;touch-action:none;opacity:.6}.block-select{text-align:left;flex:1;min-width:0;display:grid}.block-type{font-size:.8rem;font-weight:600}.block-excerpt{white-space:nowrap;text-overflow:ellipsis;opacity:.75;font-size:.85rem;overflow:hidden}.block-row .icon{opacity:.7;width:2rem}.issue-dot{vertical-align:middle;background:#d33;border-radius:50%;width:.5rem;height:.5rem;margin-left:.4rem;display:inline-block}.tabs{border-bottom:1px solid #8884;gap:.25rem;display:flex}.tabs button{background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0}.tabs button[aria-selected=true]{border-bottom-color:currentColor;font-weight:600}.rule-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.rule-row{align-items:center;gap:.5rem;font-size:.9rem;display:flex}.rule-row input:not(.narrow),.rule-row select{flex:1;width:0;min-width:0}.add-rule{justify-self:start}.rule-label{flex:1}.rule-row input.narrow{flex:0 0 4.5rem}.rule-row button.icon{opacity:.7;background:0 0;border:0;padding:.25rem .4rem}.rule-group-title{font-size:.9rem;font-weight:500}.preview-pane{padding:0;overflow:hidden}.preview{grid-template-rows:auto 1fr;height:100%;display:grid}.preview-toolbar{border-bottom:1px solid #8884;justify-content:center;gap:.25rem;padding:.5rem;display:flex}.preview-toolbar button[aria-pressed=true],.pane button[aria-pressed=true]:not(.block-select){background:#8883}.preview-stage{background:#8881;justify-content:center;min-height:0;padding:1rem;display:flex}.preview-frame{background:#fff;border:1px solid #8886;border-radius:6px;width:100%;height:100%;transition:width .2s}.preview-frame.mobile{width:375px;max-width:100%}.preview-page{box-sizing:border-box;color:#111;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;align-content:start;gap:1rem;min-height:100vh;padding:2rem;display:grid}.preview-page-bar{background:#eee;border-radius:6px;height:2.5rem}.preview-page-line{background:#eee;border-radius:4px;width:60%;height:.9rem}.preview-page-line.wide{width:90%}.preview-page-line.short{width:35%}.preview-closed{text-align:center;margin:2rem 0 0}@media (max-width:900px){main.editor{height:auto}.editor-panes{grid-template-columns:1fr}.pane{border-bottom:1px solid #8884;border-right:0}.preview-pane{height:70vh}}