.qb-pdf{flex-direction:column;flex:1 1 0;min-height:0;display:flex}.qb-pdf-bar{box-sizing:border-box;align-items:center;gap:var(--space-1);padding:0 var(--space-2);border-bottom:1px solid var(--border-subtle);flex:none;display:flex}.qb-pdf-page-input{box-sizing:border-box;width:44px;height:24px;padding:0 var(--space-1);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font:inherit;font-size:var(--text-xs);text-align:center}.qb-pdf-scroller{min-height:0;padding:var(--space-2);background:var(--surface-sunken);flex:1 1 0;position:relative;overflow:auto}.qb-pdf-page{margin:0 auto var(--space-2);box-shadow:0 0 0 1px var(--border-subtle);background:#fff;position:relative}.qb-pdf-canvas{display:block;position:absolute;inset:0}.qb-pdf-page-failed{color:var(--text-muted);font-size:var(--text-xs);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.qb-pdf-text{text-align:initial;forced-color-adjust:none;--min-font-size:1;--text-scale-factor:calc(var(--total-scale-factor) * var(--min-font-size));--min-font-size-inv:calc(1 / var(--min-font-size));line-height:1;position:absolute;inset:0;overflow:clip}.qb-pdf-text span,.qb-pdf-text br{color:#0000;white-space:pre;cursor:text;transform-origin:0 0;-webkit-user-select:text;user-select:text;position:absolute}.qb-pdf-text>span{--font-height:0;--scale-x:1;--rotate:0deg;font-size:calc(var(--text-scale-factor) * var(--font-height));transform:rotate(var(--rotate)) scaleX(var(--scale-x)) scale(var(--min-font-size-inv))}.qb-pdf-text ::selection{background:color-mix(in srgb, var(--primary) 30%, transparent)}.qb-window{z-index:1100;background:var(--surface);color:var(--text);font-size:var(--text-sm);outline:none;flex-direction:column;display:flex;position:fixed;inset:0}.qb-head{align-items:center;gap:var(--space-1);min-height:36px;padding:var(--space-1) var(--space-2);border-bottom:1px solid var(--border);flex:none;display:flex;position:relative}.qb-brand{color:var(--accent-text);font-weight:600}.qb-sep,.qb-meta{color:var(--text-muted);white-space:nowrap}.qb-title{min-width:0;font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;flex:0 auto;margin:0;font-weight:600;overflow:hidden}.qb-head-gap{flex:1 1 0}.qb-btn{align-items:center;gap:var(--space-1);height:28px;padding:0 var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font:inherit;white-space:nowrap;cursor:pointer;display:inline-flex}.qb-btn:hover:not(:disabled){background:var(--surface-hover)}.qb-btn:focus-visible,.qb-bar-btn:focus-visible,.qb-splitter:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.qb-btn:disabled{opacity:.5;cursor:default}.qb-btn[aria-pressed=true]{border-color:var(--primary);color:var(--accent-text)}.qb-btn--icon{justify-content:center;width:28px;padding:0}.qb-strip{padding:var(--space-1) var(--space-2);flex:none}.qb-main{flex:1 1 0;min-height:0;display:flex;position:relative}.qb-body{flex-direction:column;flex:1 1 0;min-width:0;min-height:0;display:flex}.qb-splitter{background:var(--border-subtle);cursor:col-resize;flex:none;width:4px}.qb-splitter:hover{background:var(--primary)}.qb-aside{background:var(--surface);flex:none;min-width:0;overflow:auto}.qb-versions{top:38px;right:var(--space-2);z-index:2;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-elev);width:min(420px,100%);max-height:calc(100% - 48px);box-shadow:var(--shadow-md);position:absolute;overflow:auto}.qb-state{padding:var(--space-2);flex:1 1 0;justify-content:center;align-items:center;display:flex}.qb-state--top{justify-content:flex-start;align-items:flex-start}.qb-empty{padding:var(--space-2);color:var(--text-muted);margin:0}.qb-scroll{min-height:0;padding:var(--space-2);flex:1 1 0;overflow:auto}.qb-bar{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-bottom:1px solid var(--border-subtle);flex:none;display:flex}.qb-bar--foot{border-top:1px solid var(--border-subtle);border-bottom:0}.qb-bar-btn{min-width:24px;height:24px;padding:0 var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font:inherit;font-size:var(--text-xs);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.qb-bar-btn--icon{padding:0}.qb-bar-btn:hover{background:var(--surface-hover)}.qb-bar-btn[aria-pressed=true]{border-color:var(--primary);color:var(--accent-text)}.qb-bar-note{color:var(--text-muted);font-size:var(--text-xs)}.qb-bar-note--strong{color:var(--accent-text)}.qb-image{flex-direction:column;flex:1 1 0;min-height:0;display:flex}.qb-image-stage{background:var(--surface-sunken);touch-action:none;flex:1 1 0;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.qb-image-stage.is-zoomed{cursor:grab}.qb-image-img{image-orientation:from-image;transform-origin:50%;-webkit-user-select:none;user-select:none;flex:none;max-width:none}.qb-doc{overflow-wrap:anywhere;margin:0 auto}.qb-doc--plain{white-space:pre-wrap;max-width:860px;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text);line-height:1.5}.qb-code{font-family:var(--font-mono);font-size:var(--text-sm);align-items:flex-start;padding:0;line-height:1.5;display:flex}.qb-code-gutter{padding:0 var(--space-2);background:var(--surface-sunken);color:var(--text-muted);text-align:right;-webkit-user-select:none;user-select:none;flex:none;margin:0;position:sticky;left:0}.qb-code-text{padding:0 var(--space-2);white-space:pre;tab-size:4;margin:0}.qb-csv,.qb-archive{flex-direction:column;flex:1 1 0;min-height:0;display:flex}.qb-csv-scroll,.qb-archive .qb-scroll{padding:0}.qb-csv-table,.qb-table{border-collapse:separate;border-spacing:0;font-size:var(--text-sm)}.qb-csv-table th,.qb-csv-table td,.qb-table th,.qb-table td{max-width:360px;padding:2px var(--space-2);border-right:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.qb-csv-table thead th,.qb-table thead th{z-index:1;background:var(--surface-sunken);font-weight:600;position:sticky;top:0}.qb-csv-table .qb-csv-index{z-index:1;background:var(--surface-sunken);max-width:none;color:var(--text-muted);text-align:right;font-weight:400;position:sticky;left:0}.qb-csv-table thead .qb-csv-index{z-index:2}.qb-csv-table td.is-selected,.qb-csv-table th.is-selected{background:color-mix(in srgb, var(--primary) 18%, transparent)}.qb-num{font-variant-numeric:tabular-nums;text-align:right!important}.qb-archive-path{max-width:640px}.qb-media{background:var(--surface-sunken);flex:1 1 0;justify-content:center;align-items:center;min-height:0;display:flex}.qb-media-video{max-width:100%;max-height:100%}.qb-media-audio{width:min(560px,100%)}