.home-surface{background:radial-gradient(circle at 91% 4%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 28%), radial-gradient(circle at 0 100%, color-mix(in srgb, var(--info) 7%, transparent), transparent 30%), var(--surface);min-width:0;min-height:0;padding:clamp(26px,4vw,54px);overflow:auto}.home-surface>*{width:min(100%,1120px);margin-inline:auto}.home-hero{border:1px solid var(--glass-border);background:var(--glass-refraction), linear-gradient(125deg, color-mix(in srgb, var(--glass-strong) 82%, transparent), color-mix(in srgb, var(--accent-soft) 38%, var(--glass)));min-height:270px;box-shadow:var(--glass-shadow), var(--shadow-lg);-webkit-backdrop-filter:blur(var(--glass-blur-panel)) saturate(var(--glass-saturation));backdrop-filter:blur(var(--glass-blur-panel)) saturate(var(--glass-saturation));border-radius:26px;grid-template-columns:minmax(0,1.55fr) minmax(260px,.75fr);align-items:center;gap:clamp(18px,4vw,44px);padding:clamp(28px,5vw,58px);display:grid;position:relative;overflow:hidden}.home-hero:after{content:"";border:1px solid color-mix(in srgb, var(--accent) 18%, transparent);width:240px;height:240px;box-shadow:0 0 0 35px color-mix(in srgb, var(--accent) 3%, transparent), 0 0 0 70px color-mix(in srgb, var(--accent) 2%, transparent);pointer-events:none;border-radius:50%;position:absolute;bottom:-130px;right:-90px}.home-hero-copy{z-index:1;position:relative}.home-kicker{color:var(--accent);letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:16px;font-size:10px;font-weight:760;display:inline-flex}.home-hero h2{letter-spacing:-.055em;max-width:16ch;font-size:clamp(32px,4.3vw,56px);font-weight:710;line-height:.99}.home-hero-copy>p{max-width:60ch;color:var(--text-muted);margin-top:19px;font-size:14px;line-height:1.7}.home-actions{flex-wrap:wrap;gap:8px;margin-top:25px;display:flex}.home-actions .button{border-radius:10px;min-height:42px;padding-inline:15px}.home-receipt{z-index:1;border:1px solid color-mix(in srgb, var(--accent) 20%, var(--glass-border));background:var(--glass-refraction), color-mix(in srgb, var(--liquid-glass) 86%, transparent);box-shadow:var(--glass-shadow), var(--shadow-md);-webkit-backdrop-filter:blur(var(--glass-blur-floating)) saturate(var(--glass-saturation));backdrop-filter:blur(var(--glass-blur-floating)) saturate(var(--glass-saturation));border-radius:20px;justify-items:start;padding:24px;display:grid;position:relative}.receipt-orbit{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:13px;place-items:center;margin-bottom:20px;display:grid}.home-receipt>span{color:var(--text-faint);letter-spacing:.07em;text-transform:uppercase;font-size:10px;font-weight:700}.home-receipt>strong{letter-spacing:-.05em;font-variant-numeric:tabular-nums;margin-top:3px;font-size:38px;line-height:1}.home-receipt>strong small{color:var(--text-muted);letter-spacing:0;font-size:15px;font-weight:550}.home-receipt p{color:var(--text-muted);margin-top:13px;font-size:11.5px;line-height:1.55}.home-receipt button{color:var(--accent);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;margin-top:18px;padding:0;font-size:11.5px;display:flex}.home-section{margin-top:42px}.home-section-head{justify-content:space-between;align-items:end;gap:16px;margin-bottom:14px;display:flex}.home-section-head>div{display:grid}.home-section-head span{color:var(--text-faint);letter-spacing:.065em;text-transform:uppercase;font-size:10px;font-weight:650}.home-section-head h3{letter-spacing:-.025em;font-size:19px;font-weight:680}.home-section-head>button{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:5px;font-size:12px}.recent-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.recent-card{border:1px solid var(--border);background:linear-gradient(145deg, #ffffff47, transparent 48%), color-mix(in srgb, var(--glass-strong) 82%, var(--surface-raised));min-height:82px;color:var(--text);text-align:left;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--motion-medium) var(--ease-out), border-color var(--motion-fast), box-shadow var(--motion-medium);animation:home-item-in var(--motion-medium) var(--ease-out) both;animation-delay:calc(var(--item-index,0) * 35ms);border-radius:15px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:13px;padding:13px;display:grid}.recent-card:hover{border-color:color-mix(in srgb, var(--accent) 30%, var(--border));box-shadow:var(--shadow-md);transform:translateY(-2px)}.recent-card>.icon{color:var(--text-faint);transition:transform var(--motion-fast) var(--ease-out), color var(--motion-fast)}.recent-card:hover>.icon{color:var(--accent);transform:translate(2px)}.recent-page{border:1px solid var(--border);background:var(--surface);width:42px;height:52px;box-shadow:var(--shadow-sm);border-radius:7px;align-content:center;gap:4px;padding:10px 8px;display:grid}.recent-page i{background:var(--border-strong);border-radius:9px;height:2px;display:block}.recent-page i:first-child{background:var(--accent-muted);width:58%;height:3px}.recent-page i:last-child{width:72%}.recent-copy{gap:4px;min-width:0;display:grid}.recent-copy strong{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;overflow:hidden}.recent-copy small{color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.recent-skeleton{background:linear-gradient(90deg, var(--surface-raised), var(--surface-sunken), var(--surface-raised));background-size:200% 100%;min-height:82px;animation:1.4s infinite skeleton}.recent-empty{grid-template-columns:auto 1fr}.recent-empty>.icon{color:var(--accent)}.home-template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.home-template{border:1px solid var(--border);background:var(--surface-raised);min-height:148px;color:var(--text);text-align:left;cursor:pointer;transition:transform var(--motion-medium) var(--ease-out), border-color var(--motion-fast), box-shadow var(--motion-medium);border-radius:16px;justify-items:start;padding:18px;display:grid}.home-template:hover{border-color:color-mix(in srgb, var(--template-color,var(--accent)) 38%, var(--border));box-shadow:var(--shadow-md);transform:translateY(-3px)}.home-template>span{background:color-mix(in srgb, var(--template-color,var(--accent)) 13%, transparent);width:38px;height:38px;color:var(--template-color,var(--accent));border-radius:12px;place-items:center;margin-bottom:21px;display:grid}.home-template strong{font-size:13px}.home-template small{color:var(--text-muted);margin-top:4px;font-size:11px;line-height:1.5}.template-blue{--template-color:var(--info)}.template-green{--template-color:var(--success)}.template-amber{--template-color:var(--warning)}.template-navy{--template-color:var(--brand-navy)}.home-footer-card{border:1px solid var(--border);background:var(--surface-sunken);color:var(--text-muted);border-radius:13px;justify-content:space-between;align-items:center;gap:16px;margin-top:34px;padding:14px 16px;font-size:11.5px;display:flex}.home-footer-card>span{align-items:center;gap:5px;display:flex}.home-footer-card>span .icon{color:var(--success)}.home-footer-actions{align-items:center;gap:14px;display:flex}.home-footer-card button{color:var(--accent);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:5px;display:flex}@keyframes home-item-in{0%{opacity:0;transform:translateY(7px)}}@keyframes skeleton{50%{background-position:-100% 0}}@media (max-width:900px){.home-hero{grid-template-columns:1fr}.home-receipt{grid-template-columns:auto 1fr;align-items:center;column-gap:14px}.receipt-orbit{grid-row:span 2;margin:0}.home-receipt>strong{font-size:30px}.home-receipt p,.home-receipt button{grid-column:1/-1}}@media (max-width:720px){.home-surface{padding:14px 12px 34px}.home-hero{border-radius:20px;min-height:0;padding:28px 22px}.home-hero h2{font-size:35px}.home-receipt{padding:18px}.home-section{margin-top:30px}.recent-grid,.home-template-grid{grid-template-columns:1fr}.home-template{grid-template-columns:auto 1fr;align-items:center;column-gap:13px;min-height:112px}.home-template>span{grid-row:span 2;margin:0}.home-template small{margin:0}.home-footer-card{flex-direction:column;align-items:flex-start}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef2f8;--surface:#fbfbff;--surface-raised:#fff;--surface-sunken:#f0f3fa;--glass:#f2f3ffad;--glass-strong:#faf8ffd9;--liquid-glass:#ffffff8c;--glass-border:#23356f33;--glass-highlight:#ffffffeb;--glass-refraction:radial-gradient(circle at 18% -35%, #ffffffe0, transparent 52%), linear-gradient(118deg, #ffffff57, #dfe7ff2e 52%, #ecfff938);--glass-shadow:0 16px 48px -30px #00226557, inset 0 1px var(--glass-highlight), inset 0 -1px #315eea0d;--glass-blur-chrome:19px;--glass-blur-panel:23px;--glass-blur-floating:27px;--glass-saturation:168%;--text:#111a35;--text-muted:#566078;--text-faint:#8c96ad;--border:#dce2ee;--border-strong:#bdc6d9;--brand-navy:#182654;--brand-blue:#315eea;--brand-green:#11bd72;--brand-teal:#4d8a91;--brand-amber:#c7922a;--accent:var(--brand-blue);--accent-hover:#244bc7;--accent-muted:#4c78f3;--accent-soft:#e9eeff;--danger:#d43b3b;--danger-soft:#fdeded;--success:var(--brand-green);--success-soft:#e6f8f0;--warning:#b8860b;--warning-soft:#fdf5e2;--info:#2c78c8;--info-soft:#eaf3fb;--selection:#d9e2ff;--selection-match:#e8edff;--search-match:#fdf0c2;--search-match-active:#fadf7f;--active-line:#f7f7fa;--code:#b02f6c;--code-bg:#f4f2f7;--code-block-bg:#f8f8fb;--syntax-keyword:#8250df;--syntax-string:#0a7b53;--syntax-number:#b8500b;--syntax-fn:#2a5cd7;--syntax-type:#b02f6c;--syntax-comment:#8b909a;--user-1:#e0567a;--user-2:#2f8f5b;--user-3:#2f6fd0;--user-4:#c2681a;--user-5:#8a4fd8;--user-6:#0f8f9e;--user-7:#c43b8e;--user-8:#6b7a2f;--shadow-sm:0 1px 2px #14161a0f;--shadow-md:0 6px 24px -8px #14161a2e;--shadow-lg:0 20px 48px -16px #14161a42;--radius-sm:6px;--radius:10px;--radius-lg:14px;--radius-xl:20px;--motion-fast:.12s;--motion-medium:.22s;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-spring:cubic-bezier(.16, 1, .3, 1);--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--editor-font-size:14.5px;--titlebar-height:48px;--ribbon-height:148px;--mobile-ribbon-height:104px;--topbar-height:var(--ribbon-height);--statusbar-height:30px;--sidebar-width:268px;--touch-target:44px}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#09101f;--surface:#11182a;--surface-raised:#17213a;--surface-sunken:#0c1426;--glass:#0a1326b3;--glass-strong:#0f192fdb;--liquid-glass:#131f389e;--glass-border:#b0c7ff29;--glass-highlight:#ffffff29;--glass-refraction:radial-gradient(circle at 18% -35%, #638bff38, transparent 52%), linear-gradient(118deg, #ffffff12, #192e5b29 52%, #195e4b1f);--glass-shadow:0 18px 52px -28px #000000b8, inset 0 1px var(--glass-highlight), inset 0 -1px #3d66d21a;--text:#eef3ff;--text-muted:#a5b0c7;--text-faint:#6f7c98;--border:#26334e;--border-strong:#3b4a69;--brand-navy:#101a39;--brand-blue:#7294ff;--brand-green:#35d995;--brand-teal:#67aab0;--accent:var(--brand-blue);--accent-hover:#91aaff;--accent-muted:#5277e2;--accent-soft:#1c2b55;--danger:#f0716f;--danger-soft:#2a1719;--success:var(--brand-green);--success-soft:#102b22;--warning:#e0b653;--warning-soft:#262014;--info:#6bb2f0;--info-soft:#131f2b;--selection:#294079;--selection-match:#22345e;--search-match:#4a3f16;--search-match-active:#6d5c1d;--active-line:#191d23;--code:#f0879c;--code-bg:#21262e;--code-block-bg:#14171c;--syntax-keyword:#c39bfa;--syntax-string:#7ed3a5;--syntax-number:#f0b072;--syntax-fn:#86b6f8;--syntax-type:#f0879c;--syntax-comment:#737b88;--user-1:#ff8098;--user-2:#5fd28f;--user-3:#74a9f5;--user-4:#f0a45e;--user-5:#bb92f5;--user-6:#4fc6d4;--user-7:#f078bd;--user-8:#b3c46b;--shadow-sm:0 1px 2px #0006;--shadow-md:0 8px 28px -10px #000000b3;--shadow-lg:0 24px 56px -18px #000c}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior:none;-webkit-text-size-adjust:100%;margin:0;font-size:14px;line-height:1.55}h1,h2,h3,h4,p,figure,dl,dd{margin:0}button,input,select,textarea{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}::selection{background:var(--selection)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:content-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--text-faint);background-clip:content-box}.icon{flex:none}.marks-mark{flex:none;display:block;overflow:visible}.marks-mark-frame{fill:var(--brand-navy);stroke:color-mix(in srgb, var(--brand-blue) 78%, white);stroke-width:1px}.marks-mark-page{fill:var(--surface-raised);stroke:color-mix(in srgb, var(--brand-navy) 55%, var(--border-strong));stroke-width:1px;stroke-linejoin:round}.marks-mark-fold{fill:var(--brand-green);stroke:color-mix(in srgb, var(--brand-navy) 50%, var(--brand-green));stroke-width:1px;stroke-linejoin:round}.marks-mark-hash{fill:none;stroke:var(--brand-navy);stroke-width:1.4px;stroke-linecap:round}.marks-mark-line{fill:none;stroke:var(--brand-blue);stroke-width:1.25px;stroke-linecap:round}.marks-mark-history{fill:none;stroke:var(--brand-green);stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round}.button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);cursor:pointer;transition:background var(--motion-fast) ease, border-color var(--motion-fast) ease, transform 60ms ease;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex}.button:hover{background:var(--surface-sunken);border-color:var(--border-strong)}.button:active{transform:translateY(1px)}.button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.button.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.button.subtle{background:0 0}.button:disabled{opacity:.55;cursor:not-allowed}.icon-button{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-muted);cursor:pointer;transition:background var(--motion-fast) ease, color var(--motion-fast) ease;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-button:hover{background:var(--surface-sunken);color:var(--text)}.icon-button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}.icon-button:disabled{opacity:.42;cursor:not-allowed}.icon-button.danger:hover{background:var(--danger-soft);color:var(--danger)}.link-button{color:var(--accent);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:13px;display:inline-flex}.link-button:hover{text-decoration:underline}.hint{color:var(--text-muted);padding:12px;font-size:13px}.engine-tag{letter-spacing:.03em;text-transform:uppercase;border-radius:999px;align-items:center;padding:1px 6px;font-size:10.5px;font-weight:600;display:inline-flex}.engine-esbt{background:var(--accent-soft);color:var(--accent)}.engine-loro,.engine-yjs{background:var(--surface-2,#80808024);color:var(--text-muted)}.status{color:var(--text-muted);white-space:nowrap;align-items:center;gap:5px;font-size:12px;display:inline-flex}.status-dot{background:var(--text-faint);border-radius:50%;width:7px;height:7px}.status-connected .status-dot{background:var(--success)}.status-connecting .status-dot{background:var(--warning);animation:1.4s ease-in-out infinite pulse}.status-offline .status-dot{background:var(--danger)}@keyframes pulse{50%{opacity:.3}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.app{isolation:isolate;grid-template-rows:minmax(0,1fr);grid-template-columns:1fr;height:100%;display:grid;overflow:hidden}.app.with-sidebar{grid-template-columns:var(--sidebar-width) minmax(0, 1fr)}.main{grid-template-rows:var(--ribbon-height) minmax(0, 1fr) var(--statusbar-height);background:var(--surface);border-left:1px solid var(--border);min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.main.route-home,.main.route-benchmark{grid-template-rows:var(--titlebar-height) minmax(0, 1fr) 0}:is(.app:not(.with-sidebar) .main,.app.with-sidebar:has(.sidebar-overlay) .main){border-left:0}.app-ribbon,.sidebar,.outline-drawer,.hud{background:var(--glass-refraction), var(--glass-strong);border-color:var(--glass-border);box-shadow:var(--glass-shadow)}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.app-ribbon,.sidebar-overlay,.outline-drawer,.hud{background:var(--glass-refraction), var(--glass);-webkit-backdrop-filter:blur(var(--glass-blur-chrome)) saturate(var(--glass-saturation));backdrop-filter:blur(var(--glass-blur-chrome)) saturate(var(--glass-saturation))}}.sidebar{border-right:1px solid var(--glass-border);grid-template-rows:auto auto minmax(0,1fr) auto;height:100%;min-height:0;display:grid;position:relative;overflow:hidden}.sidebar-head{padding:calc(12px + env(safe-area-inset-top)) 12px 8px}.sidebar-brand-row{justify-content:space-between;align-items:center;min-height:32px;margin-bottom:10px;display:flex}.brand{color:var(--text);letter-spacing:-.02em;align-items:center;gap:7px;font-size:15px;font-weight:680;display:flex}.brand .icon{color:var(--accent)}.new-doc{display:flex}.new-doc .button.primary{min-height:36px;box-shadow:inset 0 1px #ffffff38, 0 8px 20px -14px var(--accent);border-radius:9px;flex:1;justify-content:center}.search{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 80%, transparent);min-width:0;min-height:34px;transition:border-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease;border-radius:8px;outline:0;margin:0 12px 8px;padding:6px 10px;font-size:13px}.search:focus{border-color:color-mix(in srgb, var(--accent) 58%, var(--border));box-shadow:0 0 0 3px var(--accent-soft)}.doc-list{padding:0 8px 8px;overflow-y:auto}.sidebar-error{background:var(--danger-soft);color:var(--danger);border-radius:7px;margin:4px}.doc-item{min-height:52px;transition:background var(--motion-fast) ease, border-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease;border:1px solid #0000;border-radius:9px;align-items:center;gap:4px;padding:3px 4px 3px 8px;display:flex}.doc-item:hover{background:color-mix(in srgb, var(--surface-sunken) 82%, transparent)}.doc-item.active{border-color:color-mix(in srgb, var(--accent) 24%, var(--border));background:var(--glass-refraction), color-mix(in srgb, var(--glass-strong) 78%, transparent);box-shadow:0 8px 22px -17px #0e23597a, inset 0 1px var(--glass-highlight)}.doc-item-body{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;gap:3px;padding:5px 2px;display:grid}.doc-title{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:570;overflow:hidden}.doc-meta{color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:11px;display:flex;overflow:hidden}.doc-item>.icon-button{opacity:0;width:28px;height:28px}.doc-item:hover>.icon-button,.doc-item>.icon-button:focus-visible{opacity:1}.sidebar-foot{min-height:48px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--glass-border);color:var(--text-muted);justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.sidebar-foot button,.sidebar-foot a{color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:6px;text-decoration:none;display:inline-flex}.sidebar-foot button:hover,.sidebar-foot a:hover{color:var(--text)}.sidebar-scrim{z-index:60;animation:scrim-in var(--motion-medium) ease both;cursor:default;background:#07090d57;border:0;padding:0;position:fixed;inset:0}.sidebar-overlay{z-index:70;width:min(88vw,310px);box-shadow:var(--shadow-lg);animation:drawer-in var(--motion-medium) var(--ease-out) both;position:fixed;inset:0 auto 0 0}@keyframes scrim-in{0%{opacity:0}}@keyframes drawer-in{0%{opacity:0;transform:translate(-18px)}}.app-ribbon{z-index:20;grid-template-rows:var(--titlebar-height) minmax(0, 1fr);border-bottom:1px solid var(--glass-border);min-width:0;display:grid;position:relative;overflow:visible}.app-ribbon.ribbon-home,.app-ribbon.ribbon-benchmark{grid-template-rows:var(--titlebar-height)}.titlebar{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:0 10px 0 8px;display:flex}.ribbon-home .titlebar,.ribbon-benchmark .titlebar{border-bottom:0}.topbar-left,.topbar-right{align-items:center;gap:7px;min-width:0;display:flex}.topbar-right{flex:none}.product-mark{flex:none;place-items:center;width:28px;height:28px;display:grid}.doc-heading{letter-spacing:-.015em;white-space:nowrap;text-overflow:ellipsis;max-width:38ch;font-size:13.5px;font-weight:630;overflow:hidden}.titlebar-action{border:1px solid var(--glass-border);background:color-mix(in srgb, var(--surface) 56%, transparent);min-height:32px;color:var(--text-muted);cursor:pointer;transition:color var(--motion-fast) ease, background var(--motion-fast) ease;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:570;display:inline-flex}.titlebar-action:hover{background:color-mix(in srgb, var(--surface) 82%, transparent);color:var(--text)}.identity-chip{border:1px solid color-mix(in srgb, var(--brand-amber) 40%, var(--border));background:color-mix(in srgb, var(--brand-amber) 14%, transparent);min-height:26px;color:var(--brand-amber);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border-radius:999px;padding:0 8px;font-size:10px;font-weight:700}.ribbon-body{grid-template-rows:27px minmax(0,1fr);min-width:0;min-height:0;display:grid}.ribbon-tabs{align-items:end;gap:2px;min-width:0;padding:0 10px;display:flex}.ribbon-tab{min-width:54px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-self:stretch;padding:0 10px;font-size:11.5px;font-weight:570}.ribbon-tab:hover{color:var(--text)}.ribbon-tab.active{border-bottom-color:var(--accent);color:var(--accent)}.ribbon-deck{border-top:1px solid var(--glass-border);background:var(--glass-refraction), color-mix(in srgb, var(--glass) 54%, transparent);min-width:0;min-height:0;overflow:hidden}.ribbon-toolbar{scrollbar-width:none;background:0 0;border:0;align-items:stretch;gap:0;width:100%;min-width:0;height:100%;padding:3px 8px 2px;display:flex;overflow:auto hidden}.ribbon-toolbar::-webkit-scrollbar{display:none}.ribbon-command-group{flex:none;grid-template-rows:minmax(0,1fr) 12px;align-items:center;min-width:max-content;padding:0 8px;display:grid}.ribbon-command-group+.ribbon-command-group{border-left:1px solid var(--glass-border)}.ribbon-command-row{align-items:center;gap:1px;display:flex}.ribbon-command{min-width:48px;height:42px;color:var(--text-muted);cursor:pointer;transition:color var(--motion-fast) ease, background var(--motion-fast) ease, transform 70ms ease;background:0 0;border:1px solid #0000;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:2px 5px;display:inline-flex}.ribbon-command:hover:not(:disabled){background:color-mix(in srgb, var(--surface-sunken) 86%, transparent);color:var(--text)}.ribbon-command:active:not(:disabled){transform:translateY(1px)}.ribbon-command.active,.ribbon-command[aria-pressed=true]{border-color:color-mix(in srgb, var(--accent) 19%, transparent);background:var(--accent-soft);color:var(--accent)}.ribbon-command:disabled{opacity:.38;cursor:not-allowed}.ribbon-command-label{white-space:nowrap;text-overflow:ellipsis;max-width:74px;font-size:9.5px;line-height:1;overflow:hidden}.ribbon-group-label{color:var(--text-faint);text-align:center;text-transform:uppercase;letter-spacing:.055em;align-self:end;font-size:8.5px;line-height:11px}.ribbon-loading{height:100%;color:var(--text-faint);align-items:center;padding:0 18px;font-size:11px;display:flex}.presence{align-items:center;padding-right:4px;display:flex}.avatar{border:2px solid var(--glass-strong);background:var(--avatar-color,var(--accent));color:#fff;letter-spacing:.02em;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;margin-left:-6px;font-size:10px;font-weight:700;display:inline-flex}.avatar-self{box-shadow:0 0 0 1.5px var(--accent)}.avatar-overflow{background:var(--surface-sunken);color:var(--text-muted)}.workspace{grid-template-columns:var(--split,50%) 6px minmax(0, 1fr);background:var(--surface);min-height:0;display:grid}.workspace.mode-edit{grid-template-columns:1fr 0 0}.workspace.mode-preview{grid-template-columns:0 0 1fr}.workspace.mode-edit .preview-pane,.workspace.mode-edit .splitter,.workspace.mode-preview .editor-pane,.workspace.mode-preview .splitter{display:none}.workspace.dragging{-webkit-user-select:none;user-select:none;cursor:col-resize}.pane{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.editor-pane,.preview-pane{background:var(--surface)}.editor-host{flex:1;min-height:0;overflow:hidden}.editor-host .cm-editor{height:100%}.preview-pane{border-left:1px solid var(--border);overflow-y:auto}.preview-loading,.editor-loading{color:var(--text-faint);place-items:center;font-size:12px;display:grid}.workspace.mode-preview .preview-pane{border-left:0}.splitter{background:var(--border);cursor:col-resize;transition:background var(--motion-fast) ease;position:relative}.splitter:after{content:"";position:absolute;inset:0 -4px}.splitter:hover,.workspace.dragging .splitter{background:var(--accent)}.statusbar{border-top:1px solid var(--border);background:var(--surface);min-width:0;color:var(--text-muted);white-space:nowrap;align-items:center;gap:18px;padding:0 12px;font-size:11.5px;display:flex;overflow:hidden}.statusbar-group{align-items:center;gap:12px;display:flex}.statusbar-right{margin-left:auto}.outline-drawer,.hud{top:calc(var(--titlebar-height) + 8px);z-index:50;border:1px solid var(--glass-border);border-radius:var(--radius-lg);width:288px;box-shadow:var(--shadow-lg), inset 0 1px var(--glass-highlight);animation:panel-in var(--motion-medium) var(--ease-out) both;flex-direction:column;display:flex;position:fixed;right:12px;overflow:hidden}.app.route-document .outline-drawer,.app.route-document .hud{top:calc(var(--ribbon-height) + 8px)}.outline-drawer{bottom:calc(var(--statusbar-height) + 8px)}.hud{width:320px;max-height:calc(100vh - var(--titlebar-height) - 16px);overflow-y:auto}.app.route-document .hud{max-height:calc(100vh - var(--ribbon-height) - var(--statusbar-height) - 16px)}@keyframes panel-in{0%{opacity:0;transform:translateY(-8px)scale(.985)}}.drawer-head,.hud-head{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;min-height:46px;padding:8px 8px 8px 14px;display:flex}.drawer-head h2,.hud-head h2{color:var(--text-muted);letter-spacing:.065em;text-transform:uppercase;align-items:center;gap:6px;font-size:11px;font-weight:680;display:flex}.outline{flex-direction:column;padding:6px;display:flex;overflow-y:auto}.outline-empty{color:var(--text-faint);text-align:center;align-items:center;gap:8px;padding:28px 20px;font-size:12.5px}.outline-item{border-radius:var(--radius-sm);min-height:34px;color:var(--text-muted);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:0;padding:5px 10px;font-size:12.5px;overflow:hidden}.outline-item[data-level="1"]{color:var(--text);font-weight:600}.outline-item:hover{background:var(--surface-sunken);color:var(--text)}.hud-section{border-bottom:1px solid var(--glass-border);padding:12px 14px}.hud-section h3{color:var(--text-faint);letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px;font-size:10.5px;font-weight:650}.hud-metrics{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.hud-metric{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--surface-sunken) 76%, transparent);text-align:center;gap:2px;padding:8px;display:grid}.hud-metric-value{font-variant-numeric:tabular-nums;font-size:14px;font-weight:650}.hud-metric-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;font-size:10px}.hud-note{color:var(--text-faint);margin-top:8px;font-size:11px}.hud-row{justify-content:space-between;align-items:baseline;gap:12px;padding:3px 0;font-size:12px;display:flex}.hud-label{color:var(--text-muted)}.hud-value{font-variant-numeric:tabular-nums;font-weight:550}.hud-cta{justify-content:center;margin:12px 14px}.empty-state{background:radial-gradient(circle at 82% 10%, color-mix(in srgb, var(--accent) 9%, transparent), transparent 34%), radial-gradient(circle at 10% 92%, color-mix(in srgb, var(--info) 7%, transparent), transparent 30%), var(--surface);place-items:center;min-width:0;min-height:0;padding:32px 20px;display:grid;overflow-y:auto}.empty-card{border:1px solid var(--glass-border);border-radius:var(--radius-xl);background:color-mix(in srgb, var(--glass-strong) 88%, transparent);width:min(100%,610px);box-shadow:var(--shadow-lg), inset 0 1px var(--glass-highlight);justify-items:start;padding:clamp(28px,5vw,48px);display:grid}.empty-card h2{letter-spacing:-.045em;max-width:15ch;font-size:clamp(25px,4vw,36px);font-weight:690;line-height:1.08}.empty-card>p{max-width:52ch;color:var(--text-muted);margin-top:16px;font-size:13.5px;line-height:1.7}@media (max-width:1099px){.app.with-sidebar{grid-template-columns:minmax(0,1fr)}.main{border-left:0}.doc-heading{max-width:28ch}.titlebar-action span{display:none}.titlebar-action{width:32px;padding:0}.outline-drawer,.hud{right:10px}}@media (max-width:720px),(max-height:560px) and (pointer:coarse){.main.route-document{grid-template-rows:var(--titlebar-height) minmax(0, 1fr) 0;padding-bottom:calc(var(--mobile-ribbon-height) + env(safe-area-inset-bottom))}.app-ribbon.ribbon-document{grid-template-rows:var(--titlebar-height);background:var(--glass-strong);-webkit-backdrop-filter:none;backdrop-filter:none;overflow:visible}.titlebar{padding-right:max(8px, env(safe-area-inset-right));padding-left:max(7px, env(safe-area-inset-left))}.topbar-left,.topbar-right{gap:5px}.topbar-left{flex:1}.titlebar .icon-button,.titlebar-action{width:var(--touch-target);height:var(--touch-target)}.product-mark{display:none}.doc-heading{flex:1;max-width:none;font-size:13px}.titlebar .status,.titlebar .presence{display:none}.ribbon-body{z-index:55;min-height:calc(var(--mobile-ribbon-height) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--glass-border);background:var(--glass-strong);box-shadow:0 -14px 32px -26px #0000008c, inset 0 1px var(--glass-highlight);grid-template-rows:34px 70px;position:fixed;bottom:0;left:0;right:0;overflow:hidden}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.ribbon-body{background:var(--glass);-webkit-backdrop-filter:blur(var(--glass-blur-chrome)) saturate(var(--glass-saturation));backdrop-filter:blur(var(--glass-blur-chrome)) saturate(var(--glass-saturation))}}.ribbon-tabs{padding:0 max(6px, env(safe-area-inset-right)) 0 max(6px, env(safe-area-inset-left));grid-template-columns:repeat(4,1fr);align-items:stretch;display:grid}.ribbon-tab{min-width:0;min-height:34px;padding:0 4px;font-size:11px}.ribbon-deck{border-top-color:var(--glass-border)}.ribbon-toolbar{padding:3px max(4px, env(safe-area-inset-right)) 3px max(4px, env(safe-area-inset-left));scroll-snap-type:x proximity}.ribbon-command-group{scroll-snap-align:start;grid-template-rows:minmax(0,1fr) 11px;padding-inline:5px}.ribbon-command{min-width:54px;height:50px}.ribbon-command-label{font-size:9px}.ribbon-group-label{line-height:10px}.workspace{grid-template-columns:minmax(0,1fr) 0 0}.workspace .splitter{display:none}.workspace.mode-split{grid-template-columns:minmax(0,1fr) 0 0}.workspace.mode-split .preview-pane,.statusbar{display:none}.outline-drawer,.hud,.app.route-document .outline-drawer,.app.route-document .hud{top:calc(var(--titlebar-height) + 8px);width:auto;max-height:none;left:8px;right:8px}.app.route-document .outline-drawer,.app.route-document .hud{bottom:calc(var(--mobile-ribbon-height) + env(safe-area-inset-bottom) + 8px)}.outline-item{min-height:var(--touch-target)}.doc-item{min-height:58px}.doc-item>.icon-button{width:var(--touch-target);height:var(--touch-target);opacity:1}.sidebar-overlay{width:min(90vw,330px)}.sidebar-brand-row>.icon-button{width:var(--touch-target);height:var(--touch-target)}.new-doc .button.primary,.search{min-height:var(--touch-target)}.empty-state{align-items:start;padding:20px 12px 32px}.empty-card{border-radius:17px;padding:26px 22px}.empty-card h2{font-size:28px}.voice-bar{bottom:10px}}@media (max-width:420px){.titlebar-download{display:none}.empty-engines>div{grid-template-columns:1fr}.empty-engines dd{line-height:1.5}}@media (prefers-reduced-transparency:reduce){.app-ribbon,.sidebar,.ribbon-body,.outline-drawer,.hud,.empty-card{background:var(--surface-raised);-webkit-backdrop-filter:none;backdrop-filter:none}}.doc-heading-button{min-width:0;color:var(--text);text-align:left;cursor:text;background:0 0;border:0;border-radius:7px;padding:4px 6px}.doc-heading-button:hover{background:color-mix(in srgb, var(--surface-sunken) 80%, transparent)}.ribbon-body{grid-template-rows:29px minmax(0,1fr)}.ribbon-command-row{gap:5px}.ribbon-command{border-color:color-mix(in srgb, var(--brand-navy) 8%, transparent);background:linear-gradient(145deg, #ffffff6b, transparent 48%), color-mix(in srgb, var(--surface-raised) 70%, transparent);min-width:50px;height:48px;box-shadow:0 8px 18px -15px #0a184075, inset 0 1px var(--glass-highlight), inset 0 -1px #315eea0d;border-radius:15px}.ribbon-command:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 20%, transparent);background:color-mix(in srgb, var(--surface-raised) 94%, transparent);box-shadow:0 7px 16px -11px #0a184080, inset 0 1px var(--glass-highlight);transform:translateY(-1px)}.ribbon-command.active,.ribbon-command[aria-pressed=true]{border-color:color-mix(in srgb, var(--accent) 28%, transparent);background:color-mix(in srgb, var(--accent-soft) 90%, transparent);box-shadow:inset 0 1px #ffffff8c, 0 8px 18px -14px var(--accent)}.ribbon-command.danger-command{color:var(--danger)}.ribbon-command .icon{width:17px;height:17px}.ribbon-command-label{max-width:68px;font-size:8.8px;font-weight:590}.ribbon-group-label{font-family:var(--font-mono);letter-spacing:.08em;font-size:8px;font-weight:650}.ribbon-deck-enter{animation:ribbon-deck-in .17s var(--ease-out) both}@keyframes ribbon-deck-in{0%{opacity:0;transform:translateY(4px)}}.titlebar-menu{position:relative}.popover-menu{z-index:120;border:1px solid color-mix(in srgb, var(--brand-navy) 24%, var(--glass-border));background:var(--glass-refraction), var(--glass-strong);width:190px;box-shadow:var(--glass-shadow), var(--shadow-lg);animation:popover-in .16s var(--ease-spring) both;border-radius:15px;padding:6px;display:grid;position:absolute;top:calc(100% + 7px);right:0}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.popover-menu{background:var(--glass-refraction), var(--glass);-webkit-backdrop-filter:blur(var(--glass-blur-panel)) saturate(var(--glass-saturation));backdrop-filter:blur(var(--glass-blur-panel)) saturate(var(--glass-saturation))}}.popover-menu button{min-height:38px;color:var(--text-muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:9px;padding:7px 9px;font-size:11.5px;display:flex}.popover-menu button:hover{background:var(--accent-soft);color:var(--text)}@keyframes popover-in{0%{opacity:0;transform:translateY(-5px)scale(.97)}}.focus-exit{border:1px solid color-mix(in srgb, var(--brand-green) 36%, var(--glass-border));background:color-mix(in srgb, var(--success-soft) 80%, transparent);min-height:30px;color:var(--success);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 11px;font-size:10.5px;font-weight:620;display:inline-flex}.focus-mode .main.route-document{grid-template-rows:var(--titlebar-height) minmax(0, 1fr) 0;border:0}.focus-mode .app-ribbon.ribbon-document{grid-template-rows:var(--titlebar-height)}.focus-mode .app-ribbon .ribbon-body,.focus-mode .statusbar{display:none}.focus-mode .titlebar{border-bottom:1px solid var(--glass-border)}.focus-mode .workspace-shell{animation:focus-settle .26s var(--ease-out) both}@keyframes focus-settle{0%{opacity:.82;transform:scale(.995)}}.ribbon-collapse .icon{transition:transform var(--motion-fast) var(--ease-out);transform:rotate(-90deg)}.ribbon-collapse.collapsed .icon{transform:rotate(90deg)}@media (min-width:721px){.ribbon-collapsed .main.route-document{grid-template-rows:var(--titlebar-height) minmax(0, 1fr) var(--statusbar-height)}.ribbon-collapsed .app-ribbon.ribbon-document{grid-template-rows:var(--titlebar-height)}.ribbon-collapsed .app-ribbon.ribbon-document .ribbon-body{display:none}.ribbon-collapsed .workspace-shell{animation:focus-settle .18s var(--ease-out) both}}.workspace.mode-edit .editor-pane,.workspace.mode-preview .preview-pane{animation:view-pane-in .18s var(--ease-out) both}@keyframes view-pane-in{0%{opacity:.65;transform:translateY(2px)}}.toast-region{z-index:260;pointer-events:none;gap:8px;width:min(350px,100vw - 28px);display:grid;position:fixed;bottom:14px;right:14px}.route-document .toast-region{bottom:calc(var(--statusbar-height) + 14px)}.toast{border:1px solid color-mix(in srgb, var(--brand-navy) 28%, var(--glass-border));background:var(--glass-refraction), var(--glass-strong);min-height:58px;box-shadow:var(--glass-shadow), var(--shadow-lg);pointer-events:auto;animation:toast-in var(--motion-medium) var(--ease-spring) both;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 9px 9px 12px;display:grid}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.toast{background:var(--glass-refraction), var(--glass);-webkit-backdrop-filter:blur(var(--glass-blur-panel)) saturate(var(--glass-saturation));backdrop-filter:blur(var(--glass-blur-panel)) saturate(var(--glass-saturation))}}.liquid-dock{left:50%;bottom:calc(var(--statusbar-height) + 14px);z-index:48;border:1px solid color-mix(in srgb, white 72%, var(--glass-border));background:var(--glass-refraction), var(--liquid-glass);min-height:56px;-webkit-backdrop-filter:blur(var(--glass-blur-floating)) saturate(var(--glass-saturation));backdrop-filter:blur(var(--glass-blur-floating)) saturate(var(--glass-saturation));animation:liquid-dock-in .32s var(--ease-spring) both;border-radius:999px;align-items:center;gap:4px;padding:6px;display:flex;position:fixed;overflow:hidden;transform:translate(-50%);box-shadow:0 18px 54px -25px #00359466,inset 0 3px 9px #ffffffb8,inset 0 -2px 8px #00359412}.with-sidebar .liquid-dock{left:calc(50% + var(--sidebar-width) / 2)}.liquid-dock:before{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 20%,#ffffff9e 47%,#0000 72%);position:absolute;inset:0;transform:translate(-125%)}.liquid-dock:hover:before,.liquid-dock:focus-within:before{transition:transform .68s var(--ease-out);transform:translate(125%)}.liquid-dock button{z-index:1;width:40px;height:40px;color:var(--text-muted);cursor:pointer;transition:color var(--motion-fast), background var(--motion-fast), border-color var(--motion-fast), transform var(--motion-fast) var(--ease-out);background:0 0;border:1px solid #0000;border-radius:999px;place-items:center;padding:0;display:grid;position:relative}.liquid-dock button:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 18%, transparent);background:color-mix(in srgb, var(--surface-raised) 66%, transparent);color:var(--accent);transform:translateY(-1px)}.liquid-dock button:disabled{opacity:.38;cursor:default}.liquid-dock button.active{background:var(--accent-soft);color:var(--accent)}.liquid-dock .liquid-dock-primary{background:color-mix(in srgb, var(--surface-raised) 54%, transparent);width:auto;min-width:154px;color:var(--text);grid-template-columns:auto auto auto;gap:8px;padding:0 12px 0 5px;font-size:11.5px;font-weight:650}.liquid-dock-primary>span{background:color-mix(in srgb, var(--accent) 88%, var(--brand-teal));color:#fff;border-radius:50%;place-items:center;width:31px;height:31px;display:grid;box-shadow:inset 0 1px #ffffff70}.liquid-dock kbd{color:var(--text-faint);font:9px var(--font-mono)}@keyframes liquid-dock-in{0%{opacity:0;transform:translate(-50%)translateY(12px)scale(.96)}}.toast-icon{background:var(--accent-soft);width:30px;height:30px;color:var(--accent);border-radius:10px;place-items:center;display:grid}.toast-success .toast-icon{background:var(--success-soft);color:var(--success)}.toast-danger .toast-icon{background:var(--danger-soft);color:var(--danger)}.toast-copy{min-width:0;display:grid}.toast-copy strong{font-size:11.5px}.toast-copy span{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.toast .icon-button{width:32px;height:32px}@keyframes toast-in{0%{opacity:0;transform:translate(14px)scale(.97)}}:root[data-density=compact]{--ribbon-height:132px}:root[data-density=compact] .ribbon-body{grid-template-rows:26px minmax(0,1fr)}:root[data-density=compact] .ribbon-command{border-radius:13px;min-width:46px;height:42px}:root[data-density=compact] .ribbon-command-group{padding-inline:6px}:root[data-glass=reduced] .app-ribbon,:root[data-glass=reduced] .sidebar,:root[data-glass=reduced] .ribbon-body,:root[data-glass=reduced] .outline-drawer,:root[data-glass=reduced] .hud,:root[data-glass=reduced] .popover-menu,:root[data-glass=reduced] .toast,:root[data-glass=reduced] .liquid-dock{background:var(--surface-raised);-webkit-backdrop-filter:none;backdrop-filter:none}:root[data-motion=reduced] *,:root[data-motion=reduced] :before,:root[data-motion=reduced] :after{transition-duration:.01ms!important;animation-duration:.01ms!important}@media (max-width:720px),(max-height:560px) and (pointer:coarse){:root[data-density=compact]{--ribbon-height:148px}.ribbon-tabs{grid-template-columns:repeat(5,1fr)}.ribbon-command{border-radius:15px;min-width:54px;height:50px}.titlebar-search{display:none}.focus-exit{width:var(--touch-target);height:var(--touch-target);justify-content:center;padding:0;font-size:0}.route-document .toast-region{bottom:calc(var(--mobile-ribbon-height) + env(safe-area-inset-bottom) + 10px)}.liquid-dock{display:none}}@media (max-width:420px){.titlebar-theme{display:none}}@media print{.sidebar,.app-ribbon,.statusbar,.outline-drawer,.hud,.review-drawer,.toast-region,.voice-bar,.editor-pane,.splitter{display:none!important}html,body,#root,.app,.main,.workspace-shell,.workspace,.preview-pane{color:#111!important;background:#fff!important;height:auto!important;min-height:0!important;overflow:visible!important}.app,.main,.workspace{display:block!important}.preview-pane{border:0!important;display:block!important}}.surface-material-host{isolation:isolate}.surface-material-canvas{z-index:0;border-radius:inherit;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .42s var(--ease-out);contain:strict;position:absolute;inset:0}.surface-material-canvas[data-ready=true]{opacity:var(--material-shader-opacity,.86)}.surface-material-host>:not(.surface-material-canvas){z-index:1;position:relative}.surface-material-chrome{--material-shader-opacity:.7}.surface-material-floating{--material-shader-opacity:.96}.surface-material-panel{--material-shader-opacity:.82}.surface-material-hero{--material-shader-opacity:.76}:root[data-surface-tier=cinematic]{--glass-blur-chrome:26px;--glass-blur-panel:30px;--glass-blur-floating:36px;--glass-saturation:190%}:root[data-surface-tier=balanced]{--glass-blur-chrome:19px;--glass-blur-panel:23px;--glass-blur-floating:27px;--glass-saturation:168%}:root[data-surface-tier=foundation]{--glass-blur-chrome:12px;--glass-blur-panel:16px;--glass-blur-floating:19px;--glass-saturation:146%}:root[data-surface-engine=css] .surface-material-canvas,:root[data-glass=reduced] .surface-material-canvas{display:none}@media (pointer:coarse){.surface-material-canvas[data-ready=true]{opacity:calc(var(--material-shader-opacity,.86) * .82)}}@media (prefers-reduced-transparency:reduce){.surface-material-canvas{display:none}}@media (prefers-reduced-motion:reduce){.surface-material-canvas{transition:none}}.workspace-shell{height:100%;min-height:0;display:grid;position:relative}.workspace-shell .workspace{min-height:0}.opening-shell{z-index:5;background:var(--surface);pointer-events:none;align-content:start;gap:18px;padding:2.25rem 2.5rem;display:grid;position:absolute;inset:0}.opening-skeleton{gap:12px;max-width:44rem;display:grid}.skeleton-line{background:var(--surface-sunken);border-radius:6px;height:11px;position:relative;overflow:hidden}.skeleton-line:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--text) 10%, transparent), transparent);animation:1.15s ease-in-out infinite marks-shimmer;position:absolute;inset:0;transform:translate(-100%)}.skeleton-line.w-48{width:48%}.skeleton-line.w-64{width:64%}.skeleton-line.w-80{width:80%}.skeleton-line.w-84{width:84%}.skeleton-line.w-88{width:88%}.skeleton-line.w-92{width:92%}@keyframes marks-shimmer{to{transform:translate(100%)}}.opening-hint{padding:0}.context-menu{z-index:80;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);min-width:198px;box-shadow:var(--shadow-md);padding:4px;position:fixed}.context-menu-item{border-radius:var(--radius-sm);width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:18px;padding:7px 10px;font-size:13px;display:flex}.context-menu-item:hover:not(:disabled),.context-menu-item:focus-visible{background:var(--surface-sunken)}.context-menu-item:disabled{color:var(--text-faint);cursor:default}.context-menu-item.danger{color:var(--danger)}.context-menu-item kbd{color:var(--text-faint);font-family:var(--font-sans);font-size:11px}.voice-bar{z-index:20;border:1px solid var(--border);background:var(--surface-raised);box-shadow:var(--shadow-md);border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:12.5px;display:inline-flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.voice-dot{background:var(--danger);border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite pulse}.voice-interim{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:28ch;overflow:hidden}.icon-button{position:relative}.toolbar-button.active{background:var(--accent-soft);color:var(--accent)}.editor-host .cm-content,.marks-preview,.preview-pane{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}@media print{.sidebar,.app-ribbon,.statusbar,.toolbar,.splitter,.editor-pane,.outline-drawer,.hud,.context-menu,.voice-bar,.opening-shell{display:none!important}.app,.main,.workspace-shell,.workspace,.preview-pane{border:0;height:auto;display:block;overflow:visible}.marks-block{content-visibility:visible}}