:root{--color-bg: #f4f5f7;--color-panel: #ffffff;--color-border: #d8dbe0;--color-header: #1c2733;--color-header-text: #eef1f4;--color-accent: #2f6fb3;--color-text: #232830;--color-text-muted: #6b7480;--color-danger: #c0392b;--radius: 4px;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--color-bg);color:var(--color-text)}.app-shell{display:flex;flex-direction:column;height:100vh}.app-header{background:var(--color-header);color:var(--color-header-text);padding:10px 16px;display:flex;align-items:baseline;gap:12px;flex-shrink:0}.app-header h1{font-size:15px;font-weight:600;margin:0;letter-spacing:.02em;text-transform:uppercase}.app-header__project{font-size:13px;color:#b7c2cf}.app-body{flex:1;display:grid;grid-template-columns:260px 1fr 280px;min-height:0}.panel{background:var(--color-panel);border-right:1px solid var(--color-border);overflow-y:auto;padding:12px}.panel h2{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin:0 0 8px;border-bottom:1px solid var(--color-border);padding-bottom:6px}.panel--left section+section{margin-top:20px}.panel--right{border-right:none;border-left:1px solid var(--color-border)}.panel--center{display:flex;flex-direction:column;padding:0;border-right:1px solid var(--color-border)}.panel--bottom{flex-shrink:0;height:140px;border-right:none;border-top:1px solid var(--color-border)}.panel__placeholder{font-size:12px;color:var(--color-text-muted);line-height:1.5}.toolbar{display:flex;gap:6px;padding:8px 12px;background:#eceff2;border-bottom:1px solid var(--color-border);flex-shrink:0}.toolbar button{font-size:12px;padding:6px 10px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-panel);cursor:pointer}.toolbar button:disabled{color:var(--color-text-muted);cursor:not-allowed;opacity:.6}.viewer-area{flex:1;min-height:0;position:relative}.viewer-placeholder{height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:13px}.pdf-viewer{position:relative;width:100%;height:100%;overflow:hidden;background:#5b6470;cursor:grab;touch-action:none}.pdf-viewer:active{cursor:grabbing}.pdf-viewer__canvas{position:absolute;top:0;left:0}.pdf-viewer__status{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#f0f2f4;font-size:13px;z-index:1}.pdf-viewer__status--error{color:#ffb4a8}.new-project-form{display:flex;gap:6px;margin-bottom:10px}.new-project-form input{flex:1;min-width:0;padding:6px 8px;font-size:12px;border:1px solid var(--color-border);border-radius:var(--radius)}.new-project-form button,.upload-button{font-size:12px;padding:6px 10px;border:1px solid var(--color-accent);background:var(--color-accent);color:#fff;border-radius:var(--radius);cursor:pointer;display:inline-block}.project-list,.document-list,.page-list{list-style:none;margin:0;padding:0}.page-list{margin-left:12px;margin-top:4px}.project-list li,.document-list li{margin-bottom:2px}.project-list button,.document-list button,.page-list button{width:100%;text-align:left;padding:6px 8px;font-size:12.5px;border:none;background:transparent;border-radius:var(--radius);cursor:pointer;color:var(--color-text)}.project-list button:hover,.document-list button:hover,.page-list button:hover{background:#eef1f4}.project-list button.active,.document-list button.active,.page-list button.active{background:var(--color-accent);color:#fff}.error-toast{position:fixed;bottom:16px;right:16px;background:var(--color-danger);color:#fff;padding:10px 14px;border-radius:var(--radius);font-size:13px;max-width:360px;box-shadow:0 2px 8px #0003}