/* The front page editor (owner only). */
.dir textarea{font-family:var(--font-mono);font-size:var(--text-ui)}
.preview-label{margin-top:1.25rem;font-family:var(--font-mono);font-size:var(--text-meta);color:var(--muted-foreground)}
.dir .preview{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);overflow:hidden}
.dir .preview .lab:last-child{border-bottom:0}
.preview .head{position:relative}
.preview .status.pickable{cursor:pointer;padding:.125rem .375rem;margin-right:-.375rem;border-radius:var(--radius-sm)}
.preview .status.pickable:hover,.preview .status.pickable:focus-visible{background:var(--muted);color:var(--foreground);outline:none}
.preview .status.none{opacity:.6}
.preview .status.none::before{border:1.5px dashed var(--muted-foreground);background:none;width:.4rem;height:.4rem}
.status-menu{position:absolute;right:0;top:100%;z-index:5;display:flex;flex-direction:column;min-width:11rem;padding:.25rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 6px 20px rgba(0,0,0,.08)}
.status-menu button{all:unset;cursor:pointer;padding:.4rem .5rem;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-meta);color:var(--foreground)}
.status-menu button:hover,.status-menu button:focus-visible{background:var(--muted)}
.status-menu button.is-now{background:var(--accent);font-weight:600}
.status-menu .status{margin:0;color:inherit}
.dir .welcome{position:relative;padding-right:2.5rem}
.close-edit{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:0;border-radius:var(--radius);background:none;color:var(--muted-foreground);cursor:pointer}
.close-edit:hover{background:var(--accent);color:var(--foreground)}
.close-edit svg{width:20px;height:20px}