:root{--cyan:#00f5ff;--green:#00ffaa;--bg:#030a10;--surface:#0a1a25;--surface-hover:rgba(0, 245, 255, 0.05);--border:rgba(14, 58, 80, 0.6);--border-highlight:rgba(0, 245, 255, 0.4);--text:#ffffff;--muted:#6e9cb5;--font-display:'Orbitron',sans-serif;--font-mono:'Share Tech Mono',monospace;--font-body:'Inter',sans-serif;--radius:4px}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.5;min-height:100vh;display:flex;flex-direction:column}canvas#dsCanvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:.2;pointer-events:none}.header-top{padding:1rem 2rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:rgba(3,10,16,.8);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100}.nav-brand{font-family:var(--font-display);text-decoration:none;font-size:1.2rem;display:flex;align-items:center;gap:.3rem}.nav-brand .e{color:var(--cyan)}.nav-brand .fab{color:var(--text)}.nav-brand .tag{font-family:var(--font-mono);font-size:.6rem;color:var(--muted);border:1px solid var(--border);padding:.1rem .3rem;border-radius:2px;margin-left:.5rem;letter-spacing:.1em}.breadcrumbs{font-family:var(--font-mono);font-size:.75rem;color:var(--muted);display:flex;gap:.5rem}.breadcrumbs a{color:var(--cyan);text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.main-container{flex:1;padding:1.5rem 2rem;max-width:1600px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:1rem;height:calc(100vh - 65px);max-height:calc(100vh - 65px);overflow:hidden}.page-header{text-align:center;margin-bottom:0;flex-shrink:0}.category-tag{font-family:var(--font-mono);font-size:.7rem;color:var(--cyan);text-transform:uppercase;letter-spacing:.15em;border:1px solid var(--cyan);padding:.2rem .8rem;border-radius:20px;display:inline-block;margin-bottom:.5rem}.page-header h1{font-family:var(--font-display);font-size:2rem;font-weight:900;letter-spacing:.1em;margin-bottom:.2rem;color:var(--text)}.page-header h1 span{color:var(--cyan)}.page-header p{font-size:.9rem;color:var(--muted);font-family:var(--font-mono)}.ds-grid{display:grid;grid-template-columns:300px 350px 1fr;gap:1.5rem;flex:1;min-height:0;height:100%}.left-panel,.middle-panel,.right-panel{background:rgba(10,26,37,.6);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;height:100%;overflow:hidden;backdrop-filter:blur(5px)}.search-box{padding:1.5rem;border-bottom:1px solid var(--border);background:rgba(4,13,20,.8)}.search-box label{font-family:var(--font-mono);font-size:.7rem;color:var(--cyan);display:block;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.1em}.search-input-wrap{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:1rem;color:var(--muted);font-size:.9rem}#dsSearchInput{width:100%;padding:.9rem 2.5rem;background:rgba(0,245,255,.06);border:2px solid rgba(0,245,255,.65);border-radius:var(--radius);color:var(--cyan);font-family:var(--font-mono);font-size:.95rem;outline:0;transition:all .3s;box-shadow:0 0 12px rgba(0,245,255,.15)}#dsSearchInput:focus{border-color:var(--cyan);box-shadow:0 0 18px rgba(0,245,255,.45);background:rgba(0,245,255,.1)}.clear-search-btn{position:absolute;right:1rem;background:0 0;border:none;color:var(--muted);cursor:pointer;font-size:.8rem;display:none}.clear-search-btn:hover{color:#f44}.results-header{padding:.8rem 1.5rem;background:rgba(14,58,80,.2);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:.7rem;font-weight:700}.results-count{color:var(--cyan)}.results-list{flex:1;overflow-y:auto;padding:.5rem}.results-list::-webkit-scrollbar{width:6px}.results-list::-webkit-scrollbar-track{background:0 0}.results-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.result-item{display:flex;gap:1rem;padding:.8rem;border:1px solid transparent;border-radius:var(--radius);cursor:pointer;transition:all .2s;margin-bottom:.4rem}.result-item:hover{background:var(--surface-hover);border-color:var(--border-highlight)}.result-item.active{background:rgba(0,245,255,.1);border-color:var(--cyan)}.result-img{width:50px;height:50px;background:rgba(4,13,20,.8);border:1px solid var(--border);border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:.2rem}.result-img img{max-width:100%;max-height:100%;object-fit:contain}.result-info{display:flex;flex-direction:column;justify-content:center;overflow:hidden}.result-name{font-family:var(--font-display);font-size:.95rem;font-weight:700;color:var(--cyan);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-mfr{font-family:var(--font-mono);font-size:.65rem;color:var(--muted);margin-top:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-pkg{font-family:var(--font-mono);font-size:.65rem;color:var(--green);margin-top:.1rem}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:var(--muted);font-family:var(--font-mono);font-size:.9rem}.empty-state svg{margin-bottom:1rem;opacity:.5}.info-content{padding:2rem;overflow-y:auto;display:flex;flex-direction:column;height:100%;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.info-content::-webkit-scrollbar{width:6px}.info-content::-webkit-scrollbar-track{background:0 0}.info-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.info-img-box{width:100%;aspect-ratio:1;background:rgba(4,13,20,.8);border:1px solid var(--border);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;padding:1rem;position:relative}.info-img-box img{max-width:100%;max-height:100%;object-fit:contain}.info-name{font-family:var(--font-display);font-size:1.6rem;font-weight:900;color:var(--cyan);margin-bottom:.5rem}.info-badges{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.badge{font-family:var(--font-mono);font-size:.65rem;padding:.2rem .6rem;border-radius:20px;background:rgba(14,58,80,.4);border:1px solid var(--border);color:var(--text);text-transform:uppercase;letter-spacing:.05em}.badge-outline{background:0 0;border-color:var(--cyan);color:var(--cyan)}.info-desc{font-size:.85rem;color:#a0c4d8;margin-bottom:2rem;line-height:1.5;text-align:justify}.info-list{list-style:none;padding:0;margin-bottom:2rem}.info-list li{font-size:.85rem;color:#a0c4d8;margin-bottom:.4rem;padding-left:1rem;position:relative}.info-list li::before{content:'▸';color:var(--cyan);position:absolute;left:0;top:0}.specs-title{font-family:var(--font-mono);font-size:.8rem;color:var(--muted);border-bottom:1px solid var(--border);padding-bottom:.5rem;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.1em}.specs-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.spec-item{background:rgba(4,13,20,.6);padding:.6rem;border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column}.spec-label{font-family:var(--font-mono);font-size:.6rem;color:var(--muted);text-transform:uppercase}.spec-val{font-family:var(--font-mono);font-size:.85rem;color:var(--green);font-weight:700;margin-top:.2rem}.pdf-container{display:flex;flex-direction:column;height:100%}.pdf-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:rgba(4,13,20,.8);font-family:var(--font-mono);font-size:.8rem}.pdf-title{color:var(--cyan);font-weight:700;letter-spacing:.1em}.pdf-status{color:var(--muted);font-size:.7rem}.pdf-viewer-wrap{flex:1;position:relative;background:#000;overflow:hidden;display:flex;align-items:center;justify-content:center}.pdf-viewer-wrap object{width:100%;height:100%;border:none;display:block}.pdf-actions{padding:1rem 1.5rem;border-top:1px solid var(--border);background:rgba(4,13,20,.8);display:flex;gap:1rem}.btn-action{flex:1;padding:.8rem;display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-display);font-size:.8rem;font-weight:700;letter-spacing:.1em;border-radius:var(--radius);cursor:pointer;transition:all .2s;text-decoration:none;text-align:center}.btn-download{background:var(--cyan);color:var(--bg);border:none}.btn-download:hover{background:var(--text)}.btn-fav{background:0 0;color:var(--cyan);border:1px solid var(--cyan)}.btn-fav:hover{background:rgba(0,245,255,.1)}.btn-fav.active{background:rgba(0,245,255,.2);color:#fff}.btn-fav.active svg{fill:var(--cyan)}@media (max-width:1100px){.ds-grid{grid-template-columns:260px 300px 1fr}.specs-grid{grid-template-columns:1fr}}@media (max-width:900px){.main-container{padding:1rem;height:auto;max-height:none;overflow:visible}.ds-grid{grid-template-columns:1fr;display:flex;flex-direction:column;height:auto}.left-panel{height:400px;flex:none}.middle-panel{height:auto;flex:none}.right-panel{height:600px;flex:none}.specs-grid{grid-template-columns:1fr 1fr}.pdf-actions{flex-direction:column}}