.app-layout{height:100vh;display:flex;flex-direction:column;background:#fafafa}.app-header{height:52px;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#fff}.app-brand{display:flex;align-items:center;gap:10px;cursor:pointer}.app-logo{width:28px;height:28px;object-fit:contain;border-radius:8px}.app-title{font-size:17px;font-weight:600;margin:0}.app-subtitle{font-size:13px;color:#999}.app-body{flex:1;display:flex;overflow:hidden}.app-sidebar{width:160px;border-right:1px solid #eee;padding:12px 8px;background:#fff;overflow-y:auto}.sidebar-nav{display:flex;flex-direction:column;gap:2px}.sidebar-item{padding:8px 12px;border-radius:6px;cursor:pointer;font-size:14px;color:#555;transition:background .15s}.sidebar-item:hover{background:#f0f0f0}.sidebar-item.active{background:#ede9fe;color:#4f46e5;font-weight:500}.app-content{flex:1;overflow-y:auto;padding:24px}.loading{display:flex;align-items:center;justify-content:center;height:200px;color:#999}.home-page{max-width:1000px}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.tool-card{background:#fff;border:1px solid #eee;border-radius:8px;padding:16px;cursor:pointer;transition:box-shadow .15s,border-color .15s;display:flex;flex-direction:column;justify-content:space-between;min-height:120px}.tool-card:hover{border-color:#d0d0d0;box-shadow:0 2px 8px #0000000f}.tool-card-body{flex:1}.tool-card-name{font-size:15px;font-weight:600;margin:0 0 6px;color:#1a1a1a}.tool-card-desc{font-size:13px;color:#666;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tool-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:10px;border-top:1px solid #f0f0f0}.tool-card-category{font-size:11px;padding:2px 8px;background:#f5f3ff;color:#6d28d9;border-radius:4px}.tool-card-download{font-size:11px;padding:3px 8px;border:1px solid #e0e0e0;border-radius:4px;background:#fff;cursor:pointer;color:#666}.tool-card-download:hover{border-color:#4f46e5;color:#4f46e5}.empty-state{text-align:center;padding:60px;color:#999;font-size:14px}.tool-page{display:flex;flex-direction:column;height:100%}.tool-page-header{display:flex;align-items:center;gap:16px;padding-bottom:16px;border-bottom:1px solid #eee;margin-bottom:20px}.tool-page-back{padding:6px 14px;border:1px solid #e0e0e0;border-radius:6px;background:#fff;cursor:pointer;font-size:13px;color:#555;white-space:nowrap}.tool-page-back:hover{border-color:#4f46e5;color:#4f46e5}.tool-page-info{flex:1}.tool-page-title{font-size:18px;font-weight:600;margin:0;color:#1a1a1a}.tool-page-desc{font-size:13px;color:#888;margin:4px 0 0}.tool-page-download{padding:6px 14px;border:1px solid #e0e0e0;border-radius:6px;background:#fff;cursor:pointer;font-size:13px;color:#555;white-space:nowrap}.tool-page-download:hover{border-color:#4f46e5;color:#4f46e5}.tool-page-body{flex:1;overflow-y:auto}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}