:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#1a1a2e;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;height:100vh}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#f5f5f5}}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem 2rem;display:flex;align-items:center;gap:2rem;flex-shrink:0}.header h1{margin:0;font-size:1.5rem;font-weight:600}.search-box{flex:1;max-width:400px}.search-box input{width:100%;padding:.5rem 1rem;border:none;border-radius:6px;font-size:1rem;background:#fff3;color:#fff;outline:none}.search-box input::placeholder{color:#ffffffb3}.search-box input:focus{background:#ffffff4d}.main-content{display:flex;flex:1;overflow:hidden}.sidebar{width:350px;background:#16213e;border-right:1px solid #0f3460;display:flex;flex-direction:column;flex-shrink:0}.sidebar-header{padding:1rem;border-bottom:1px solid #0f3460;font-weight:600;color:#94a3b8;display:flex;justify-content:space-between;align-items:center}.part-count{font-size:.875rem;color:#667eea}.parts-list{flex:1;overflow-y:auto;padding:.5rem}.part-item{padding:.75rem 1rem;border-radius:6px;cursor:pointer;margin-bottom:.25rem;transition:background .2s}.part-item:hover{background:#0f3460}.part-item.selected{background:#667eea}.part-item-number{font-family:SF Mono,Monaco,Consolas,monospace;font-size:.9rem;color:#e2e8f0}.part-item-root{font-size:.75rem;color:#64748b;margin-top:.25rem}.content-area{flex:1;display:flex;flex-direction:column;overflow:hidden}.part-details{padding:1rem 1.5rem;background:#16213e;border-bottom:1px solid #0f3460;flex-shrink:0}.part-details h2{margin:0 0 .5rem;font-family:SF Mono,Monaco,Consolas,monospace;color:#e2e8f0}.part-details-meta{display:flex;gap:2rem;font-size:.875rem;color:#94a3b8}.part-details-meta span{display:flex;align-items:center;gap:.5rem}.part-details-meta strong{color:#667eea}.pdf-container{flex:1;display:flex;overflow:hidden}.pdf-viewer{flex:1;background:#0a0a0a;display:flex;align-items:center;justify-content:center}.pdf-viewer iframe{width:100%;height:100%;border:none}.related-sidebar{background:#16213e;border-left:1px solid #0f3460;display:flex;flex-direction:column;transition:width .2s ease;position:relative}.related-sidebar.open{width:280px}.related-sidebar.collapsed{width:32px}.related-sidebar-toggle{position:absolute;left:0;top:50%;transform:translateY(-50%);width:32px;height:60px;background:#0f3460;border:none;border-radius:0;color:#94a3b8;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;z-index:1}.related-sidebar-toggle:hover{background:#667eea;color:#fff}.related-sidebar.open .related-sidebar-toggle{left:0}.related-sidebar-header{padding:1rem 1rem 1rem 2.5rem;border-bottom:1px solid #0f3460;font-weight:600;color:#94a3b8;display:flex;justify-content:space-between;align-items:center}.related-count{background:#667eea;color:#fff;padding:.125rem .5rem;border-radius:10px;font-size:.75rem}.related-parts-list{flex:1;overflow-y:auto;padding:.5rem .5rem .5rem 2.5rem}.related-part-item{padding:.5rem .75rem;border-radius:6px;cursor:pointer;margin-bottom:.25rem;transition:background .2s}.related-part-item:hover{background:#0f3460}.related-part-number{font-family:SF Mono,Monaco,Consolas,monospace;font-size:.85rem;color:#e2e8f0}.related-part-root{font-size:.7rem;color:#64748b;margin-top:.125rem}.no-related{padding:1rem .75rem;color:#64748b;font-size:.875rem;text-align:center}.no-selection{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#64748b}.no-selection-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.loading{display:flex;align-items:center;justify-content:center;height:100%;color:#94a3b8}.loading-spinner{width:40px;height:40px;border:3px solid #0f3460;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{padding:2rem;color:#ef4444;text-align:center}.description-panel{padding:1rem 1.5rem;background:#1e293b;border-bottom:1px solid #0f3460;max-height:200px;overflow-y:auto}.description-panel h3{margin:0 0 .5rem;font-size:.875rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.description-content{font-size:.875rem;line-height:1.6;color:#e2e8f0;white-space:pre-wrap}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0f3460}::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#475569}@media(prefers-color-scheme:light){.sidebar{background:#fff;border-right-color:#e2e8f0}.sidebar-header{border-bottom-color:#e2e8f0;color:#64748b}.part-item:hover{background:#f1f5f9}.part-item.selected{background:#667eea}.part-item-number{color:#1e293b}.part-details{background:#fff;border-bottom-color:#e2e8f0}.part-details h2{color:#1e293b}.description-panel{background:#f8fafc;border-bottom-color:#e2e8f0}.related-sidebar{background:#fff;border-left-color:#e2e8f0}.related-sidebar-toggle{background:#e2e8f0;color:#64748b}.related-sidebar-toggle:hover{background:#667eea;color:#fff}.related-sidebar-header{border-bottom-color:#e2e8f0}.related-part-item:hover{background:#f1f5f9}.related-part-number{color:#1e293b}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1}}