:root{--bg:#14161a;--surface-1:#1a1d21;--surface-2:#32373c;--surface-3:#40444c;--border:#3a3e46;--border-strong:#4f555d;--hairline:#ffffff12;--surface-card:#22262b;--brand:#f15959;--brand-strong:#df3b46;--brand-50:#fff1f1;--brand-100:#ffe1e0;--brand-200:#ffc8c6;--brand-300:#ff7f7f;--brand-700:#bd2b3c;--brand-900:#71181f;--header:#363a42;--mesh-base:#25292e;--teal:#19b3a6;--indigo:#4961d7;--sky:#2bb8ed;--gold:#f2b700;--text:#fff;--text-1:#eceef1;--text-2:#e2e5e9;--muted:#828891;--font-display:"Sora", ui-sans-serif, system-ui, sans-serif;--font-sans:"Inter", ui-sans-serif, system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--radius:12px;--radius-sm:8px;--radius-lg:16px;--shadow-card:0 1px 2px #0006, 0 10px 30px #00000054;--shadow-pop:0 24px 60px #0009;--tracking-tight:-.02em;--tracking-eyebrow:.22em;--radius-pill:999px;--ring:0 0 0 3px color-mix(in srgb, var(--brand) 32%, transparent);--ease:cubic-bezier(.4, 0, .2, 1);--dur:.2s;--brand-mesh:radial-gradient(at 18% 18%, #f1595952 0px, transparent 52%), radial-gradient(at 82% 22%, #4961d738 0px, transparent 50%), radial-gradient(at 60% 92%, #19b3a62e 0px, transparent 55%);--accent-line:linear-gradient(90deg, var(--brand-strong), var(--indigo) 55%, var(--teal))}.brand-mesh{isolation:isolate;position:relative}.brand-mesh:before{content:"";z-index:-1;background:var(--mesh-base);background-image:var(--brand-mesh);pointer-events:none;position:absolute;inset:0}.grain:after{content:"";z-index:-1;pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");position:absolute;inset:0}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text-1);font-family:var(--font-sans);letter-spacing:-.005em;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.6}input[type=checkbox],input[type=radio]{accent-color:var(--brand-strong)}.app-shell{flex-direction:column;min-height:100%;display:flex}.topbar{background:color-mix(in srgb, var(--header) 82%, transparent);-webkit-backdrop-filter:saturate(1.2)blur(14px);border-bottom:1px solid color-mix(in srgb, var(--border) 70%, transparent);justify-content:space-between;align-items:center;gap:16px;padding:12px 24px;display:flex;position:relative}.topbar:after{content:"";background:var(--accent-line);opacity:.5;height:1px;position:absolute;bottom:-1px;left:0;right:0}.brand{color:var(--text);align-items:center;gap:9px;display:flex}.brand__icon{flex-shrink:0;width:26px;height:26px;display:block}.brand__wordmark{width:auto;height:16px;display:block}.brand__suffix{font-family:var(--font-display);color:var(--brand);letter-spacing:.2px;font-size:17px;font-weight:700}.brand--auth{justify-content:center}.pill{border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:5px 12px;font-size:13px;font-weight:600;display:inline-flex}.pill__dot{background:currentColor;border-radius:50%;width:8px;height:8px}.pill--ok{color:var(--teal);background:color-mix(in srgb, var(--teal) 14%, transparent);border-color:color-mix(in srgb, var(--teal) 30%, transparent)}.pill--warn{color:var(--gold);background:color-mix(in srgb, var(--gold) 14%, transparent);border-color:color-mix(in srgb, var(--gold) 30%, transparent)}.pill--err{color:var(--brand);background:color-mix(in srgb, var(--brand) 14%, transparent);border-color:color-mix(in srgb, var(--brand) 30%, transparent)}.landing{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:48px 24px;display:flex}.landing__title{font-family:var(--font-display);color:var(--text);max-width:18ch;margin:0;font-size:clamp(28px,5vw,44px);font-weight:800;line-height:1.1}.landing__tagline{color:var(--muted);margin:0 0 16px;font-size:16px}.landing__title,.auth-title,.empty-state h1,.page-editor__head h1,.page-view h1,.modal__title,.card__title,.admin__panel h2,.brand__suffix,.ProseMirror h1,.ProseMirror h2{letter-spacing:var(--tracking-tight)}.empty-state h1,.page-editor__head h1,.page-view h1{font-size:clamp(1.75rem,1.2rem + 1.6vw,2.5rem);font-weight:700;line-height:1.05}.card{text-align:left;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:460px;box-shadow:var(--shadow-card);margin-top:16px;padding:22px 24px}.card__title{font-family:var(--font-sans);color:color-mix(in srgb, var(--brand-300) 78%, var(--muted));text-transform:uppercase;letter-spacing:var(--tracking-eyebrow);margin:0 0 14px;font-size:11px;font-weight:700}.card__note{color:var(--muted);margin:16px 0 0;font-size:13px;line-height:1.5}.status-grid{grid-template-columns:110px 1fr;align-items:center;gap:10px 12px;margin:0;display:grid}.status-grid dt{color:var(--muted);font-size:13px}.status-grid dd{margin:0;font-size:14px}.ok{color:var(--teal)}.err{color:var(--brand)}.muted{color:var(--muted)}.mono{font-family:var(--font-mono);color:var(--text-2)}.topbar__right{align-items:center;gap:14px;display:flex}.user-menu{align-items:center;gap:9px;padding-left:4px;display:flex}.user-menu__avatar{background:linear-gradient(135deg, var(--brand), var(--brand-700));color:#fff;width:32px;height:32px;font-family:var(--font-display);box-shadow:0 2px 8px color-mix(in srgb, var(--brand) 35%, transparent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:inline-flex}.user-menu__meta{flex-direction:column;line-height:1.15;display:flex}.user-menu__name{color:var(--text-1);font-size:13px;font-weight:600}.user-menu__role{color:var(--muted);text-transform:capitalize;font-size:11px}.btn{font-family:var(--font-sans);white-space:nowrap;border-radius:var(--radius-pill);cursor:pointer;transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), transform 60ms var(--ease);border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:11px 20px;font-size:14px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn:active:not(:disabled){transform:translateY(.5px)}.btn:focus-visible{box-shadow:var(--ring);outline:none}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.btn--primary:disabled{background:var(--surface-2);color:var(--muted);opacity:1;box-shadow:none}.btn--sm{padding:7px 14px;font-size:13px}.btn--primary{background:var(--brand-strong);color:#fff;box-shadow:0 1px 0 #ffffff24 inset, 0 6px 18px color-mix(in srgb, var(--brand-strong) 40%, transparent)}.btn--primary:not(:disabled):hover{background:color-mix(in srgb, var(--brand-strong) 86%, #fff);box-shadow:0 1px 0 #ffffff2e inset, 0 8px 24px color-mix(in srgb, var(--brand-strong) 55%, transparent)}.btn--white{color:var(--brand-700);background:#fff}.btn--white:not(:disabled):hover{background:#fff;box-shadow:0 8px 24px #00000059}.btn--ghost{background:color-mix(in srgb, var(--surface-2) 40%, transparent);color:var(--text-1);border-color:var(--border-strong)}.btn--ghost:hover{background:var(--surface-2);border-color:color-mix(in srgb, var(--brand) 55%, var(--border-strong));color:#fff}.btn--link{color:var(--sky);background:0 0;border:none;border-radius:4px;padding:8px 0 0;font-size:13px}.btn--link:hover{text-decoration:underline}.auth-shell{isolation:isolate;justify-content:center;align-items:center;min-height:100%;padding:24px;display:flex;position:relative}.auth-shell:before{content:"";z-index:-1;background:var(--mesh-base);background-image:var(--brand-mesh);pointer-events:none;position:absolute;inset:0}.auth-card{background:linear-gradient(180deg, color-mix(in srgb, var(--surface-2) 30%, var(--surface-1)), var(--surface-1));border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:400px;box-shadow:var(--shadow-pop);text-align:center;padding:36px 32px}.brand--auth{justify-content:center;margin-bottom:20px;font-size:20px}.auth-title{font-family:var(--font-display);color:#fff;margin:0 0 6px;font-size:27px;font-weight:700}.auth-subtitle{color:var(--muted);margin:0 0 22px;font-size:14px}.auth-note{color:var(--muted);margin:16px 0;font-size:13px;line-height:1.6}.auth-error{color:var(--brand-300);margin:4px 0 0;font-size:13px}.auth-form{text-align:left;flex-direction:column;gap:14px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field span{color:var(--text-2);font-size:13px}.field input,.code-input{background:var(--bg);border:1px solid var(--border-strong);color:var(--text);font-size:15px;font-family:var(--font-sans);border-radius:10px;padding:12px 14px;transition:border-color .15s,box-shadow .15s}.field input::placeholder{color:var(--muted)}.field input:focus,.code-input:focus{border-color:var(--brand);box-shadow:var(--ring);outline:none}.code-input{text-align:center;letter-spacing:.4em;font-size:22px;font-family:var(--font-mono)}.qr{border-radius:var(--radius-sm);background:#fff;margin:0 auto;padding:8px;display:block}.manual-key{font-family:var(--font-mono);color:var(--text-1);word-break:break-all;font-size:13px}.backup-codes{grid-template-columns:1fr 1fr;gap:8px;margin:8px 0;padding:0;list-style:none;display:grid}.backup-codes li{font-family:var(--font-mono);background:var(--bg);border:1px solid var(--border);color:var(--text-1);text-align:center;border-radius:6px;padding:8px;font-size:13px}.workspace{flex:1;grid-template-columns:252px 280px 1fr;min-height:0;display:grid}.pane{background:var(--surface-1);border-right:1px solid var(--hairline);-webkit-user-select:none;user-select:none;padding:12px 8px;overflow-y:auto}.pane--pages{background:color-mix(in srgb, var(--surface-1) 72%, var(--bg))}.pane__empty{padding:16px 10px;font-size:13px}.pane__empty-cta{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:28px 12px;display:flex}.content{background-color:var(--mesh-base);background-image:var(--brand-mesh);background-repeat:no-repeat;padding:32px 40px;overflow:auto}.content:has(.empty-state){align-items:center;display:flex}.empty-state{max-width:640px}.empty-state h1{font-family:var(--font-display);color:#fff;margin:0 0 10px}.eyebrow{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:var(--tracking-eyebrow);color:var(--brand);margin:0 0 12px;font-size:12px;font-weight:600}.empty-state p{max-width:46ch}.search{background:var(--bg);border:1px solid var(--border);max-width:420px;color:var(--text-1);font-size:14px;font-family:var(--font-sans);border-radius:999px;flex:1;padding:10px 18px;transition:border-color .15s,box-shadow .15s}.search::placeholder{color:var(--muted)}.search:focus{border-color:var(--brand);box-shadow:var(--ring);outline:none}.search:disabled{opacity:.6}.searchbar{flex:1;max-width:460px;position:relative}.searchbar .search{width:100%}.search-results{background:var(--surface-1);border:1px solid var(--border-strong);border-radius:var(--radius-sm);z-index:50;max-height:60vh;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto;box-shadow:0 14px 40px #00000080}.search-results li{cursor:pointer;border-radius:6px;padding:8px 10px;font-size:13px}.search-results li:hover{background:var(--surface-2)}.search-empty{cursor:default}.search-title{color:var(--text-1);font-weight:600}.search-cust{font-size:12px}.search-snippet{color:var(--muted);margin-top:2px;font-size:12px}.search-snippet mark{background:color-mix(in srgb, var(--gold) 30%, transparent);color:var(--text-1);border-radius:2px}.audit-table code{color:var(--sky);font-size:12px}.audit-table td{font-size:12.5px}.audit-filters{gap:8px;margin-bottom:10px;display:flex}.audit-filters input{flex:1;min-width:0}.audit-row{cursor:pointer}.audit-row--open td,.audit-row:hover td{background:color-mix(in srgb, var(--sky) 7%, transparent)}.audit-detail td{padding:0 10px 10px}.audit-detail pre{white-space:pre-wrap;word-break:break-word;background:color-mix(in srgb, var(--sky) 5%, transparent);border-radius:6px;max-height:240px;margin:0;padding:8px 10px;font-size:11.5px;overflow:auto}.audit-foot{align-items:center;gap:12px;margin-top:8px;display:flex}.audit-foot .admin-note{margin:0}.pane__head{justify-content:space-between;align-items:center;gap:8px;padding:6px 8px 12px;display:flex}.pane__title{letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:color-mix(in srgb, var(--brand-300) 78%, var(--muted));text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;overflow:hidden}.pane__add{flex-shrink:0;position:relative}.pane__add-btn{background:var(--surface-2);border:1px solid var(--border-strong);width:26px;height:26px;color:var(--text-1);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;font-size:14px;line-height:1;transition:border-color .12s,background .12s;display:flex}.pane__add-btn:hover,.pane__add-btn--open{border-color:var(--brand);background:color-mix(in srgb, var(--brand) 16%, var(--surface-2))}.add-menu{z-index:20;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);min-width:168px;box-shadow:var(--shadow-card);flex-direction:column;gap:2px;padding:5px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.add-menu__item{text-align:left;color:var(--text-1);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:7px 9px;font-size:13px}.add-menu__item:hover{background:color-mix(in srgb, var(--brand) 16%, transparent)}.pane__hint{border-top:1px solid var(--border);color:var(--muted);margin:10px 8px 2px;padding-top:10px;font-size:11.5px;line-height:1.4}.tree-empty{padding:8px;font-size:13px}.tree-row{cursor:pointer;color:var(--text-1);border-radius:7px;align-items:center;gap:6px;padding:6px 8px;font-size:13.5px;transition:background .12s;display:flex}.tree-row:hover{background:var(--surface-2)}.tree-row--selected,.tree-row--selected:hover{background:color-mix(in srgb, var(--brand) 22%, transparent);color:#fff;box-shadow:inset 2px 0 0 var(--brand)}.tree-row--drop{outline:1px dashed var(--teal);outline-offset:-2px;background:color-mix(in srgb, var(--teal) 16%, transparent)}.tree-branch--drop{outline:1px dashed var(--teal);outline-offset:-2px;background:color-mix(in srgb, var(--teal) 12%, transparent);border-radius:8px}.tree-branch--drop .tree-branch--drop{background:color-mix(in srgb, var(--teal) 14%, transparent);outline:none}.tree--drop-root{outline:1px dashed color-mix(in srgb, var(--teal) 70%, transparent);outline-offset:-3px;border-radius:8px}.tree-grip{width:13px;color:var(--muted);opacity:0;cursor:grab;transition:opacity var(--dur) var(--ease);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.tree-grip svg{display:block}.tree-row:hover .tree-grip{opacity:.6}.tree-chev{width:16px;color:var(--muted);transition:transform var(--dur) var(--ease), color var(--dur) var(--ease);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.tree-chev svg{display:block}.tree-chev--open{transform:rotate(90deg)}.tree-chev--hidden{visibility:hidden}.tree-emoji{flex-shrink:0;justify-content:center;align-items:center;width:20px;display:inline-flex}.tree-emoji svg{opacity:.72;display:block}.tree-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 0 1px #00000040}.tree-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.tree-input{background:var(--bg);border:1px solid var(--brand);min-width:0;color:var(--text);font-size:13.5px;font-family:var(--font-sans);border-radius:4px;flex:1;padding:2px 6px}.tree-actions{opacity:0;color:var(--muted);cursor:pointer;transition:opacity var(--dur) var(--ease), color var(--dur) var(--ease), background var(--dur) var(--ease);background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:2px;line-height:1;display:inline-flex}.tree-actions svg{display:block}.tree-row:hover .tree-actions{opacity:1}.tree-actions:hover{color:var(--brand);opacity:1}.node-menu{background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-card);flex-direction:column;gap:10px;margin:4px 8px 8px;padding:10px;display:flex}.node-menu__section{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.node-menu__divider{background:var(--border);height:1px;margin:0 -2px}.emoji-input{background:var(--bg);border:1px solid var(--border-strong);width:52px;color:var(--text);text-align:center;border-radius:6px;padding:5px 6px;font-size:14px}.emoji-input:focus{border-color:var(--brand);outline:none}.swatches{flex-wrap:wrap;gap:6px;display:flex}.swatch{cursor:pointer;border:1px solid #fff3;border-radius:50%;width:18px;height:18px;transition:transform .1s,box-shadow .1s}.swatch:hover{box-shadow:0 0 0 2px var(--surface-2), 0 0 0 3px currentColor;transform:scale(1.15)}.swatch--clear{background:var(--bg);color:var(--muted);position:relative}.swatch--clear:after{content:"";background:linear-gradient(to bottom right, transparent 44%, var(--brand) 44%, var(--brand) 56%, transparent 56%);position:absolute;inset:3px}.node-menu__actions{flex-wrap:wrap;gap:6px;display:flex}.node-menu__actions button{background:var(--bg);border:1px solid var(--border-strong);color:var(--text-1);cursor:pointer;border-radius:6px;padding:5px 10px;font-size:12px;transition:border-color .12s}.node-menu__actions button:hover{border-color:var(--brand)}.node-menu__actions .danger{color:var(--brand-300);margin-left:auto}.node-menu__actions .danger:hover{border-color:var(--brand-300)}.node-menu__move{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.node-menu__move select{max-width:150px;padding:4px 6px;font-size:12px}.toasts{z-index:1000;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.toast{background:color-mix(in srgb, var(--brand) 22%, var(--bg-raised,#1c1c22));border:1px solid var(--brand-300);color:var(--text-1);border-radius:8px;padding:10px 16px;font-size:13px;animation:.18s toast-in;box-shadow:0 6px 24px #00000059}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.page-view h1{font-family:var(--font-display);color:#fff;margin:0 0 8px;font-size:24px}.admin{isolation:isolate;flex-direction:column;min-height:100%;display:flex;position:relative}.admin:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 12% 0,#f1595924 0,#0000 45%),radial-gradient(at 88% 4%,#4961d71f 0,#0000 45%);position:absolute;inset:0}.admin__body{flex:1;grid-template-columns:1fr 1fr;align-items:start;gap:20px;padding:28px;display:grid}.admin__panel{background:var(--surface-card);border:1px solid var(--hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:24px}.admin__panel h2{font-family:var(--font-display);letter-spacing:var(--tracking-tight);color:#fff;margin:0 0 16px;font-size:20px;font-weight:700}.admin-table{border-collapse:collapse;width:100%;font-size:13px}.admin-table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);padding:6px 8px;font-weight:600}.admin-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:8px}.admin-table tr.is-selected{background:var(--surface-2)}.admin-user{flex-direction:column;line-height:1.3;display:flex}.admin-table select,.admin-newuser input,.admin-newuser select{background:var(--bg);border:1px solid var(--border-strong);color:var(--text);font-size:13px;font-family:var(--font-sans);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);border-radius:8px;padding:8px 10px}.admin-table select:focus,.admin-newuser input:focus,.admin-newuser select:focus{border-color:var(--brand);box-shadow:var(--ring);outline:none}.admin-newuser input::placeholder{color:var(--muted)}.admin-table select,.admin-newuser select,.tb-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23828891' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 9px center;background-repeat:no-repeat;padding-right:30px}.admin-newuser{border-top:1px solid var(--border);margin-top:18px;padding-top:16px}.admin-newuser h3{color:var(--text-2);margin:0 0 10px;font-size:13px}.admin-newuser__row{gap:8px;margin-bottom:8px;display:flex}.admin-newuser__row input{flex:1}.grant-toggle{border:1px solid var(--border-strong);border-radius:6px;display:inline-flex;overflow:hidden}.grant-btn{background:var(--bg);color:var(--muted);cursor:pointer;border:none;padding:4px 10px;font-size:12px}.grant-btn.is-on.grant-btn--allow{background:var(--teal);color:#06302c}.grant-btn.is-on.grant-btn--deny{background:var(--brand);color:#fff}.grant-btn.is-on.grant-btn--none{background:var(--surface-3);color:var(--text-1)}.admin-note{margin-top:14px;font-size:12px}.page-editor__head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px;display:flex}.page-editor__titles .eyebrow{margin-bottom:5px}.page-editor__head h1{font-family:var(--font-display);letter-spacing:var(--tracking-tight);color:#fff;margin:0;font-size:30px;font-weight:700;line-height:1.1}.page-loading{padding:24px 0}.save-pill{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:5px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.save-pill__dot{background:currentColor;border-radius:50%;width:8px;height:8px}.save-pill--ok{color:var(--teal);background:color-mix(in srgb, var(--teal) 14%, transparent);border-color:color-mix(in srgb, var(--teal) 30%, transparent)}.save-pill--warn{color:var(--gold);background:color-mix(in srgb, var(--gold) 14%, transparent);border-color:color-mix(in srgb, var(--gold) 30%, transparent)}.save-pill--err{color:var(--brand);background:color-mix(in srgb, var(--brand) 14%, transparent);border-color:color-mix(in srgb, var(--brand) 30%, transparent)}.save-pill--muted{color:var(--muted);background:var(--surface-2)}.save-pill__retry{background:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:5px;margin-left:6px;padding:2px 8px;font-size:11px}.banner{border-radius:var(--radius-sm);margin-bottom:12px;padding:10px 14px;font-size:13px}.banner--warn{background:color-mix(in srgb, var(--gold) 12%, transparent);border:1px solid color-mix(in srgb, var(--gold) 30%, transparent);color:var(--gold)}.banner--err{background:color-mix(in srgb, var(--brand) 12%, transparent);border:1px solid color-mix(in srgb, var(--brand) 30%, transparent);color:var(--brand-200)}.banner--muted{background:var(--surface-2);color:var(--muted)}.conflict-bar{justify-content:space-between;align-items:center;gap:14px;display:flex}.conflict-bar__actions{flex-shrink:0;gap:8px;display:flex}.editor{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-1);overflow:hidden}.toolbar{border-bottom:1px solid var(--border);background:var(--surface-1);z-index:2;flex-wrap:wrap;align-items:center;gap:2px;padding:8px;display:flex;position:sticky;top:0}.tb-btn{min-width:32px;height:32px;color:var(--text-2);cursor:pointer;transition:background var(--dur) var(--ease), color var(--dur) var(--ease), border-color var(--dur) var(--ease);background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:0 7px;font-size:13px;display:inline-flex}.tb-btn svg{display:block}.tb-btn:hover{background:var(--surface-2);color:#fff}.tb-btn.is-active{background:color-mix(in srgb, var(--brand) 20%, transparent);border-color:color-mix(in srgb, var(--brand) 45%, transparent);color:var(--brand-300)}.tb-h{font-family:var(--font-display);letter-spacing:-.01em;font-size:12px;font-weight:700}.icon-btn{background:color-mix(in srgb, var(--surface-2) 35%, transparent);border:1px solid var(--border-strong);width:36px;height:36px;color:var(--text-2);cursor:pointer;transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease);border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--surface-2);border-color:color-mix(in srgb, var(--brand) 55%, var(--border-strong));color:#fff}.icon-btn:focus-visible{box-shadow:var(--ring);outline:none}.tb-sep{background:var(--border);width:1px;height:20px;margin:0 4px}.tb-colors{align-items:center;gap:3px;padding:0 4px;display:inline-flex}.tb-swatch{cursor:pointer;border:1px solid #fff3;border-radius:50%;width:16px;height:16px}.tb-swatch--clear{background:var(--bg)!important}.tb-select{background-color:var(--bg);border:1px solid var(--border-strong);color:var(--text-1);height:32px;transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);border-radius:8px;padding:4px 26px 4px 8px;font-size:12px}.tb-select:focus{border-color:var(--brand);box-shadow:var(--ring);outline:none}.ProseMirror{min-height:50vh;color:var(--text-1);outline:none;padding:22px 26px;font-size:16px;line-height:1.7}.ProseMirror:focus{outline:none}.ProseMirror>*+*{margin-top:.85em}.ProseMirror h1{font-family:var(--font-display);letter-spacing:var(--tracking-tight);color:#fff;margin-top:1.6em;margin-bottom:.35em;font-size:1.7em;font-weight:700}.ProseMirror h2{font-family:var(--font-display);letter-spacing:var(--tracking-tight);color:#fff;margin-top:1.5em;margin-bottom:.3em;font-size:1.35em;font-weight:700}.ProseMirror h3{font-family:var(--font-display);color:var(--text);margin-top:1.3em;margin-bottom:.3em;font-size:1.12em;font-weight:600}.ProseMirror a{color:var(--sky);text-decoration:underline}.ProseMirror code{font-family:var(--font-mono);background:var(--surface-2);border-radius:4px;padding:1px 5px;font-size:.9em}.ProseMirror pre{border:1px solid var(--border);font-family:var(--font-mono);background:#0f1115;border-radius:8px;padding:12px 14px;font-size:13px;overflow-x:auto}.ProseMirror pre code{background:0 0;padding:0}.ProseMirror blockquote{border-left:3px solid var(--brand);color:var(--text-2);margin-left:0;padding-left:14px}.ProseMirror ul,.ProseMirror ol{padding-left:1.4em}.ProseMirror ul[data-type=taskList]{padding-left:.2em;list-style:none}.ProseMirror ul[data-type=taskList] li{align-items:flex-start;gap:8px;display:flex}.ProseMirror hr{border:none;border-top:1px solid var(--border-strong);margin:1.2em 0}.ProseMirror table{border-collapse:collapse;border:1px solid var(--hairline);border-radius:12px;width:100%;margin:1em 0;overflow:hidden}.ProseMirror th,.ProseMirror td{border:none;border-bottom:1px solid var(--hairline);text-align:left;min-width:60px;padding:11px 16px}.ProseMirror tr:last-child td{border-bottom:none}.ProseMirror th{color:var(--text-1);background:#ffffff08;font-weight:600}.ProseMirror tbody tr:nth-child(2n) td{background:#ffffff04}.secret-nv{vertical-align:baseline;display:inline-flex}.secret-chip{background:color-mix(in srgb, var(--brand-strong) 14%, transparent);border:1px solid color-mix(in srgb, var(--brand-strong) 38%, transparent);color:color-mix(in srgb, var(--brand-300) 85%, #fff);border-radius:var(--radius-pill);vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.85em;font-weight:500;line-height:1.5;font-family:var(--font-sans);transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease);align-items:center;gap:5px;padding:2px 11px;display:inline-flex}.secret-chip:hover{background:color-mix(in srgb, var(--brand-strong) 24%, transparent);border-color:color-mix(in srgb, var(--brand-strong) 55%, transparent)}.secret-inline{background:var(--surface-2);border:1px solid var(--border-strong);border-radius:6px;align-items:center;gap:5px;padding:1px 6px;font-size:.9em;display:inline-flex}.secret-inline--revealed{border-color:color-mix(in srgb, var(--teal) 45%, transparent)}.secret-inline__input{background:var(--bg);border:1px solid var(--border-strong);width:64px;color:var(--text);font-family:var(--font-mono);border-radius:4px;padding:1px 5px;font-size:12px}.secret-value{font-family:var(--font-mono);color:var(--teal);-webkit-user-select:all;user-select:all}.secret-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0 4px;font-size:12px;display:inline-flex}.secret-btn svg,.pane__add-btn svg{display:block}.secret-btn:hover:not(:disabled){color:var(--brand)}.secret-btn:disabled{opacity:.4;cursor:not-allowed}.secret-err{color:var(--brand-300);font-size:11px}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#0a0c0e99;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--surface-card);border:1px solid var(--hairline);border-radius:var(--radius-lg);width:100%;max-width:460px;box-shadow:var(--shadow-pop);overflow:hidden}.modal__head{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.modal__title{font-family:var(--font-display);letter-spacing:var(--tracking-tight);color:#fff;margin:0;font-size:18px;font-weight:700}.modal__close{width:30px;height:30px;color:var(--muted);cursor:pointer;transition:background var(--dur) var(--ease), color var(--dur) var(--ease);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;line-height:1;display:inline-flex}.modal__close:hover{color:#fff;background:color-mix(in srgb, var(--surface-3) 60%, transparent)}.modal__body{padding:18px}.modal__actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.modal-note{color:var(--muted);margin:0 0 14px;font-size:13px;line-height:1.5}.export-formats{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.export-format{border:1px solid var(--hairline);cursor:pointer;transition:border-color var(--dur) var(--ease), background var(--dur) var(--ease);border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.export-format--on{border-color:color-mix(in srgb, var(--brand) 60%, transparent);background:color-mix(in srgb, var(--brand) 10%, transparent)}.export-format input{flex-shrink:0;margin-top:3px}.export-format span{flex-direction:column;gap:3px;display:flex}.export-format strong{color:var(--text-1);font-size:13.5px}.export-format em{color:var(--muted);font-size:12px;font-style:normal;line-height:1.45}.export-format code{font-family:var(--font-mono);font-size:11px}.reveal-value{font-family:var(--font-mono);color:var(--teal);background:var(--bg);border:1px solid color-mix(in srgb, var(--teal) 35%, transparent);border-radius:var(--radius-sm);-webkit-user-select:all;user-select:all;word-break:break-all;padding:12px 14px;font-size:15px}.input-reveal{align-items:center;gap:6px;display:flex}.input-reveal input{flex:1}.page-editor__tools{align-items:center;gap:10px;display:flex}.pane__recycle{background:var(--surface-2);border:1px solid var(--border);width:calc(100% - 16px);color:var(--text-2);border-radius:var(--radius-sm);cursor:pointer;margin:8px;padding:7px;font-size:12px;position:sticky;bottom:0}.pane__recycle:hover{border-color:var(--brand)}.history{grid-template-columns:220px 1fr;gap:14px;min-height:320px;display:grid}.history__list{border-right:1px solid var(--border);max-height:60vh;margin:0;padding:0;list-style:none;overflow:auto}.history__list li{cursor:pointer;border-radius:6px;padding:8px 10px;font-size:13px}.history__list li:hover{background:var(--surface-2)}.history__list li.is-selected{background:color-mix(in srgb, var(--brand) 16%, transparent)}.history__rev{color:var(--text);font-weight:600}.history__cur{color:var(--teal);font-weight:400}.history__meta{color:var(--muted);font-size:11.5px}.history__comment{color:var(--text-2);font-size:11.5px;font-style:italic}.history__detailhead{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.history__actions{flex-shrink:0;gap:6px;display:flex}.diff{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);max-height:52vh;font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;margin:0;padding:10px 12px;font-size:12.5px;overflow:auto}.diff--add{background:color-mix(in srgb, var(--teal) 18%, transparent);color:#c7f5ef;display:block}.diff--del{background:color-mix(in srgb, var(--brand) 18%, transparent);color:var(--brand-100);opacity:.8;text-decoration:line-through;display:block}.diff--ctx{color:var(--muted);display:block}.recycle{margin:0;padding:0;list-style:none}.recycle__row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:9px 4px;font-size:13px;display:flex}.recycle__info{flex-direction:column;gap:2px;min-width:0;display:flex}.recycle__name{color:var(--text-1)}.recycle__path{color:var(--muted)}.recycle__dates{color:var(--muted);font-size:11.5px}.recycle__actions{flex-shrink:0;gap:6px;display:flex}.danger-btn{color:var(--brand-300)!important}.danger-btn:hover{border-color:var(--brand)!important}.ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--muted);float:left;pointer-events:none;height:0}.img-nv{max-width:100%;display:inline-block;position:relative}.img-nv img{border-radius:var(--radius-sm);max-width:100%;display:block}.img-nv.is-selected img{outline:2px solid var(--brand)}.img-handle{background:var(--brand);border:2px solid var(--surface-1);cursor:nwse-resize;border-radius:3px;width:12px;height:12px;position:absolute;bottom:-5px;right:-5px}.attachment-nv{margin:6px 0}.attachment-chip{background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:inline-flex;color:var(--text-1)!important;text-decoration:none!important}.attachment-chip:hover{border-color:var(--brand)}@media (width<=1100px){.workspace{grid-template-columns:220px 240px 1fr}}@media (width<=768px){.topbar{padding:12px 16px}.workspace{grid-template-columns:1fr}.pane{display:none}.admin__body{grid-template-columns:1fr}}