:root{--color-bg: #f4f5f7;--color-surface: #ffffff;--color-sidebar-bg: #1e1e2e;--color-sidebar-text: #cdd6f4;--color-sidebar-active: #89b4fa;--color-sidebar-hover: #313244;--color-topbar-bg: #ffffff;--color-border: #e1e4e8;--color-primary: #1570ef;--color-primary-hover: #175cd3;--color-danger: #d92d20;--color-danger-hover: #b42318;--color-success: #067647;--color-text: #101828;--color-text-secondary: #475467;--color-text-muted: #98a2b3;--color-input-bg: #ffffff;--color-input-border: #d0d5dd;--color-input-focus: #1570ef;--sidebar-width: 220px;--topbar-height: 52px;--radius: 6px;--shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;color:var(--color-text);background:var(--color-bg);line-height:1.5}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;outline:none}input,textarea,select{font-family:inherit;font-size:inherit}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius);font-weight:500;font-size:14px;transition:background .15s,opacity .15s;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-bg)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background:var(--color-danger-hover)}.btn-ghost{background:transparent;color:var(--color-text-secondary);padding:5px 10px}.btn-ghost:hover:not(:disabled){background:var(--color-bg);color:var(--color-text)}.btn-sm{padding:4px 10px;font-size:13px}.topbar-publish-controls{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}.publish-status{display:inline-flex;align-items:center;gap:8px;min-height:24px;padding:0 10px;border-radius:999px;border:1px solid transparent;font-size:12px;font-weight:600;letter-spacing:.01em;white-space:nowrap}.publish-status--publishing{color:var(--color-primary-hover);background:#1570ef14;border-color:#1570ef2e}.publish-status--success{color:var(--color-success);background:#06764714;border-color:#0676472e}.publish-status--error{color:var(--color-danger);background:#d92d2014;border-color:#d92d202e}.publish-status__icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:999px;background:currentColor;color:var(--color-surface);font-size:10px;font-weight:700;flex-shrink:0}.publish-status__icon--publishing{animation:save-indicator-pulse 1s ease-in-out infinite}.form-field{display:flex;flex-direction:column;gap:5px}.form-label{font-size:13px;font-weight:500;color:var(--color-text)}.form-input{padding:8px 12px;border:1px solid var(--color-input-border);border-radius:var(--radius);background:var(--color-input-bg);color:var(--color-text);width:100%;transition:border-color .15s}.form-input:focus{outline:none;border-color:var(--color-input-focus);box-shadow:0 0 0 3px #1570ef1a}.form-input.error{border-color:var(--color-danger)}.form-error{font-size:12px;color:var(--color-danger)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:16px}.page-node-card{margin-bottom:12px;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface)}.page-node-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.page-node-card__summary{display:flex;align-items:center;gap:8px;min-width:0;flex:1 1 auto}.page-node-card__toggle{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid var(--color-border);border-radius:999px;background:var(--color-bg);color:var(--color-text-secondary);flex-shrink:0;transition:background .15s,border-color .15s,color .15s}.page-node-card__toggle:hover:not(:disabled){background:var(--color-surface);color:var(--color-text)}.page-node-card__chevron{width:12px;height:12px;transition:transform .15s ease}.page-node-card__chevron--expanded{transform:rotate(90deg)}.page-node-card__label-group{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}.page-node-card__title{font-size:13px;font-weight:600;color:var(--color-text);overflow-wrap:anywhere}.page-node-card__type-badge{display:inline-flex;align-items:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:3px;padding:1px 6px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:10px;color:var(--color-text-secondary)}.page-node-card__actions{display:flex;align-items:center;gap:6px;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.page-node-card__content{margin-top:10px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--color-border)}.table th{font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);background:var(--color-bg)}.table tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--color-bg);cursor:pointer}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.editor-page-header{gap:12px;flex-wrap:wrap}.editor-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.save-indicator{position:fixed;bottom:16px;left:16px;display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 12px;border-radius:999px;border:1px solid transparent;font-size:12px;font-weight:600;letter-spacing:.01em;white-space:nowrap;z-index:9000}.save-indicator--saving{color:var(--color-primary-hover);background:#1570ef14;border-color:#1570ef2e}.save-indicator--saved{color:var(--color-success);background:#06764714;border-color:#0676472e}.save-indicator--error,.save-indicator--invalid{color:var(--color-danger);background:#d92d2014;border-color:#d92d202e}.save-indicator__icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:999px;background:currentColor;color:var(--color-surface);font-size:10px;font-weight:700;flex-shrink:0}.save-indicator__icon--saving{animation:save-indicator-pulse 1s ease-in-out infinite}@keyframes save-indicator-pulse{0%,to{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1)}}@media (max-width: 720px){.topbar-publish-controls,.editor-header-actions{width:100%;justify-content:flex-start}.page-node-card__header{flex-wrap:wrap}.page-node-card__actions{width:100%;justify-content:flex-start}}.page-title{font-size:20px;font-weight:600;color:var(--color-text);margin:0}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.badge-green{background:#d1fae5;color:#065f46}.badge-red{background:#fee2e2;color:#991b1b}.badge-blue{background:#dbeafe;color:#1e40af}.badge-gray{background:#f3f4f6;color:#374151}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.text-sm{font-size:13px}.text-muted{color:var(--color-text-secondary)}.w-full{width:100%}