:root{--pf-bg:#f5f6f8;--pf-panel:#fff;--pf-border:#d5d9e0;--pf-text:#16191f;--pf-muted:#5f6673;--pf-primary:#1d4ed8;--pf-danger:#b91c1c;--pf-ok:#15803d;--pf-radius:6px;color:var(--pf-text);background:var(--pf-bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}a{color:var(--pf-primary)}.skip-link{position:absolute;top:0;left:-999px}.skip-link:focus{background:var(--pf-panel);z-index:100;padding:8px;top:8px;left:8px}.pf-header{background:var(--pf-panel);border-bottom:1px solid var(--pf-border);flex-wrap:wrap;align-items:center;gap:12px 20px;padding:10px 20px;display:flex}.pf-brand{color:var(--pf-text);font-weight:700;text-decoration:none}.pf-nav ul,.pf-lang ul{gap:4px;margin:0;padding:0;list-style:none;display:flex}.pf-nav a,.pf-lang a{border-radius:var(--pf-radius);color:var(--pf-text);padding:6px 10px;text-decoration:none;display:inline-block}.pf-nav a[aria-current=page],.pf-lang a[aria-current=true]{background:var(--pf-bg);font-weight:600}.pf-spacer{flex:1}.pf-main{max-width:1400px;margin:0 auto;padding:20px}.pf-main.wide{max-width:none;padding:0}.pf-card{background:var(--pf-panel);border:1px solid var(--pf-border);border-radius:var(--pf-radius);margin-bottom:16px;padding:16px 20px}.pf-auth{max-width:420px;margin:60px auto}label{margin:10px 0 4px;font-size:.9rem;font-weight:600;display:block}input[type=text],input[type=email],input[type=password],input[type=url],select,textarea{border:1px solid var(--pf-border);border-radius:var(--pf-radius);width:100%;font:inherit;background:var(--pf-panel);padding:8px 10px}textarea{min-height:320px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}button,.pf-button{font:inherit;border-radius:var(--pf-radius);border:1px solid var(--pf-border);background:var(--pf-panel);color:var(--pf-text);cursor:pointer;padding:7px 14px;text-decoration:none;display:inline-block}button.primary,.pf-button.primary{background:var(--pf-primary);border-color:var(--pf-primary);color:#fff}button.danger{color:var(--pf-danger)}button.small{padding:2px 8px;font-size:.85rem}button:disabled{opacity:.5;cursor:default}.pf-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pf-actions{margin-top:14px}.pf-error{color:var(--pf-danger)}.pf-ok{color:var(--pf-ok)}.pf-muted{color:var(--pf-muted)}table.pf-table{border-collapse:collapse;width:100%}.pf-table th,.pf-table td{text-align:left;border-bottom:1px solid var(--pf-border);vertical-align:middle;padding:8px 6px}.pf-badge{background:var(--pf-bg);border:1px solid var(--pf-border);border-radius:999px;padding:1px 8px;font-size:.8rem;display:inline-block}.pf-badge.published{background:#dcfce7;border-color:#86efac}.pf-pages{grid-template-columns:300px 1fr;min-height:calc(100vh - 56px);display:grid}.pf-tree{background:var(--pf-panel);border-right:1px solid var(--pf-border);padding:14px;overflow:auto}.pf-tree h2{text-transform:uppercase;letter-spacing:.04em;color:var(--pf-muted);margin:14px 0 6px;font-size:.8rem}.pf-tree ul{margin:0;padding:0;list-style:none}.pf-tree ul ul{padding-left:18px}.pf-tree li{margin:2px 0}.pf-tree-item{border-radius:var(--pf-radius);align-items:center;gap:4px;padding:4px 6px;display:flex}.pf-tree-item[data-selected=true]{background:var(--pf-bg)}.pf-tree-item[data-dragover=before]{box-shadow:0 -2px 0 var(--pf-primary)}.pf-tree-item[data-dragover=after]{box-shadow:0 2px 0 var(--pf-primary)}.pf-tree-item a{color:var(--pf-text);flex:1;text-decoration:none}.pf-tree-item .tools{gap:2px;display:flex}.pf-tree-item .tools button{padding:0 5px;font-size:.8rem;line-height:1.5}.pf-tree details summary{cursor:pointer;margin:8px 0}.pf-preview-pane{flex-direction:column;display:flex}.pf-preview-bar{background:var(--pf-panel);border-bottom:1px solid var(--pf-border);align-items:center;gap:12px;padding:10px 16px;display:flex}.pf-preview-bar h1{margin:0;font-size:1rem}.pf-preview-frame{flex:1;justify-content:center;padding:16px;display:flex;overflow:auto}.pf-preview-frame iframe{border:1px solid var(--pf-border);width:100%;height:calc(100vh - 140px);max-width:var(--preview-width,100%);background:#fff;transition:max-width .2s}@media (width<=800px){.pf-pages{grid-template-columns:1fr}.pf-tree{border-right:0;border-bottom:1px solid var(--pf-border)}}