@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Source+Sans+3:wght@400;500;600&display=swap";:root{--toolbar-h: 44px;--tabbar-h: 32px;--rail-w: 168px;--panel-w: 268px;--font-ui: "Source Sans 3", "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--ease: .14s ease}html:not([data-theme]),html[data-theme=default]{--canvas: #1c1f24;--stage: #2a2e35;--surface: #242830;--surface-2: #2e333c;--border: #3a404a;--text: #eceae4;--muted: #a8a49a;--accent: #6b9e9a;--highlight: #d9a441;--danger: #c47a7a;--paper: #f7f4ee;--canvas-spot: #252a32}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;max-height:100%;margin:0}body{font-family:var(--font-ui);background:var(--canvas);color:var(--text);overflow:hidden;-webkit-font-smoothing:antialiased;scrollbar-width:thin;scrollbar-color:var(--border) var(--surface)}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:var(--surface)}*::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}*::-webkit-scrollbar-thumb:hover{background:var(--muted)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:1px solid transparent;background:transparent;color:var(--text);border-radius:4px;padding:4px 8px;transition:background var(--ease),color var(--ease),border-color var(--ease)}button:hover:not(:disabled){background:var(--surface-2)}button:disabled{opacity:.4;cursor:default}button.active{color:var(--accent);border-color:var(--border);background:var(--surface-2)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:1px solid var(--accent);outline-offset:1px}input[type=number],input[type=text],input[type=url],select{background:var(--canvas);border:1px solid var(--border);border-radius:4px;padding:4px 8px;min-width:0}.num-sm{width:48px}kbd{font-family:var(--font-mono);font-size:11px;border:1px solid var(--border);border-radius:3px;padding:1px 5px;background:var(--surface-2);color:var(--muted)}.app{display:grid;grid-template-rows:var(--toolbar-h) var(--tabbar-h) minmax(0,1fr);height:100%;max-height:100%;overflow:hidden}.app--no-tabs{grid-template-rows:var(--toolbar-h) minmax(0,1fr)}.app.app--zen{grid-template-rows:0px 0px minmax(0,1fr)}.app.app--no-tabs.app--zen{grid-template-rows:0px minmax(0,1fr)}.app--demo-compact{grid-template-rows:var(--toolbar-h) var(--tabbar-h) minmax(0,1fr)}.app--demo-compact.app--no-tabs{grid-template-rows:var(--toolbar-h) minmax(0,1fr)}.app--demo-compact .toolbar,.toolbar--compact{padding:0 8px;overflow-x:hidden;align-items:center}.app--demo-compact .toolbar .brand,.toolbar--compact .brand{margin-right:4px}.app--demo-compact .toolbar .tools button,.toolbar--compact .tools button{min-width:36px;padding-inline:10px}.app--demo-compact .toolbar .width-slider,.toolbar--compact .width-slider{width:72px}html[data-demo-chrome] .demo-ptr{position:fixed;top:0;left:0;z-index:55;pointer-events:none;opacity:0;transition:opacity .18s ease}html[data-demo-chrome] .demo-ptr.is-on{opacity:1;will-change:transform}html[data-demo-chrome] .demo-ptr i{display:block;width:18px;height:22px;transform-origin:2px 2px;transition:transform .12s cubic-bezier(.16,1,.3,1);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='22' viewBox='0 0 18 22'%3E%3Cpath fill='%23f7f4ee' stroke='%232a2e33' stroke-width='1.2' d='M1.2 1.2l15 7.4-6.6 2.2 2.4 8.2-3.6 1.2-2.4-8.2-4.8 4.2z'/%3E%3C/svg%3E") no-repeat center / contain}html[data-demo-chrome] .demo-ptr.is-click i{transform:scale(.88)}html[data-demo-chrome] .demo-hl-wipe,html[data-demo-chrome] .demo-pen-wipe{position:fixed;z-index:54;pointer-events:none;transform:scaleX(0);transform-origin:left center;transition:none}html[data-demo-chrome] .demo-hl-wipe{opacity:.42;mix-blend-mode:multiply}html[data-demo-chrome] .demo-pen-wipe{opacity:.95;border-radius:1px}html[data-demo-tour] .textLayer ::selection{background:transparent}@media(prefers-reduced-motion:reduce){html[data-demo-chrome] .demo-ptr,html[data-demo-chrome] .demo-hl-wipe,html[data-demo-chrome] .demo-pen-wipe{display:none}}.app--zen .toolbar,.app--zen .tab-bar{height:0;min-height:0;max-height:0;padding:0;margin:0;opacity:0;overflow:hidden;pointer-events:none;border:none;transition:opacity .18s ease}.app--zen .main.no-panel:not(.main--home){grid-template-columns:0fr 1fr}.app--zen .main:not(.no-panel):not(.main--home){grid-template-columns:0fr 1fr 0fr}.app--zen .main.main--home:not(.no-panel){grid-template-columns:1fr 0fr}.app--zen .main.main--home.no-panel{grid-template-columns:1fr}.app--zen .rail,.app--zen .panel{opacity:0;pointer-events:none;overflow:hidden;min-width:0;border-color:transparent;transition:opacity .18s ease,border-color .18s ease}.zen-hint{position:fixed;top:8px;left:50%;z-index:41;display:flex;align-items:center;gap:10px;padding:7px 12px;font-size:12px;line-height:1.2;color:var(--text);background:color-mix(in srgb,var(--surface-2) 92%,transparent);border:1px solid var(--border);border-radius:4px;box-shadow:0 10px 28px #00000061;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transform:translate(-50%) translateY(-8px);pointer-events:none;transition:opacity .16s ease,transform .16s ease}.zen-hint--visible{opacity:1;transform:translate(-50%) translateY(0)}.zen-hint-title{font-weight:500;letter-spacing:.02em}.zen-hint-exit{color:var(--muted);font-size:11px}.zen-hint-sep{margin:0 3px;color:var(--border)}.zen-hint kbd{font-size:10px;padding:1px 5px}.translate-popover{position:fixed;z-index:30;padding:12px 16px;font-size:15px;line-height:1.5;color:var(--text);background:color-mix(in srgb,var(--surface-2) 92%,transparent);border:1px solid var(--border);border-radius:4px;box-shadow:0 10px 28px #00000061;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;-webkit-user-select:text;user-select:text;animation:pop-in .18s ease}.selection-menu{position:fixed;z-index:35;min-width:180px;padding:4px 0;font-size:13px;color:var(--text);background:color-mix(in srgb,var(--surface-2) 94%,transparent);border:1px solid var(--border);border-radius:4px;box-shadow:0 8px 24px #0000005c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;animation:pop-in .16s ease}.translate-popover.is-leaving,.selection-menu.is-leaving{animation:pop-out .22s ease forwards;pointer-events:none}@keyframes pop-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes pop-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-5px)}}.translate-popover__src{margin:0 0 10px;font-size:13px;color:var(--muted);white-space:pre-wrap;border-bottom:1px solid var(--border);padding-bottom:10px}.translate-popover__row{display:flex;align-items:center;gap:8px}.translate-popover__spinner{flex-shrink:0;width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:translate-spin .7s linear infinite}@keyframes translate-spin{to{transform:rotate(360deg)}}.translate-popover__muted{color:var(--muted);font-size:14px}.translate-popover__text{margin:0;font-size:15px;white-space:pre-wrap}.selection-menu--placed{visibility:visible}.selection-menu__item{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;padding:7px 12px;border:none;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.selection-menu__item:hover:not(:disabled),.selection-menu__item.is-hover:not(:disabled){background:color-mix(in srgb,var(--accent) 12%,transparent)}.selection-menu__item:disabled{opacity:.4;cursor:default}.selection-menu__label{flex:1}.selection-menu__kbd{font-family:var(--font-mono);font-size:11px;color:var(--muted);padding:1px 5px;border:1px solid var(--border);border-radius:3px;background:color-mix(in srgb,var(--surface) 80%,transparent)}@media(prefers-reduced-motion:reduce){.selection-menu,.translate-popover{animation:none}}.translate-popover__err{margin:0;font-size:15px;color:var(--danger);white-space:pre-wrap}@media(prefers-reduced-motion:reduce){.app,.main,.toolbar,.tab-bar,.rail,.panel,.zen-hint,.translate-popover,.translate-popover__spinner,.viewer-wrap,.page-strip{transition:none!important}.tip-float{transition:none}}.tab-bar{position:relative;z-index:50;display:flex;align-items:stretch;gap:0;height:var(--tabbar-h);min-height:var(--tabbar-h);max-height:var(--tabbar-h);padding:0 4px;background:var(--surface);border-bottom:1px solid var(--border);overflow-x:auto;overflow-y:hidden;flex-shrink:0;transition:opacity .18s ease,border-color .18s ease}.tab{display:flex;align-items:center;gap:6px;max-width:220px;min-width:72px;padding:0 6px 0 10px;margin:4px 2px 0;border:1px solid transparent;border-bottom:none;border-radius:4px 4px 0 0;background:transparent;color:var(--muted);font-family:var(--font-ui);font-size:12px;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;outline:none}.tab:hover{color:var(--text);background:var(--surface-2)}.tab:focus-visible{outline:1px solid var(--accent);outline-offset:-1px}.tab--active{color:var(--text);background:var(--canvas);border-color:var(--border)}.tab--split:not(.tab--active){border-color:var(--border);color:var(--text)}.tab-dirty{width:6px;height:6px;border-radius:50%;background:var(--highlight);flex-shrink:0}.tab-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.tab-close{flex-shrink:0;width:18px;height:18px;padding:0;border:none;border-radius:3px;background:transparent;color:var(--muted);font-size:14px;line-height:1;cursor:pointer}.tab-close:hover{color:var(--text);background:var(--border)}html.tab-dragging,html.tab-dragging *{cursor:grabbing!important}.toolbar{position:relative;z-index:50;display:flex;align-items:center;gap:4px;height:var(--toolbar-h);min-height:var(--toolbar-h);max-height:var(--toolbar-h);padding:0 12px;background:var(--surface);border-bottom:1px solid var(--border);overflow-x:auto;overflow-y:hidden;white-space:nowrap;flex-shrink:0;transition:opacity .18s ease,border-color .18s ease}.tip-wrap{display:inline-flex;max-width:100%}.tab>.tip-wrap:has(.tab-label){display:block;flex:1;min-width:0;overflow:hidden}.tab>.tip-wrap:has(.tab-label) .tab-label{display:block;width:100%;flex:none}.empty-recent-item>.tip-wrap:has(.empty-recent-open){display:block;flex:1;min-width:0;min-height:0}.empty-recent-item>.tip-wrap:has(.empty-recent-open) .empty-recent-open{width:100%;box-sizing:border-box}.tip-float{position:fixed;padding:6px 10px;font-size:13px;line-height:1.35;white-space:nowrap;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:4px;box-shadow:0 2px 8px #00000040;pointer-events:none;opacity:0;z-index:200;transition:opacity .12s ease}.tip-float--placed{opacity:1}.tip-float--multiline{display:flex;flex-direction:column;gap:4px;max-width:min(320px,calc(100vw - 12px));white-space:normal}.tip-float-title{word-break:break-word}.tip-float-path{font-family:var(--font-mono);font-size:11px;line-height:1.3;color:var(--muted);word-break:break-all}.toolbar .brand{display:flex;align-items:center;gap:8px;font-weight:600;letter-spacing:.04em;margin-right:10px;color:var(--text);font-size:15px}.toolbar .brand img{display:block;width:18px;height:18px;flex-shrink:0}.toolbar button.brand{background:none;border:none;padding:0;cursor:pointer}.toolbar button.brand:hover{color:var(--accent)}.toolbar .sep{width:1px;height:20px;background:var(--border);margin:0 6px;flex-shrink:0}.toolbar .group{display:flex;align-items:center;gap:2px}.toolbar .tools button{min-width:32px;font-size:13px;padding-inline:8px}.toolbar button{display:inline-flex;align-items:center;gap:5px}.tb-icon{flex-shrink:0;display:block}.toolbar .page-input{min-width:3ch;font-family:var(--font-mono);text-align:center;-moz-appearance:textfield}.toolbar .page-input::-webkit-outer-spin-button,.toolbar .page-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.toolbar .meta{font-family:var(--font-mono);font-size:12px;color:var(--muted)}.toolbar .width-slider{width:72px;height:4px;accent-color:var(--accent);cursor:pointer}.toolbar .size-field{display:inline-flex;align-items:center;gap:2px}.toolbar .width-input{width:48px;min-width:48px;flex-shrink:0;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:12px;text-align:right;padding:2px 4px;color:var(--muted);-moz-appearance:textfield;appearance:textfield}.toolbar .width-input:focus{color:var(--text)}.toolbar .width-input::-webkit-outer-spin-button,.toolbar .width-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.toolbar .spacer{flex:1}.toolbar-zen{flex-shrink:0;display:flex;align-items:center;margin-left:4px;padding-left:10px;border-left:1px solid var(--border)}.toolbar-zen button{min-width:32px;padding-inline:7px}.toolbar .status{font-size:12px;color:var(--muted);max-width:320px;overflow:hidden;text-overflow:ellipsis}.main{display:grid;grid-template-columns:var(--rail-w) 1fr var(--panel-w);min-height:0}.main.no-panel{grid-template-columns:var(--rail-w) 1fr}.main.main--home{grid-template-columns:1fr var(--panel-w)}.main.main--home.no-panel{grid-template-columns:1fr}.rail{position:relative;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0;min-width:0;overflow:visible;z-index:2;transition:opacity .18s ease,border-color .18s ease}.rail-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.rail-foot{flex-shrink:0;height:24px}.rail-nav{flex:var(--rail-nav-grow, .55) 1 0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.rail-nav-heading{margin:0;padding:12px 12px 6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);flex-shrink:0}.rail-nav-tabs{display:flex;gap:4px;padding:8px 8px 4px;flex-shrink:0}.rail-tab{flex:1;padding:5px 6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:4px;cursor:pointer}.rail-tab:hover{color:var(--text);background:var(--surface-2)}.rail-tab.active{color:var(--accent);background:var(--surface-2);border-color:var(--border)}.rail-nav-panes{flex:1;min-height:0;display:flex;flex-direction:column}.rail-nav-pane{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;scroll-behavior:auto}.rail-nav-pane.hidden{display:none}.rail-nav-scroll{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;scroll-behavior:auto}.rail-split-v{flex-shrink:0;height:10px;border-top:1px solid var(--border);cursor:row-resize;background:transparent;touch-action:none;box-sizing:border-box}.rail-split-v:hover,.rail-split-v:active{border-top-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:color-mix(in srgb,var(--accent) 10%,transparent)}.rail-bookmarks{flex:var(--rail-bookmarks-grow, .45) 1 0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.rail-bookmarks .rail-list{padding-bottom:32px;scroll-padding-bottom:24px}.rail-split-h{position:absolute;top:0;right:-14px;width:14px;height:100%;cursor:col-resize;touch-action:none;z-index:3}.rail-split-h:hover,.rail-split-h:active{background:color-mix(in srgb,var(--accent) 25%,transparent)}.rail h2{margin:0;padding:10px 12px 6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);flex-shrink:0}.rail-list{list-style:none;margin:0;padding:0 6px 10px;overflow-y:auto;flex:1;min-height:0}.rail-nav-scroll .rail-list,.rail-nav-scroll .rail-outline,.rail-nav-pane .rail-list,.rail-nav-pane .rail-outline,.rail-nav-pane .rail-pages{flex:none;overflow:visible;max-height:none}.rail-pages{position:relative;margin:0;padding:8px 0 10px;width:100%;box-sizing:border-box}.rail-pages-loading-wrap{min-height:48px}.rail-pages-loading{display:block;padding:12px;text-align:center;font-size:12px;color:var(--muted)}.rail-page-slot{position:absolute;left:0;right:0;z-index:1;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.rail-page-current-marker{position:absolute;left:8px;right:8px;z-index:0;border-radius:4px;background:var(--surface-2);pointer-events:none}.rail-page-btn{display:flex;flex-direction:column;align-items:center;width:calc(100% - 16px);padding:5px 8px 4px;margin:0;border:none;border-radius:4px;background:transparent;cursor:pointer;box-sizing:border-box;flex-shrink:0;transition:none}.rail-page-thumb{position:relative;box-sizing:border-box;border:2px solid var(--border);border-radius:2px;background:var(--paper);overflow:hidden;box-shadow:0 1px 3px color-mix(in srgb,#000 25%,transparent)}.rail-page-canvas{display:block;width:100%;height:100%;background:transparent}.rail-page-label{display:block;margin-top:2px;min-height:15px;font-family:var(--font-mono);font-size:12px;color:var(--muted);line-height:15px;text-align:center}.rail-page-label.current{color:var(--accent);font-weight:500}.rail-page-btn:focus-visible .rail-page-thumb{outline:2px solid var(--accent);outline-offset:2px}.rail-page-badges{position:absolute;top:3px;right:3px;display:flex;align-items:center;gap:3px;padding:2px 5px;border-radius:3px;background:color-mix(in srgb,var(--surface-2) 92%,var(--surface));border:1px solid var(--border);font-family:var(--font-mono);font-size:11px;font-weight:600;line-height:1;box-shadow:0 1px 2px color-mix(in srgb,#000 22%,transparent);pointer-events:none}.rail-page-mark-bookmark{color:var(--highlight)}.rail-page-badges span{display:inline-flex;align-items:center;justify-content:center;min-width:12px}.rail-list>li>button{width:100%;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:6px;padding:7px 8px;font-family:var(--font-mono);font-size:12px;border-radius:4px}.rail-num{font-family:var(--font-mono);font-size:11px;color:var(--muted);min-width:14px;flex-shrink:0}.rail-list>li>button.current{background:var(--surface-2);color:var(--accent)}.rail-outline{font-family:var(--font-ui);padding-bottom:6px}.rail-outline-kids{list-style:none;margin:0;padding:0}.rail-outline-item{margin-left:calc(var(--depth, 0) * 14px)}.rail-outline-row{display:grid;grid-template-columns:22px minmax(0,1fr);gap:4px;align-items:start;padding:2px 4px;border-radius:4px}.rail-outline-row.current{background:var(--surface-2)}.rail-outline-row.disabled{opacity:.55}.rail-chevron,.rail-chevron-spacer{flex-shrink:0;width:22px;height:24px;display:inline-flex;align-items:center;justify-content:center;padding:0;margin:0;border:none;background:transparent;color:var(--muted);font-size:12px;line-height:1;cursor:pointer}.rail-chevron:hover{color:var(--text)}.rail-chevron-spacer{cursor:default;pointer-events:none}.rail-outline-label{min-width:0;width:auto;text-align:left;display:grid;grid-template-columns:minmax(0,1fr) 18px auto;align-items:start;gap:4px;padding:2px 4px 2px 0;font-family:var(--font-ui);font-size:12px;line-height:1.35;border-radius:4px;background:transparent;border:none;color:inherit;cursor:pointer}.rail-outline-label:disabled{cursor:default}.rail-outline-label.current{color:var(--accent)}.rail-outline-title{min-width:0;white-space:normal;word-break:break-word;line-height:1.35}.rail-outline-page{flex-shrink:0;min-width:1.25em;padding-top:1px;font-family:var(--font-mono);font-size:11px;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}.rail-outline-marks{width:18px;min-width:18px;display:inline-flex;align-items:flex-start;justify-content:flex-end;gap:2px;flex-shrink:0;color:var(--highlight);font-size:10px;line-height:1.35}.rail-marks{display:flex;gap:4px;color:var(--highlight);font-size:11px}.rail-empty{display:block;padding:6px 8px;font-size:12px;color:var(--muted)}.rail-remove{color:var(--muted);padding:0 4px}.rail-remove:hover{color:var(--danger)}.rail-meta{padding:0 4px;font-size:11px}.viewer-wrap{position:relative;overflow:auto;background:radial-gradient(ellipse at 50% 0%,var(--canvas-spot) 0%,var(--canvas) 70%);padding:20px;min-height:0}.split-stage{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.split-stage--on{display:grid;grid-template-columns:minmax(0,var(--split-a)) var(--split-gap) minmax(0,var(--split-b));grid-template-rows:minmax(0,1fr)}.split-stage:not(.split-stage--on)>.viewer-pane{flex:1;min-height:0}.split-stage:has(>.empty),.split-stage:has(>.boot-shell){overflow:auto;background:radial-gradient(ellipse at 50% 0%,var(--canvas-spot) 0%,var(--canvas) 70%);padding:20px}.split-stage:has(>.empty){display:flex;flex-direction:column}.split-handle{width:5px;margin:0 -2px;cursor:col-resize;background:var(--border);z-index:2}.split-stage--hidden.split-stage--left>.viewer-pane:first-of-type,.split-stage--hidden.split-stage--right>.viewer-pane:last-of-type{pointer-events:none}.split-drop{position:absolute;top:0;bottom:0;width:20%;pointer-events:none;z-index:4;background:color-mix(in srgb,var(--accent) 18%,transparent)}.split-drop--left{left:0}.split-drop--right{right:0}.viewer-pane{min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column}.viewer-pane .viewer-wrap{flex:1}.viewer-pane-head{display:flex;align-items:center;gap:8px;height:22px;padding:0 6px 0 10px;flex-shrink:0;background:var(--surface);border-bottom:1px solid var(--border);font-size:11px;color:var(--muted)}.viewer-pane--focused .viewer-pane-head{color:var(--text)}.viewer-pane-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer-pane-close{flex-shrink:0;width:18px;height:18px;border:none;background:transparent;color:var(--muted);cursor:pointer;font-size:14px;line-height:1}.viewer-pane-close:hover{color:var(--text)}.app--zen .viewer-pane-head{display:none}.brush-cursor-overlay{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:50}.viewer-wrap--zen,.app--zen .viewer-wrap{padding:0;background:var(--canvas)}.viewer-wrap:has(>.empty){display:flex;flex-direction:column}.page-strip{display:flex;flex-direction:column;align-items:flex-start;width:max-content;max-width:none;gap:16px;padding-bottom:20px}.app--zen .page-strip{padding-bottom:0;gap:12px}.app--zen .page-slot{scroll-margin-top:0}.page-slot{flex-shrink:0;background:var(--paper);border-radius:2px;box-shadow:0 0 0 1px color-mix(in srgb,var(--text) 8%,transparent),0 2px 4px color-mix(in srgb,#000 5%,transparent),0 10px 28px color-mix(in srgb,#000 10%,transparent)}.page-slot.is-anno-drag{position:relative;z-index:3;overflow:visible!important}.page-slot.is-anno-drag .page-stage{content-visibility:visible;contain:none;overflow:visible}.page-slot.is-anno-drag .anno-wrap,.page-slot.is-anno-drag .anno-layer{overflow:visible}.page-zoom-inner{transform-origin:0 0}.page-stage{position:relative;content-visibility:auto;contain-intrinsic-size:auto 900px}.page-stage canvas{display:block;opacity:0}.page-stage .textLayer,.page-stage .anno-wrap,.page-stage .search-highlight-layer{opacity:0}.page-stage.is-ready canvas,.page-stage.is-ready .textLayer,.page-stage.is-ready .anno-wrap,.page-stage.is-ready .search-highlight-layer{opacity:1;transition:opacity 80ms ease}.textLayer{position:absolute;inset:0;overflow:hidden;opacity:1;line-height:1;-webkit-user-select:none;user-select:none;pointer-events:auto;letter-spacing:normal;word-spacing:normal;transform-origin:0 0;-webkit-text-size-adjust:none;text-size-adjust:none}.textLayer span,.textLayer br{color:transparent;position:absolute;white-space:pre;cursor:text;-webkit-user-select:text;user-select:text;letter-spacing:normal;word-spacing:normal;transform-origin:0% 0%}.textLayer ::selection{background:color-mix(in srgb,var(--accent) 35%,transparent)}.anno-wrap{position:absolute;inset:0;pointer-events:none}.anno-wrap .anno-ink{position:absolute;inset:0;pointer-events:none;opacity:1}.anno-wrap .anno-ink--hl{mix-blend-mode:multiply}.anno-wrap .anno-layer{position:absolute;inset:0;pointer-events:none}.anno-wrap .anno-layer.interactive{pointer-events:auto}.viewer-wrap[data-tool=select] .anno-layer text{-webkit-user-select:none;user-select:none}.viewer-wrap[data-tool=select][data-anno-cursor=grab] .textLayer span,.viewer-wrap[data-tool=select][data-anno-cursor=grab] .textLayer br{cursor:grab}.viewer-wrap[data-tool=select][data-anno-cursor=grabbing] .textLayer span,.viewer-wrap[data-tool=select][data-anno-cursor=grabbing] .textLayer br{cursor:grabbing}.viewer-wrap[data-tool=select][data-anno-cursor=grab]{cursor:grab!important}.viewer-wrap[data-tool=select][data-anno-cursor=grabbing]{cursor:grabbing!important}.viewer-wrap[data-tool=select][data-anno-cursor=resize] .textLayer span,.viewer-wrap[data-tool=select][data-anno-cursor=resize] .textLayer br{cursor:nwse-resize}.viewer-wrap[data-tool=select][data-anno-cursor=resize]{cursor:nwse-resize!important}.viewer-wrap[data-tool=select][data-anno-cursor=marquee] .textLayer,.viewer-wrap[data-tool=select][data-anno-cursor=marquee] .textLayer span,.viewer-wrap[data-tool=select][data-anno-cursor=marquee] .textLayer br{pointer-events:none;-webkit-user-select:none;user-select:none;cursor:crosshair}.viewer-wrap[data-tool=select][data-anno-cursor=marquee]{cursor:crosshair!important}.viewer-wrap[data-tool=select][data-anno-cursor=grabbing] .textLayer,.viewer-wrap[data-tool=select][data-anno-cursor=grabbing] .textLayer span,.viewer-wrap[data-tool=select][data-anno-cursor=grabbing] .textLayer br{pointer-events:none;-webkit-user-select:none;user-select:none}.anno-layer .anno-marquee{fill:var(--accent);fill-opacity:.12;stroke:var(--accent);stroke-width:1;stroke-dasharray:4 3;pointer-events:none}.viewer-wrap[data-tool=select] .anno-layer .anno-resize-handle{fill:var(--paper);stroke:var(--accent);stroke-width:1.5;pointer-events:none}.viewer-wrap[data-tool=text] .anno-layer text{cursor:text;pointer-events:all}.viewer-wrap[data-tool=select] .anno-layer.text-editable{pointer-events:none}.anno-layer .anno-hover-ring{fill:color-mix(in srgb,var(--accent) 8%,transparent);stroke:var(--accent);stroke-width:1.5;pointer-events:none}.viewer-wrap[data-tool=select] .anno-layer .anno-hover-ring{pointer-events:all}.viewer-wrap[data-tool=select] .anno-layer .anno-hover-ring.anno-sel-union{pointer-events:none}.anno-layer .anno-hover-ring.anno-marquee-hit{fill:var(--accent);fill-opacity:.14;stroke:var(--accent);stroke-opacity:.85}.viewer-wrap[data-tool=text] .anno-layer text.anno-text-hover{outline:1px solid var(--border);outline-offset:2px}.viewer-wrap[data-tool]{touch-action:none}.viewer-wrap[data-tool=pen] .anno-layer,.viewer-wrap[data-tool=highlighter] .anno-layer,.viewer-wrap[data-tool=eraser] .anno-layer{-webkit-user-select:none;user-select:none}.viewer-wrap[data-tool=pen] .anno-layer text,.viewer-wrap[data-tool=highlighter] .anno-layer text,.viewer-wrap[data-tool=eraser] .anno-layer text{pointer-events:none;-webkit-user-select:none;user-select:none}.anno-text-chrome{position:absolute;z-index:2;pointer-events:auto;display:flex;flex-direction:column;align-items:flex-start;cursor:text}.anno-text-input{position:relative;z-index:1;display:block;margin:0;pointer-events:auto;cursor:text;min-width:128px;max-width:280px;padding:5px 10px;line-height:1.2;white-space:nowrap;border:1px solid rgba(58,64,74,.32);outline:none;border-radius:4px;background:color-mix(in srgb,var(--paper) 82%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);font-family:"Source Sans 3",var(--font-ui);resize:none;overflow:hidden;box-shadow:0 2px 10px #0000001a;box-sizing:content-box;transition:border-color var(--ease),box-shadow var(--ease)}.anno-text-input::placeholder{color:#2a2a286b;font-size:inherit;line-height:inherit}.anno-text-input:focus,.anno-text-input:focus-visible{outline:none;border-color:#3a404a52;box-shadow:0 2px 12px #0000001f}.anno-text-input.editing{min-width:56px;max-width:min(420px,70vw)}.anno-text-chrome-gap{height:5px;align-self:stretch;min-width:100%;pointer-events:auto;cursor:text}.anno-special-chars{position:relative;z-index:1;pointer-events:auto;cursor:pointer;display:flex;flex-wrap:wrap;align-items:center;gap:3px;width:fit-content;max-width:min(280px,70vw);padding:5px 6px;background:color-mix(in srgb,var(--paper) 82%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(58,64,74,.32);border-radius:4px;box-shadow:0 2px 10px #0000001a}.anno-special-chars:before{content:"";position:absolute;inset:0;pointer-events:auto;cursor:pointer}.anno-special-chars .anno-special-char{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-width:26px;height:26px;padding:0 4px;font-size:15px;font-family:"Source Sans 3",var(--font-ui);line-height:1;color:#2a2a28;background:#ffffff61;border:1px solid rgba(58,64,74,.18);border-radius:3px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--ease),border-color var(--ease)}.anno-special-chars .anno-special-char:hover{background:color-mix(in srgb,var(--accent) 20%,rgba(255,255,255,.45));border-color:color-mix(in srgb,var(--accent) 55%,var(--border))}.settings-divider{border:none;border-top:1px solid var(--border);margin:4px 0}.settings-section-title{margin:0;font-size:13px;font-weight:600;color:var(--text)}.settings-check{flex-direction:row!important;align-items:center;gap:10px!important;color:var(--text)!important;font-size:13px!important;cursor:pointer;-webkit-user-select:none;user-select:none}.settings-check input[type=checkbox]{appearance:none;-webkit-appearance:none;width:16px;height:16px;flex-shrink:0;margin:0;border:1px solid var(--border);border-radius:4px;background-color:var(--canvas);background-image:none;background-repeat:no-repeat;background-position:50% 50%;background-size:10px 10px;cursor:pointer;transition:background-color var(--ease),border-color var(--ease)}.settings-check input[type=checkbox]:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.settings-check input[type=checkbox]:checked{background-color:var(--accent);border-color:var(--accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%231c1f24' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 6.2 4.8 9 10 3'/%3E%3C/svg%3E")}.settings-check input[type=checkbox]:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.settings-check input[type=checkbox]:disabled{opacity:.4;cursor:default}.settings-presets{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.settings-presets-label{font-size:12px;color:var(--muted)}.settings-preset-btn{font-size:12px;padding:2px 8px}.settings-quota{font-size:12px;color:var(--muted);margin:0;line-height:1.45}.settings-smooth{gap:8px!important}.settings-smooth-control{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px}.settings-smooth-end{font-size:11px;line-height:1;color:var(--muted);-webkit-user-select:none;user-select:none}.settings-smooth-slider{width:100%;height:18px;margin:0;padding:0;background:transparent;appearance:none;cursor:pointer}.settings-smooth-slider::-webkit-slider-runnable-track{height:3px;border-radius:1px;background:linear-gradient(to right,var(--accent) 0 var(--smooth-pct),var(--border) var(--smooth-pct) 100%)}.settings-smooth-slider::-webkit-slider-thumb{appearance:none;width:12px;height:12px;margin-top:-4.5px;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--border));border-radius:2px;background:var(--text);box-shadow:0 1px 2px color-mix(in srgb,var(--canvas) 55%,transparent)}.settings-smooth-slider::-moz-range-track{height:3px;border:none;border-radius:1px;background:var(--border)}.settings-smooth-slider::-moz-range-progress{height:3px;border:none;border-radius:1px;background:var(--accent)}.settings-smooth-slider::-moz-range-thumb{width:12px;height:12px;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--border));border-radius:2px;background:var(--text)}.settings-smooth-slider:hover::-webkit-slider-thumb,.settings-smooth-slider:hover::-moz-range-thumb{border-color:var(--accent)}.settings-smooth-slider:focus-visible{outline:none}.settings-smooth-slider:focus-visible::-webkit-slider-thumb,.settings-smooth-slider:focus-visible::-moz-range-thumb{outline:1px solid var(--accent);outline-offset:2px}.settings-field-err{font-size:12px;color:var(--danger);margin:0}.theme-picker{display:flex;flex-direction:column;gap:8px;margin-top:4px}.settings-dev{display:flex;flex-direction:column;gap:8px;margin-top:8px;padding-top:8px;border-top:1px dashed var(--border)}.theme-picker-label{font-size:13px;color:var(--text)}.theme-picker-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.theme-picker-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:4px;background:var(--surface);text-align:left;font-size:13px}.theme-picker-item:hover:not(:disabled){background:var(--surface-2);border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.theme-picker-item--active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface))}.theme-picker-item--locked{opacity:.65;cursor:default}.theme-picker-swatches{display:inline-flex;gap:3px;flex-shrink:0}.theme-picker-swatch{width:14px;height:14px;border-radius:3px;border:1px solid color-mix(in srgb,var(--border) 80%,transparent)}.theme-picker-name{flex:1;min-width:0}.theme-picker-status{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;color:var(--muted)}.theme-picker-status-icon{display:block}.theme-picker-item--active .theme-picker-status{color:var(--accent)}.theme-picker-actions{display:flex;flex-wrap:wrap;gap:6px}.theme-picker-hint{font-size:12px;color:var(--muted);margin:0;line-height:1.45}.settings input.settings-input--invalid{border-color:var(--danger)}.empty{display:flex;flex-direction:column;align-items:center;justify-content:safe center;flex:1 1 auto;min-height:0;width:100%;color:var(--muted)}.empty:has(.empty-recent){justify-content:safe flex-start;padding-top:7vh;padding-bottom:16px}.empty-stack{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:720px;padding-bottom:24px}.empty-hero{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.empty-mark{display:block;width:56px;height:56px}.empty h1{margin:0;font-size:28px;font-weight:600;letter-spacing:.03em;color:var(--text)}.empty p{margin:0;font-size:14px}.empty button.primary{background:var(--surface-2);border-color:var(--border);padding:9px 20px}.empty button.primary:hover{border-color:var(--accent);color:var(--accent)}.empty button.primary:disabled{opacity:.55;cursor:default}.empty button.primary:disabled:hover{border-color:var(--border);color:inherit}.empty-recent{width:100%;margin:0}.empty-recent .empty-recent-label{margin:0 0 10px;font-size:13px;color:var(--muted);text-align:center}.empty-recent-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(0,auto);gap:10px}.empty-recent-item{display:flex;align-items:stretch;border:1px solid var(--border);border-radius:4px;background:var(--surface);min-width:0}.empty-recent-item:hover,.empty-recent-item--busy{border-color:var(--accent)}.empty-recent-opening{font-size:11px;line-height:1.2;min-height:1.2em;color:var(--accent)}.empty-recent-opening[aria-hidden=true]{visibility:hidden}.empty-recent-open:disabled,.empty-recent-remove:disabled{cursor:default;opacity:.7}.empty-recent-item:has(.empty-recent-open:disabled):hover{border-color:var(--border)}.empty-recent-item--busy:has(.empty-recent-open:disabled):hover{border-color:var(--accent)}.empty-recent-open{flex:1;min-width:0;display:flex;flex-direction:row;align-items:flex-start;gap:8px;padding:6px 4px 6px 8px;border:none;background:transparent;text-align:left}.empty-recent-thumb{position:relative;flex-shrink:0;box-sizing:border-box;border:1px solid var(--border);border-radius:2px;background:var(--surface-2);overflow:hidden;box-shadow:0 1px 2px color-mix(in srgb,#000 18%,transparent)}.empty-recent-thumb.loading{animation:recent-thumb-pulse 1.4s ease-in-out infinite}@keyframes recent-thumb-pulse{0%,to{opacity:.55}50%{opacity:1}}.empty-recent-thumb-canvas{display:block;background:transparent}.empty-recent-meta{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px}.empty-recent-open:hover:not(:disabled){background:transparent;border:none}.empty-recent-remove{flex-shrink:0;align-self:flex-start;padding:6px 6px 4px 2px;border:none;background:transparent;color:var(--muted);font-size:16px;line-height:1}.empty-recent-remove:hover:not(:disabled){color:var(--danger);background:transparent;border:none}.empty-recent-remove:focus-visible{outline:1px solid var(--accent);outline-offset:0}.empty-recent-name{color:var(--text);font-size:12px;max-width:100%;line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;word-break:break-word}.empty-recent-dir{font-family:var(--font-mono);font-size:10px;color:var(--muted);max-width:100%;line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;word-break:break-word}.home-theme-carousel{width:100%;display:flex;flex-direction:column;gap:10px}.home-theme-carousel-header{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.home-theme-carousel-label{margin:0;font-size:12px;font-weight:500;letter-spacing:.02em;text-transform:uppercase;color:var(--muted)}.home-theme-carousel-nav{display:inline-flex;gap:4px}.home-theme-carousel-nav-btn{min-width:28px;padding:2px 8px;font-size:16px;line-height:1;color:var(--muted);border:1px solid var(--border);background:var(--surface)}.home-theme-carousel-nav-btn:hover:not(:disabled){color:var(--text);border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:var(--surface-2)}.home-theme-carousel-viewport{overflow:hidden;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y;-webkit-user-drag:none}.home-theme-carousel-viewport--dragging{cursor:grabbing}.home-theme-carousel-viewport--dragging .home-theme-card{pointer-events:none}.home-theme-carousel-track{display:flex;gap:8px;width:max-content;will-change:transform}.home-theme-card{box-sizing:border-box;flex:0 0 var(--theme-card-w, 33%);width:var(--theme-card-w, 33%);min-width:0;max-width:none;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;overflow:hidden;border:1px solid var(--border);border-radius:4px;background:var(--surface);text-align:left;cursor:pointer}.home-theme-card:hover:not(:disabled){background:var(--surface-2);border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.home-theme-card--active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.home-theme-card--locked{opacity:.78}.home-theme-card-preview{display:flex;height:58px;overflow:hidden;pointer-events:none}.home-theme-card-preview-canvas{position:relative;flex:1;min-width:0}.home-theme-card-preview-page{position:absolute;inset:8px 12% 8px 16%;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:5px 5px 4px;border-radius:1px;box-shadow:0 0 0 1px color-mix(in srgb,#000 8%,transparent),0 2px 6px color-mix(in srgb,#000 16%,transparent)}.home-theme-card-preview-lines{display:flex;flex-direction:column;gap:3px;width:100%}.home-theme-card-preview-lines>span{display:block;height:2px;border-radius:1px;background:color-mix(in srgb,#2c2a28 28%,transparent)}.home-theme-card-preview-lines>span:nth-child(1){width:88%}.home-theme-card-preview-lines>span:nth-child(2){width:100%}.home-theme-card-preview-lines>span:nth-child(3){width:72%}.home-theme-card-preview-lines>span:nth-child(4){width:54%}.home-theme-card-preview-accent{flex:0 0 28%;min-width:22px;max-width:40px}.home-theme-card-meta{display:flex;align-items:center;gap:6px;padding:7px 8px 8px;min-width:0}.home-theme-card-name{flex:1;min-width:0;font-size:12px;line-height:1.25;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-theme-card-status{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;color:var(--muted)}.home-theme-card-icon{display:block}.home-theme-card--active .home-theme-card-status{color:var(--accent)}.home-theme-carousel-hint{margin:0;font-size:11px;line-height:1.4;color:var(--muted);text-align:center}.empty-shortcuts-btn{padding:7px 16px;font-size:13px;color:var(--muted);background:var(--surface);border:1px solid var(--border)}.empty-shortcuts-btn:hover:not(:disabled){color:var(--text);border-color:color-mix(in srgb,var(--accent) 55%,var(--border));background:var(--surface-2)}.boot-shell{flex:1 1 auto;min-height:0;width:100%;background:var(--bg)}.rail--placeholder{pointer-events:none}.rail-skeleton-line{display:block;width:80%;height:10px;border-radius:2px;background:color-mix(in srgb,var(--border) 60%,transparent);animation:recent-thumb-pulse 1.4s ease-in-out infinite}.rail-skeleton-line--short{width:55%}.shortcuts-overlay{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:24px;background:color-mix(in srgb,var(--canvas) 55%,transparent)}html[data-demo-chrome=compact] .shortcuts-overlay{align-items:flex-start;padding-top:36px}html[data-demo-chrome=compact] .shortcuts-dialog{max-height:calc(100% - 44px)}.shortcuts-dialog{width:min(100%,480px);max-height:min(100%,580px);display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:4px;overflow:hidden;animation:shortcuts-dialog-in var(--ease)}@keyframes shortcuts-dialog-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.shortcuts-dialog header{padding:10px 12px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.shortcuts-dialog header h2{margin:0;font-size:13px;font-weight:600;color:#fff}.shortcuts-dialog .shortcuts-panel{display:grid;grid-template-columns:1fr max-content;column-gap:24px;row-gap:0;align-items:center;padding:14px 16px 16px;overflow-y:auto;flex:1;min-height:0}.shortcuts-keys{display:flex;flex-wrap:wrap;gap:4px;align-items:center;justify-content:flex-end;padding:9px 0;border-bottom:1px solid color-mix(in srgb,var(--border) 50%,transparent)}.shortcuts-keys.shortcuts-row--last{border-bottom:none}.shortcuts-combo{display:inline-flex;align-items:center;gap:2px}.shortcuts-dialog kbd{color:var(--text)}.shortcuts-sep{color:var(--muted);font-size:11px;margin:0 2px}.shortcuts-label{color:#fff;font-size:12px;line-height:1.4;padding:9px 0;border-bottom:1px solid color-mix(in srgb,var(--border) 50%,transparent)}.shortcuts-label.shortcuts-row--last{border-bottom:none}.shortcuts-category{grid-column:1 / -1;margin:0;padding:18px 0 0;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-top:1px solid color-mix(in srgb,var(--border) 55%,transparent)}.shortcuts-category:first-child{padding-top:0;border-top:none}.shortcuts-category+.shortcuts-label,.shortcuts-category+.shortcuts-label+.shortcuts-keys{padding-top:7px}.panel{background:var(--surface);border-left:1px solid var(--border);display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden;animation:panel-in var(--ease);transition:opacity .18s ease,border-color .18s ease}.panel.search-panel,.panel.panel-resizable{position:relative}.panel-split-h{position:absolute;top:0;left:0;width:8px;height:100%;cursor:col-resize;touch-action:none;z-index:4;background:transparent}.panel-split-h:hover,.panel-split-h:active{background:color-mix(in srgb,var(--accent) 30%,transparent);box-shadow:inset 1px 0 color-mix(in srgb,var(--accent) 55%,var(--border))}.panel.panel-resizable>header,.panel.search-panel .search-panel-query,.panel.search-panel .search-panel-status{padding-left:16px;padding-right:12px}.panel header .panel-close{flex-shrink:0;width:22px;height:22px;padding:0;border:none;border-radius:3px;background:transparent;color:var(--muted);font-size:17px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.panel header .panel-close:hover{color:var(--text);background:var(--border);border:none}.panel.search-panel .search-results .search-result{padding-left:16px}@keyframes panel-in{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.panel header{padding:10px 12px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.panel header h2{margin:0;font-size:13px;font-weight:600}.panel .body{padding:12px;overflow-y:auto;flex:1;font-size:14px;line-height:1.5}.panel.panel-resizable>.body{padding-left:16px}.panel .src{color:var(--muted);margin-bottom:12px;white-space:pre-wrap}.panel .dst{white-space:pre-wrap}.panel .err{color:var(--danger)}.search-highlight-layer{position:absolute;inset:0;pointer-events:none;z-index:2}.search-highlight{position:absolute;background:#e6be3c73;border-radius:2px}.search-highlight--active{background:#ffd232bf;outline:1px solid rgba(255,230,120,.9)}.search-panel .search-panel-query{display:flex;align-items:center;gap:6px;padding:8px 12px 8px 16px;border-bottom:1px solid var(--border)}.search-panel .search-panel-input-wrap{position:relative;flex:1;min-width:0}.search-panel .search-panel-query input{display:block;width:100%;height:28px;box-sizing:border-box;padding:0 8px;font-size:13px;line-height:28px;border:1px solid var(--border);border-radius:4px;background:var(--bg);color:var(--text)}.search-panel-input-wrap--has-clear input{padding-right:28px}.search-panel-clear{position:absolute;top:50%;right:4px;transform:translateY(-50%);flex-shrink:0;width:18px;height:18px;padding:0;border:none;border-radius:3px;background:transparent;color:var(--muted);font-size:14px;line-height:1}.search-panel-clear:hover{color:var(--text);background:var(--border);border:none}.search-panel .search-panel-nav{display:flex;align-items:center;gap:2px;flex-shrink:0}.search-panel .search-panel-nav button{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 5px;box-sizing:border-box}.search-panel-toggle{font-family:var(--font-mono, "IBM Plex Mono", monospace);font-size:11px;font-weight:600;letter-spacing:-.03em;color:var(--muted);border:1px solid transparent;line-height:1}.search-panel-toggle:hover{color:var(--text)}.search-panel-toggle--on{color:var(--accent);background:var(--surface-2);border-color:var(--border)}.search-whole-word-icon{display:inline-flex;align-items:center;justify-content:center;gap:1.5px;font-size:10px;font-weight:600;line-height:1}.search-whole-word-bar{width:1px;height:9px;background:currentColor;opacity:.9;flex-shrink:0}.search-panel-status{margin:0;padding:6px 12px 8px 16px;font-size:11px;color:var(--muted);border-bottom:1px solid var(--border)}.search-results{padding:0!important;display:flex;flex-direction:column}.search-result{display:flex;flex-direction:column;gap:2px;width:100%;min-width:0;padding:8px 12px;text-align:left;border:none;border-bottom:1px solid var(--border);background:transparent;color:var(--text);cursor:pointer;font:inherit}.search-result:hover{background:var(--surface-2, rgba(255, 255, 255, .04))}.search-result--active{background:color-mix(in srgb,var(--accent) 12%,transparent)}.search-result-page{font-size:11px;font-family:var(--font-mono, "IBM Plex Mono", monospace);color:var(--muted)}.search-result-snippet{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:12px;line-height:1.45;min-width:0;overflow-wrap:break-word}.search-result-snippet mark{background:#e6be3c73;color:inherit;border-radius:2px;padding:0 1px}.search-result-snippet mark.search-snippet-mark--current{background:#ffd232bf;outline:1px solid rgba(255,230,120,.9)}.search-result:focus{outline:none}.search-result:focus-visible{outline:1px solid var(--accent);outline-offset:-1px}.app--zen .main.main--search:not(.no-panel):not(.main--home){grid-template-columns:0fr 1fr var(--panel-w)}.app--zen .main.main--search .panel.search-panel{opacity:1;pointer-events:auto;overflow:hidden;min-width:0;border-color:var(--border)}.settings{display:flex;flex-direction:column;gap:10px}.settings label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}.settings-select{position:relative}.settings-select-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;background:var(--canvas);border:1px solid color-mix(in srgb,var(--accent) 55%,var(--border));border-radius:4px;color:var(--text);text-align:left}.settings-select-trigger:hover:not(:disabled){background:var(--surface);border-color:color-mix(in srgb,var(--accent) 75%,var(--border))}.settings-select--open .settings-select-trigger{background:var(--surface);border-color:var(--accent)}.settings-select-value{flex:1;min-width:0;font-size:13px;color:var(--text)}.settings-select-chevron{flex-shrink:0;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--muted);transition:transform var(--ease)}.settings-select--open .settings-select-chevron{transform:rotate(180deg)}.settings-select-menu{position:absolute;z-index:20;top:calc(100% + 4px);left:0;right:0;margin:0;padding:4px 0;list-style:none;background:var(--surface);border:1px solid var(--border);border-radius:4px;box-shadow:0 10px 28px #00000061}.settings-select-option{width:100%;display:block;padding:7px 10px;border:none;border-radius:0;background:transparent;color:var(--muted);font-size:13px;text-align:left}.settings-select-option:hover:not(:disabled),.settings-select-option--selected{background:var(--surface-2);color:var(--text)}.settings-select-option--selected{font-weight:500}.color-dot{width:14px;height:14px;border-radius:3px;border:1px solid var(--border);padding:0}.color-dot:focus-visible{outline:none}.color-dot.selected{outline:1px solid var(--accent);outline-offset:1px}@media(prefers-reduced-motion:reduce){.page-stage,button,.panel{transition:none;animation:none}}