.editor-grid{--rail:12.5rem;--split:27rem;grid-template-rows:auto minmax(0,1fr);display:grid}.pane-rail{border-bottom:1px solid var(--color-line);overflow:auto hidden}.rail-heading{display:none}.rail-list{gap:.25rem;min-width:max-content;padding:.5rem .75rem;display:flex}.rail-row{align-items:center;gap:.125rem;display:flex;position:relative}.rail-item{min-width:0;color:var(--color-ink-soft);white-space:nowrap;border-radius:.5rem;flex:auto;align-items:center;gap:.5rem;padding:.5rem .7rem;font-size:.8125rem;font-weight:500;transition:background-color .15s,color .15s;display:flex}.rail-item:hover{background:var(--color-paper-sunk)}.rail-item[aria-current=true]{background:var(--color-paper-sunk);color:var(--color-ink);font-weight:600}.rail-item[aria-current=true] svg{color:var(--color-ink)}.rail-count{font-variant-numeric:tabular-nums;color:var(--color-ink-faint);margin-left:auto;padding-left:.5rem;font-size:.6875rem;transition:opacity .15s}.rail-count:empty{display:none}.rail-row[data-hidden=true] .rail-item{color:var(--color-ink-faint)}.rail-row[data-hidden=true] .rail-label{text-decoration:line-through 1px}.rail-actions{flex:none;align-items:center;gap:.0625rem;display:flex}.rail-btn{width:1.5rem;height:1.5rem;color:var(--color-ink-faint);border-radius:.375rem;flex:none;place-items:center;transition:background-color .12s,color .12s,opacity .12s;display:grid}.rail-btn:hover,.rail-btn[aria-expanded=true]{background:var(--color-line);color:var(--color-ink)}.rail-btn:focus-visible{outline-offset:1px}.rail-btn:disabled{opacity:.25}.rail-btn:disabled:hover{color:var(--color-ink-faint);background:0 0}@media (hover:hover){.rail-actions{opacity:0;pointer-events:none;background:linear-gradient(to right, color-mix(in srgb, var(--color-paper-sunk), transparent 100%), var(--color-paper-sunk) 1.5rem);border-radius:.375rem;padding-left:1.5rem;transition:opacity .15s;position:absolute;top:50%;right:.25rem;transform:translateY(-50%)}.rail-row:hover .rail-actions,.rail-row:has(:focus-visible) .rail-actions,.rail-row:has(.rail-btn[aria-expanded=true]) .rail-actions{opacity:1;pointer-events:auto}.rail-row:hover .rail-count,.rail-row:has(:focus-visible) .rail-count,.rail-row:has(.rail-btn[aria-expanded=true]) .rail-count{opacity:0}}.rail-menu{z-index:50;border:1px solid var(--color-line);background:var(--color-paper);width:13.75rem;box-shadow:var(--shadow-lift);border-radius:.75rem;padding:.3125rem;position:fixed}.rail-menu-item{text-align:left;width:100%;color:var(--color-ink);border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem;font-size:.8125rem;line-height:1.25;transition:background-color .15s,color .15s;display:flex}.rail-menu-item:hover{background:var(--menu-hover)}.rail-menu-item:focus-visible{outline-offset:-1px}.rail-menu-icon{width:.9375rem;height:.9375rem;color:var(--color-ink-muted);flex:none;transition:color .15s}.rail-menu-item:hover .rail-menu-icon{color:inherit}.rail-menu-item[data-section-toggle]:hover{color:var(--color-clay);background:var(--color-clay-soft)}.rail-menu-item[data-section-toggle]{border-top:1px solid var(--color-line);border-radius:.5rem;margin-top:.25rem;padding-top:.5625rem}.rail-row[data-hidden=true] [data-toggle-slash],.rail-row[data-renaming=true] .rail-item,.rail-row[data-renaming=true] .rail-actions{display:none}.rail-rename{border:1px solid var(--color-ink);background:var(--color-surface);width:100%;min-width:0;font:inherit;color:var(--color-ink);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-ink), transparent 92%);border-radius:.5rem;padding:.5rem .7rem;font-size:.8125rem;font-weight:500;line-height:1.15}.rail-rename:focus{outline:none}.panel-title{letter-spacing:-.015em;font-size:1rem;font-weight:600}.pane-splitter{display:none}@media (width<64rem){[data-active-view=edit] .pane-preview,[data-active-view=preview] .pane-edit,[data-active-view=preview] .pane-rail{display:none}}@media (width>=64rem){.editor-grid{grid-template-rows:minmax(0,1fr);grid-template-columns:var(--rail) var(--split) .5rem minmax(0, 1fr)}.pane-rail{border-bottom:0;padding:1.5rem .75rem;overflow:hidden auto}.rail-heading{letter-spacing:.16em;text-transform:uppercase;color:var(--color-ink-faint);padding:0 .7rem .6rem;font-size:.625rem;font-weight:600;display:block}.rail-list{min-width:0;padding:0;display:block}.rail-list li+li{margin-top:.125rem}.pane-splitter{cursor:col-resize;background:var(--color-line);touch-action:none;justify-content:center;align-items:center;transition:background-color .15s;display:flex}.pane-splitter:hover,.pane-splitter:focus-visible,.pane-splitter[data-dragging=true]{background:var(--color-line-strong);outline:none}.pane-splitter-grip{background:var(--color-ink-faint);opacity:0;border-radius:999px;width:2px;height:2.25rem;transition:opacity .15s}.pane-splitter:hover .pane-splitter-grip,.pane-splitter:focus-visible .pane-splitter-grip,.pane-splitter[data-dragging=true] .pane-splitter-grip{opacity:1}body[data-resizing=true]{cursor:col-resize;user-select:none}}.editor-bar{z-index:30;border-bottom:1px solid color-mix(in srgb, var(--color-line) 60%, transparent);position:relative}[data-menu-panel],.rail-menu,.dl-menu{background:var(--menu-surface);-webkit-backdrop-filter:blur(var(--menu-blur)) saturate(1.5);border:1px solid var(--glass-line);border-radius:.75rem}.bar-button{border:1px solid var(--color-line-strong);height:2.25rem;color:var(--color-ink);white-space:nowrap;border-radius:.5rem;align-items:center;gap:.5rem;padding:0 .75rem;font-size:.8125rem;font-weight:500;transition:background-color .15s,border-color .15s;display:inline-flex}.bar-button:hover,.bar-button[aria-expanded=true]{background:var(--menu-hover)}.menu-panel{box-shadow:var(--shadow-lift);border-radius:.75rem}.menu-group{letter-spacing:.14em;text-transform:uppercase;color:var(--color-ink-muted);padding:.5rem .625rem .25rem;font-size:.625rem;font-weight:600}.menu-item{border-radius:.5rem;padding:.5rem .625rem;transition:background-color .15s}.menu-item:hover,.menu-item[aria-pressed=true]{background:var(--menu-hover)}.size-stepper{border:1px solid var(--color-line-strong);border-radius:.5rem;align-items:center;height:2.25rem;display:inline-flex;overflow:hidden}.size-step{width:1.875rem;color:var(--color-ink-soft);align-self:stretch;place-items:center;transition:background-color .15s,color .15s;display:grid}.size-step:hover:not(:disabled){background:var(--menu-hover);color:var(--color-ink)}.size-step:disabled{color:var(--color-ink-faint);cursor:default}.size-value{border-inline:1px solid var(--color-line-strong);font-variant-numeric:tabular-nums;min-width:2.75rem;color:var(--color-ink);align-self:stretch;padding:0 .125rem;font-size:.75rem;font-weight:500;transition:background-color .15s}.size-value:hover{background:var(--menu-hover)}.doc-label{border:1px solid var(--glass-line);background:color-mix(in srgb, var(--color-surface) 60%, transparent);-webkit-backdrop-filter:blur(10px);color:var(--color-ink);white-space:nowrap;border-radius:999px;align-items:center;gap:.4375rem;padding:.3125rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.doc-label svg{color:var(--color-ink-muted)}.rail-exit{border-top:1px solid var(--color-line);color:var(--color-ink-muted);align-items:center;gap:.4375rem;margin:.75rem .5rem 0;padding:.5rem .625rem;font-size:.75rem;transition:color .15s;display:flex}.rail-exit:hover{color:var(--color-ink)}.dl-item{text-align:left;border-radius:.625rem;align-items:flex-start;gap:.625rem;width:100%;padding:.625rem .6875rem;transition:background-color .15s;display:flex}.dl-item:hover{background:var(--menu-hover)}.dl-icon{width:1.75rem;height:1.75rem;color:var(--color-ink-soft);background:var(--menu-hover);border:1px solid var(--color-line-strong);border-radius:.5rem;flex:none;place-items:center;margin-top:.0625rem;display:grid}.dl-item:hover .dl-icon{color:var(--color-ink);border-color:var(--color-line-strong)}.dl-text{min-width:0}.dl-title{letter-spacing:-.01em;color:var(--color-ink);font-size:.8125rem;font-weight:600;display:block}.dl-note{color:var(--color-ink-muted);margin-top:.125rem;font-size:.6875rem;font-weight:400;line-height:1.4;display:block}.dl-switch{border-top:1px solid var(--color-line-strong);color:var(--color-ink);align-items:flex-start;gap:.5rem;margin-top:.25rem;padding:.6875rem .6875rem .5rem;font-size:.75rem;font-weight:500;display:flex}.dl-switch input{accent-color:var(--color-ink);flex:none;width:.875rem;height:.875rem;margin-top:.125rem}.cover-action{border:1px solid var(--color-line);color:var(--color-ink);border-radius:999px;flex:none;padding:.375rem .75rem;font-size:.75rem;font-weight:500;transition:background-color .2s,border-color .2s}.cover-action:hover{background:var(--color-paper-sunk);border-color:var(--color-line-strong)}.photo-preview{border:1px solid var(--color-line);background:var(--color-paper-sunk);width:4.5rem;height:4.5rem;color:var(--color-ink-faint);border-radius:.75rem;flex:none;place-items:center;display:grid;overflow:hidden}.photo-preview img{object-fit:cover;width:100%;height:100%}.photo-blank{fill:currentColor;opacity:.4;width:55%;height:55%}.photo-preview:has(img) .photo-blank{display:none}.photo-button{border:1px solid var(--color-line);color:var(--color-ink);cursor:pointer;border-radius:999px;align-items:center;gap:.4375rem;padding:.4375rem .875rem;font-size:.75rem;font-weight:500;transition:background-color .2s,border-color .2s;display:inline-flex}.photo-button:hover{background:var(--color-paper-sunk);border-color:var(--color-line-strong)}.photo-button:has(input:focus-visible){outline:2px solid var(--color-ink);outline-offset:2px}.photo-remove{color:var(--color-ink-muted);border-radius:999px;padding:.4375rem .75rem;font-size:.75rem;font-weight:500;transition:background-color .2s,color .2s}.photo-remove:hover{background:var(--color-clay-soft);color:var(--color-clay)}.dl-foot{border-top:1px solid var(--color-line-strong);color:var(--color-ink-muted);margin-top:.25rem;padding:.625rem .6875rem .375rem;font-size:.6875rem;line-height:1.4}.letter-hint{border:1px solid var(--color-line);background:var(--color-paper-sunk);color:var(--color-ink-soft);border-radius:.75rem;padding:.875rem 1rem;font-size:.75rem;line-height:1.6}.letter-hint strong{color:var(--color-ink);font-weight:600}@media (width<40rem){.bar-tools [data-menu]{position:static}.bar-tools [data-menu-panel]{width:auto;top:calc(100% + .25rem);left:0;right:0}.bar-tools .bar-button{gap:.35rem;padding:0 .6rem}}