:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0f1117;color:#eef2ff}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden}body{background:radial-gradient(circle at top left,rgba(102,126,234,.18),transparent 28%),radial-gradient(circle at bottom right,rgba(79,172,254,.12),transparent 26%),#0f1117}button,input{font:inherit}.app-shell{position:relative;width:100%;height:100%}.canvas-shell{position:absolute;inset:0}.page-panel{position:absolute;top:18px;right:18px;width:min(360px,calc(100vw - 36px));max-height:calc(100vh - 36px);display:flex;flex-direction:column;gap:14px;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:#10141ed1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 24px 60px #00000059;z-index:10}.panel-header{display:flex;flex-direction:column;gap:12px}.panel-header h1{margin:4px 0 2px;font-size:1.55rem}.panel-header p,.eyebrow,.page-meta,.panel-footer{color:#e8ecffb8}.eyebrow{font-size:.74rem;text-transform:uppercase;letter-spacing:.12em}.panel-badges,.page-meta,.page-actions{display:flex;flex-wrap:wrap;gap:8px}.badge{padding:.35rem .7rem;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.08);font-size:.78rem}.badge-ok{background:#38a1692e;color:#baf7d2}.badge-warn{background:#d69e2e2e;color:#ffe4a6}.page-actions{align-items:center}.page-actions button{border:0;border-radius:12px;padding:.7rem .9rem;color:#eef2ff;background:#ffffff17;cursor:pointer;transition:transform .14s ease,background .14s ease,opacity .14s ease}.page-actions button:hover:not(:disabled),.page-item:hover{transform:translateY(-1px);background:#ffffff24}.page-actions button:disabled{opacity:.45;cursor:not-allowed}.page-list{display:flex;flex-direction:column;gap:10px;overflow:auto;padding-right:2px}.page-item{text-align:left;width:100%;padding:12px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#eef2ff;cursor:pointer}.page-item.active{border-color:#76a6ff99;background:#3f62b847}.page-title{font-weight:650;margin-bottom:6px}.page-meta{justify-content:space-between;font-size:.8rem}.panel-footer{display:flex;flex-direction:column;gap:4px;font-size:.82rem;line-height:1.35}.page-version{color:#e8ecff94}.hidden-input{position:absolute;opacity:0;pointer-events:none}