:root{--color-bg: #ffffff;--color-bg-secondary: #f5f5f7;--color-text: #1a1a1a;--color-text-secondary: #6b7280;--color-border: #d1d5db;--color-accent: #2563eb;--color-accent-text: #ffffff;--color-danger: #dc2626;--color-danger-bg: #fef2f2;--color-sticky: #fff59d;--font-family: system-ui, -apple-system, "Segoe UI", sans-serif}:root[data-theme=dark]{--color-bg: #1a1a1a;--color-bg-secondary: #262626;--color-text: #f5f5f5;--color-text-secondary: #a3a3a3;--color-border: #404040;--color-accent: #3b82f6;--color-accent-text: #ffffff;--color-danger: #f87171;--color-danger-bg: #450a0a;--color-sticky: #92752a}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#root{height:100%}body{margin:0;font-family:var(--font-family);background:var(--color-bg);color:var(--color-text)}button{font-family:inherit;font-size:.875rem;cursor:pointer;border:1px solid var(--color-border);border-radius:4px;background:var(--color-bg);color:var(--color-text);padding:6px 12px}button:disabled{opacity:.5;cursor:not-allowed}button[aria-pressed=true]{background:var(--color-accent);color:var(--color-accent-text);border-color:var(--color-accent)}input,textarea{font-family:inherit;font-size:.875rem;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;padding:6px 8px}.app{display:flex;flex-direction:column;height:100%}.app__header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border);padding:4px 8px;background:var(--color-bg-secondary)}.app__panel{display:flex;flex-direction:column;flex:1;min-height:0}.site-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 16px;border-top:1px solid var(--color-border);padding:4px 8px;background:var(--color-bg-secondary);color:var(--color-text-secondary);font-size:.75rem}.site-footer nav{display:flex;flex-wrap:wrap;gap:4px 16px}.site-footer a{color:inherit}.tab-bar{display:flex;gap:4px;overflow-x:auto}.tab-bar__tab{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:4px 4px 0 0;cursor:pointer;border:1px solid transparent;white-space:nowrap}.tab-bar__tab:hover{background:var(--color-bg-secondary)}.tab-bar__tab--active{background:var(--color-bg);border-color:var(--color-border);border-bottom-color:var(--color-bg)}.tab-bar__tab button{border:none;background:transparent;padding:0 4px}.library-screen{flex:1;overflow-y:auto;padding:16px}.import-dropzone{position:relative;border:2px dashed var(--color-border);border-radius:8px;padding:24px;text-align:center;margin-bottom:16px}.import-dropzone--active{border-color:var(--color-accent);background:var(--color-bg-secondary)}.import-dropzone input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.import-dropzone__error{color:var(--color-danger);background:var(--color-danger-bg);padding:6px 10px;border-radius:4px}.library-screen__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-top:16px}.document-card{border:1px solid var(--color-border);border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:6px}.document-card__open{display:flex;flex-direction:column;align-items:flex-start;gap:4px;border:none;background:transparent;padding:4px;text-align:left;width:100%}.document-card__name{font-weight:600;word-break:break-word}.document-card__meta{color:var(--color-text-secondary);font-size:.75rem}.viewer-screen{display:flex;flex-direction:column;flex:1;min-height:0}.viewer-screen>p[role=alert]{color:var(--color-danger);background:var(--color-danger-bg);padding:6px 10px;margin:4px 8px 0;border-radius:4px}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 8px;border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary)}.toolbar input[type=color]{width:28px;height:28px;padding:0}.toolbar input[type=range]{width:90px}.viewer-screen__nav{display:flex;align-items:center;justify-content:center;gap:12px;padding:6px}.viewer-screen__body{display:flex;flex:1;min-height:0}.viewer-screen__main{flex:1;display:flex;flex-direction:column;overflow:auto;min-width:0}.viewer-screen__page{position:relative;display:inline-block;margin:0 auto}.viewer-screen__page canvas{display:block}.viewer-screen__page--pannable{cursor:grab}.viewer-screen__page--panning{cursor:grabbing}.annotation-layer{position:absolute;top:0;left:0;pointer-events:none}.annotation-layer--pen,.annotation-layer--highlighter,.annotation-layer--shape,.annotation-layer--image,.annotation-layer--stamp,.annotation-layer--eraser{pointer-events:auto}.annotation-layer--pen,.annotation-layer--highlighter,.annotation-layer--shape,.annotation-layer--image,.annotation-layer--stamp{cursor:crosshair}.annotation-layer--eraser{cursor:cell}.sticky-note{position:absolute;padding:6px;border-radius:4px;cursor:grab;box-shadow:0 2px 6px #0003;display:flex;flex-direction:column;gap:4px;z-index:2}.sticky-note textarea{flex:1;resize:none;border:none;background:transparent;min-height:0}.sticky-note__resize-handle{position:absolute;right:0;bottom:0;width:14px;height:14px;cursor:nwse-resize;background:linear-gradient(135deg,transparent 0%,transparent 45%,rgba(0,0,0,.4) 45%,rgba(0,0,0,.4) 55%,transparent 55%,transparent 100%)}.sticky-note__controls{display:flex;align-items:center;gap:4px}.sticky-note__controls input[type=color]{width:22px;height:22px;padding:0;border:1px solid rgba(0,0,0,.45);border-radius:3px;background:#fff;flex-shrink:0}.sticky-note__controls input[type=number]{width:44px;padding:2px 4px;flex-shrink:0}.sticky-note button{margin-left:auto;border:none;background:transparent;color:#1a1a1a;padding:0 4px;flex-shrink:0}.thumbnail-panel,.outline-panel,.search-panel{width:200px;flex-shrink:0;overflow-y:auto;border-right:1px solid var(--color-border);padding:8px}.viewer-screen__search{display:flex;flex-direction:column;flex-shrink:0;min-height:0}.viewer-screen__search .search-panel{flex:1;min-height:0}.viewer-screen__ask{display:flex;flex-direction:column;flex-shrink:0;min-height:0}.viewer-screen__ask .ask-panel{flex:1;min-height:0}.ocr-panel{width:200px;flex-shrink:0;padding:8px;border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);font-size:.85em}.ocr-panel p{margin:0 0 6px}.ask-panel{width:260px;flex-shrink:0;overflow-y:auto;padding:8px;border-right:1px solid var(--color-border)}.ask-panel__answers{list-style:none;margin:0 0 8px;padding:0}.ask-panel__question{font-weight:700;margin:12px 0 4px}.ask-panel__answer button{display:inline}.ask-panel__note{font-size:.85em;color:var(--color-text-secondary)}.thumbnail-panel{display:flex;flex-direction:column;gap:8px}.thumbnail-panel__actions{display:flex;flex-direction:column;align-items:center;gap:4px}.thumbnail-panel__actions button{font-size:.75rem;padding:4px 8px}.thumbnail-panel__select-all{display:flex;align-items:center;gap:4px;font-size:.75rem}.thumbnail-panel__item-wrapper{display:flex;align-items:flex-start;gap:4px}.thumbnail-panel__item{border:1px solid var(--color-border);border-radius:4px;padding:4px;display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--color-bg);flex:1;min-width:0}.thumbnail-panel__item--active{border-color:var(--color-accent)}.thumbnail-panel__item canvas{max-width:100%}.outline-panel{list-style:none;margin:0;padding:0}.outline-panel ul{list-style:none;padding-left:12px}.outline-panel button{border:none;background:transparent;text-align:left;padding:2px 0;width:100%}.outline-panel__empty{color:var(--color-text-secondary)}.search-panel form{display:flex;gap:4px;margin-bottom:8px}.search-panel input{flex:1}.search-panel ul{list-style:none;margin:0;padding:0}.search-panel li button{border:none;background:transparent;text-align:left;padding:4px 0;width:100%}.password-prompt{display:flex;flex-direction:column;gap:8px;padding:24px;max-width:320px;margin:40px auto}.text-markup-layer{position:absolute;top:0;left:0;overflow:clip;line-height:1;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;-webkit-user-select:text;user-select:text;cursor:text}.text-markup-layer :is(span,br){color:transparent;position:absolute;white-space:pre;cursor:text;transform-origin:0% 0%}.text-markup-layer ::selection{background:#0000ff40}.text-markup-layer[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}.text-markup-layer[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}.text-markup-layer[data-main-rotation="270"]{transform:rotate(270deg) translate(-100%)}.comment-layer{position:absolute;top:0;left:0;pointer-events:none}.comment-layer--active{pointer-events:auto;cursor:pointer}.comment-badge{position:absolute;z-index:3;transform:translate(-50%,-50%);pointer-events:auto;display:inline-flex;align-items:center;gap:2px;padding:1px 6px;border:1px solid var(--color-accent);border-radius:10px;background:var(--color-accent);color:var(--color-accent-text);font-size:11px;line-height:16px;cursor:pointer}.comment-badge--resolved{border-color:var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-secondary)}.comment-popover{position:absolute;z-index:5;pointer-events:auto;display:flex;flex-direction:column;gap:6px;padding:8px;overflow-y:auto;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg);color:var(--color-text);box-shadow:0 4px 12px #00000040;cursor:default}.comment-popover__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.comment-popover__item{display:flex;gap:6px;align-items:flex-start}.comment-popover__body{flex:1;min-width:0}.comment-popover__text{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.comment-popover__time{color:var(--color-text-secondary);font-size:11px}.comment-popover textarea{width:100%;min-height:48px;resize:vertical;font:inherit}.comment-popover__actions{display:flex;flex-wrap:wrap;gap:4px}.comment-panel{width:220px;flex-shrink:0;overflow-y:auto;border-right:1px solid var(--color-border);padding:8px;display:flex;flex-direction:column;gap:8px}.comment-panel ul{list-style:none;margin:0;padding:0}.comment-panel li button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;border:none;background:transparent;text-align:left;padding:4px 0}.comment-panel__page,.comment-panel__meta{color:var(--color-text-secondary);font-size:11px}.comment-panel__empty{margin:0;color:var(--color-text-secondary)}