.content-wrapper{max-width:90%;margin:0 auto;padding:20px 0 80px 0;display:flex;flex-direction:row;align-items:flex-start;gap:30px}.tools-main-column{flex:1;min-width:0;display:flex;flex-direction:column;gap:25px}.dashboard-wrapper{max-width:90%}.explanation-text{max-width:90%;margin:0 auto;padding:0 15px;text-align:center;color:#8b949e;font-size:.95rem;line-height:1.5}.tool-controls-wrapper{background-color:rgba(28,33,40,.95);border:1px solid #2d333b;border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:15px;box-shadow:0 8px 24px rgba(0,0,0,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.search-section label{display:block;color:#8b949e;font-size:.85rem;margin-bottom:6px;font-weight:600}.form-control{width:100%;background-color:#111418;color:#c9d1d9;border:1px solid #30363d;border-radius:6px;padding:10px 12px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.form-control:focus{outline:0;border-color:#40b3ff;box-shadow:0 0 0 3px rgba(64,179,255,.2)}.controls-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;padding-top:15px;border-top:1px solid #30363d}.category-tabs{display:flex;background-color:#111418;border:1px solid #30363d;border-radius:6px;overflow:hidden;align-items:center}.category-tabs input[type=radio]{display:none}.category-tabs label{padding:8px 16px;color:#8b949e;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s;border-right:1px solid #30363d}.category-tabs label:last-child{border-right:none}.category-tabs label:hover{background-color:rgba(255,255,255,.05)}.category-tabs input[type=radio]:checked+label{background-color:rgba(64,179,255,.15);color:#40b3ff}.tool-counter{color:#8b949e;font-size:.9rem}.tool-counter span{color:#c9d1d9;font-weight:700}.tools-container{display:flex;flex-direction:column;gap:20px}.tool-card{scroll-margin-top:20px;background-color:rgba(22,27,34,.85);border:1px solid #30363d;border-radius:8px;padding:24px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:transform .2s,box-shadow .2s,border-color .2s}.tool-card:hover{border-color:#484f58;box-shadow:0 4px 15px rgba(0,0,0,.4)}.tool-header{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #30363d;padding-bottom:12px;margin-bottom:15px}.tool-title-area{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.tool-title{color:#40b3ff;font-size:1.4rem;font-weight:700;margin:0}.tool-badge{font-size:.75rem;text-transform:uppercase;font-weight:700;padding:3px 8px;border-radius:4px;letter-spacing:.5px}.badge-official{background-color:rgba(46,160,67,.15);color:#3fb950;border:1px solid rgba(46,160,67,.4)}.badge-3rdparty{background-color:rgba(210,153,34,.15);color:#d29922;border:1px solid rgba(210,153,34,.4)}.badge-homebrew{background-color:rgba(137,87,229,.15);color:#bc8cff;border:1px solid rgba(137,87,229,.4)}.copy-anchor-link{color:#8b949e;transition:color .2s,transform .2s;padding:4px}.copy-anchor-link:hover{color:#40b3ff;transform:scale(1.1)}.tool-meta{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px;background-color:rgba(0,0,0,.2);padding:12px 15px;border-radius:6px;border-left:3px solid #30363d}.meta-item{font-size:.9rem;color:#c9d1d9;display:flex;align-items:center;gap:6px}.meta-item strong{color:#40b3ff}.tool-description{color:#c9d1d9;font-size:1rem;line-height:1.6}.tool-description p{margin-top:0;margin-bottom:10px}.tool-description p:last-child{margin-bottom:0}.tool-description ul{margin-top:5px;margin-bottom:15px;padding-left:25px}.tool-description li{margin-bottom:6px}.empty-state-message{text-align:center;color:#8b949e;font-size:1.2rem;padding:40px;background:rgba(22,27,34,.5);border-radius:8px;border:1px dashed #30363d}.tools-nav-sidebar{width:300px;flex-shrink:0;position:-webkit-sticky;position:sticky;top:20px;max-height:calc(100vh - 160px);background-color:rgba(28,33,40,.95);border:1px solid #2d333b;border-radius:10px;padding:15px 5px 15px 15px;display:flex;flex-direction:column;box-shadow:0 8px 24px rgba(0,0,0,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.nav-sidebar-title{color:#40b3ff;font-size:1.1rem;margin:0 0 15px 0;padding-bottom:10px;border-bottom:1px solid #30363d;text-align:center;text-transform:uppercase;letter-spacing:1px}.tools-nav-list{flex:1;list-style:none;padding:0 5px 0 0;margin:0;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.tools-nav-list::-webkit-scrollbar{width:6px}.tools-nav-list::-webkit-scrollbar-track{background:0 0}.tools-nav-list::-webkit-scrollbar-thumb{background:#3c5372;border-radius:4px}.tools-nav-list li{padding:8px 12px;border-radius:6px;cursor:pointer;color:#8b949e;font-size:.9rem;transition:all .2s;line-height:1.3}.tools-nav-list li:hover{background-color:rgba(64,179,255,.15);color:#fff;padding-left:18px}.btn-scroll-top-nav{margin-top:15px;background-color:transparent;color:#8b949e;border:1px dashed #30363d;border-radius:6px;padding:10px;cursor:pointer;font-size:.85rem;font-weight:600;text-transform:uppercase;transition:all .2s}.btn-scroll-top-nav:hover{background-color:rgba(64,179,255,.1);color:#40b3ff;border-color:#40b3ff}.close-toc-btn,.mobile-toc-btn,.toc-overlay{display:none!important}@media (max-width:1024px){.tool-card{scroll-margin-top:60px}.explanation-text{margin-bottom:10px}.content-wrapper{flex-direction:column;display:block}.tools-nav-sidebar{display:flex!important;position:fixed!important;bottom:0;left:0;right:0;top:auto;width:100%;height:65vh;max-height:none;border-radius:20px 20px 0 0;transform:translateY(100%);transition:transform .3s cubic-bezier(.4, 0, .2, 1);z-index:1010;margin:0;padding:20px 15px;border:none;border-top:1px solid #30363d}.tools-nav-sidebar.open{transform:translateY(0)}.close-toc-btn{display:flex!important;position:absolute;top:15px;right:15px;background:0 0;border:none;color:#8b949e;padding:5px;cursor:pointer;transition:color .2s}.close-toc-btn:hover{color:#f85149}.toc-overlay{display:block!important;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);z-index:1005;opacity:0;pointer-events:none;transition:opacity .3s;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.toc-overlay.active{opacity:1;pointer-events:auto}.mobile-toc-btn{display:flex!important;align-items:center;justify-content:center;position:fixed;bottom:140px;right:20px;width:50px;height:50px;background-color:#3392d1;color:#e7e7e7;border:none;border-radius:50%;cursor:pointer;z-index:1000;transition:transform .2s,background-color .2s}.mobile-toc-btn:hover{transform:scale(1.05)}}@media (max-width:768px){.content-wrapper,.dashboard-wrapper{max-width:100%;padding-left:0;padding-right:0;padding:0 0 80px 0}.tool-card,.tool-controls-wrapper{padding:15px}.controls-footer{flex-direction:column;align-items:stretch;gap:15px}.category-tabs{font-size:.8rem}.category-tabs label{padding:8px 10px;flex:1;text-align:center}.tool-counter{text-align:center}.tool-title-area{min-width:0;flex:1}.tool-title{font-size:1.3rem;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.mobile-toc-btn{bottom:80px}}.filter-buttons{display:flex;flex-wrap:wrap;gap:10px}.filter-btn{background-color:#161b22;border:1px solid #30363d;color:#c9d1d9;padding:8px 16px;border-radius:20px;cursor:pointer;font-size:.95rem;transition:all .2s ease}.filter-btn:hover{background-color:#252a30;color:#fff}.filter-btn.active{background-color:rgba(64,179,255,.15);border-color:#40b3ff;color:#40b3ff;font-weight:700}.swipe-hint{display:none;font-size:.75rem;color:#8b949e;text-align:center;margin-top:-5px;font-style:italic;opacity:.7}@-webkit-keyframes pulseHint{0%{opacity:.4}50%{opacity:.9}100%{opacity:.4}}@keyframes pulseHint{0%{opacity:.4}50%{opacity:.9}100%{opacity:.4}}@media (max-width:768px){.filter-buttons{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding-bottom:5px;scrollbar-width:none;-ms-overflow-style:none}.filter-buttons::-webkit-scrollbar{display:none}.filter-btn{flex-shrink:0;font-size:.85rem;padding:6px 14px}.swipe-hint{display:block;-webkit-animation:pulseHint 2.5s infinite;animation:pulseHint 2.5s infinite}}h4{color:#a371f7}li a{color:#77b7ff;text-decoration:none;transition:color .2s}li a:hover{color:#2a5885;text-decoration:underline}