.command-scroll{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}.command-scroll::-webkit-scrollbar{display:none}.formatbar{width:100%;max-width:100vw;min-width:0;display:flex;align-items:center;gap:5px;padding:5px calc(var(--safe-r) + 24px) 5px var(--safe-l);background:var(--chrome);border-bottom:1px solid var(--line);white-space:nowrap}.formatbar select,.fmt-btn{height:var(--compact-control);flex:none;border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:0 10px;cursor:pointer}.formatbar select{max-width:150px}.fmt-btn:hover,.fmt-btn:focus-visible{background:var(--accent-soft);outline:none}.fmt-btn:disabled{opacity:.35;cursor:default}.fmt-btn.icon-only{width:var(--compact-control);padding:0;display:grid;place-items:center}.fmt-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.zoom-tool{display:flex;align-items:center;gap:6px;min-width:82px;font-variant-numeric:tabular-nums}.separator{display:block;width:1px;height:24px;background:var(--line);margin:0 3px;flex:none}.file-label{display:inline-flex;align-items:center;justify-content:center}.toolbar-end-spacer{flex:0 0 var(--safe-r);width:var(--safe-r)}
.ruler{width:100%;max-width:100vw;min-width:0;display:flex;align-items:center;justify-content:center;padding:2px var(--safe-r) 2px var(--safe-l);background:var(--panel);border-bottom:1px solid var(--line);overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.ruler::-webkit-scrollbar{display:none}.ruler-track{position:relative;width:min(816px,calc(100vw - var(--safe-l) - var(--safe-r) - 24px));height:25px;min-width:560px;border-left:1px solid var(--muted);border-right:1px solid var(--muted);background:repeating-linear-gradient(90deg,transparent 0 19px,color-mix(in srgb,var(--muted) 30%,transparent) 20px 21px)}.ruler-track:after{content:"0   1   2   3   4   5   6   7   8";position:absolute;inset:3px 8px auto;color:var(--muted);font-size:9px;word-spacing:28px;pointer-events:none}.ruler-handle{position:absolute;z-index:2;cursor:ew-resize;touch-action:none}.ruler-handle.first-line{left:0;top:1px;border-left:7px solid transparent;border-right:7px solid transparent;border-top:9px solid var(--accent);transform:translateX(-7px)}.ruler-handle.hanging{left:0;bottom:3px;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:9px solid var(--accent);transform:translateX(-7px)}.ruler-handle.left-block{left:0;bottom:0;width:14px;height:4px;background:var(--accent);transform:translateX(-7px)}.ruler-handle.right-indent{right:0;bottom:3px;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:9px solid var(--accent);transform:translateX(7px)}
.context-drawer{display:grid;grid-template-rows:auto 42px minmax(0,1fr);height:min(640px,calc(100dvh - var(--safe-t) - var(--safe-b) - 76px))}.sidebar-tabs{display:flex;border-bottom:1px solid var(--line)}.tab{flex:1;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);cursor:pointer}.tab.active{color:var(--text);border-bottom-color:var(--accent);font-weight:650}.side-panel{display:none;min-height:0;padding:10px 2px 2px;overflow:auto}.side-panel.active{display:block}.muted{font-size:12px;color:var(--muted);line-height:1.45}.page-thumb,.outline-item,.search-result{width:100%;border:1px solid transparent;border-radius:8px;background:transparent;padding:7px;text-align:left;color:inherit;cursor:pointer}.page-thumb.active,.page-thumb:hover,.outline-item:hover,.search-result:hover{background:var(--accent-soft)}.thumb-sheet{width:70px;height:90px;margin:auto;background:#fff;color:#222;border:1px solid #bbb;overflow:hidden;padding:6px;font:5px/1.3 Arial}.thumb-label{display:block;text-align:center;margin-top:5px;font-size:11px}.outline-item.level-2{padding-left:18px}.outline-item.level-3{padding-left:28px}.search-box{height:40px;border:1px solid var(--line);border-radius:9px;background:var(--panel);padding:0 8px}.search-box input{width:100%;height:100%;border:0;outline:0;background:transparent}.search-meta{display:flex;justify-content:space-between;align-items:center;margin:8px 2px;font-size:11px;color:var(--muted)}.mini-btn{width:34px;height:34px;border:0;border-radius:7px;background:transparent}
.zoom-popover{position:fixed;z-index:90;width:min(300px,calc(100vw - var(--safe-l) - var(--safe-r)));padding:14px;background:var(--chrome);border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 58px rgba(10,18,30,.24)}.zoom-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.zoom-head output{font-variant-numeric:tabular-nums;font-weight:750}.zoom-row{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;gap:8px;align-items:center}.zoom-round{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:var(--panel);font-size:18px;cursor:pointer}.zoom-row input{width:100%;accent-color:var(--accent)}.zoom-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}.zoom-presets button{min-height:38px;border:1px solid var(--line);border-radius:9px;background:var(--panel);cursor:pointer}.zoom-presets button.active{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.zoom-popover small{display:block;margin-top:9px;color:var(--muted);text-align:center}
.loading,.error-overlay{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l);background:rgba(0,0,0,.35);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.loading-card,.error-card{width:min(460px,calc(100vw - var(--safe-l) - var(--safe-r)));padding:24px;background:var(--chrome);color:var(--text);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);text-align:center}.error-details{display:grid;grid-template-columns:auto 1fr;gap:7px 10px;text-align:left;padding:12px;background:var(--panel);border-radius:10px}.error-details code{overflow-wrap:anywhere}.error-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px;flex-wrap:wrap}.error-actions button,.retry-open{min-height:42px;padding:0 13px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:inherit;text-decoration:none;display:inline-flex;align-items:center}.retry-open{background:var(--accent);color:#fff}
@media(pointer:fine){.formatbar select,.fmt-btn{padding:0 9px}}
@media(max-width:720px){.formatbar{padding-right:calc(var(--safe-r) + 30px)}.ruler{justify-content:flex-start}}
@media(max-width:470px){.formatbar{padding-left:var(--safe-l);padding-right:calc(var(--safe-r) + 34px)}.context-drawer{height:calc(100dvh - var(--safe-t) - var(--safe-b) - 72px)}}