@import "https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.6.1/cropper.min.css";:root{--bg-primary:#0b0f19;--bg-secondary:#121826;--bg-card:#182031;--border:#232d42;--border-hover:#3b82f6;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent:#0ea5e9;--accent-hover:#0284c7;--success:#10b981;--danger:#ef4444;--radius:8px;--ad-bg:#1e293b;--ad-border:#334155;--ad-text:#64748b}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);flex-direction:column;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.main-header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border);z-index:100;padding:16px 0;position:sticky;top:0}.header-container{flex-direction:column;align-items:center;gap:16px;max-width:1200px;margin:0 auto;padding:0 24px;display:flex}@media (width>=768px){.header-container{flex-direction:row;justify-content:space-between}}.logo{color:var(--text-primary);align-items:center;gap:8px;display:flex}.logo h1{letter-spacing:-.02em;font-size:1.25rem;font-weight:600}.search-container{width:100%;max-width:400px;position:relative}.search-icon{color:var(--text-secondary);width:18px;height:18px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}#search-input{border-radius:var(--radius);border:1px solid var(--border);background-color:var(--bg-primary);width:100%;color:var(--text-primary);padding:8px 16px 8px 36px;font-size:.95rem;transition:border-color .15s,box-shadow .15s}#search-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #3b82f633}.hero-section{width:100%;max-width:1200px;margin:0 auto;padding:32px 24px 16px}.hero-container h2{color:var(--text-secondary);font-size:1rem;font-weight:500}.ad-placeholder{background-color:var(--ad-bg);border:1px dashed var(--ad-border);color:var(--ad-text);letter-spacing:.05em;border-radius:var(--radius);justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex}.ad-banner-top{width:100%;max-width:728px;height:90px;margin:16px auto 32px}.ad-sidebar{width:300px;height:600px;display:block;position:sticky;top:80px}@media (width<=1023px){.ad-sidebar{display:none!important}}.layout-container{flex:1;gap:32px;width:100%;max-width:1200px;margin:0 auto;padding:0 24px 64px;display:flex}.main-content{flex:1;min-width:0}.sidebar{display:none}@media (width>=1024px){.sidebar{flex-shrink:0;width:300px;display:block}}.category-section{margin-bottom:48px}.category-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;margin-bottom:24px;padding-bottom:8px;display:flex}.category-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;font-size:1.125rem;font-weight:600}.category-count{color:var(--text-secondary);font-size:.875rem}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.tool-card{background-color:var(--bg-card);border-radius:var(--radius);color:inherit;cursor:pointer;border:1px solid #ffffff0d;flex-direction:column;gap:12px;height:100%;padding:20px;text-decoration:none;transition:transform .2s,border-color .2s,background-color .2s,box-shadow .2s;display:flex;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.tool-card:hover{background-color:#1e293b;border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.tool-card:focus{outline:none;box-shadow:0 0 0 2px #3b82f680}.card-header{align-items:center;gap:12px;display:flex}.tool-icon{color:var(--accent);width:24px;height:24px}.tool-info{flex-direction:column;display:flex}.tool-info h3{color:var(--text-primary);margin-bottom:8px;font-size:1rem;font-weight:600}.tool-tags{flex-wrap:wrap;gap:6px;display:flex}.tag-badge{color:var(--accent);background-color:#0ea5e91a;border-radius:12px;padding:2px 10px;font-size:.7rem;font-weight:500}.tool-desc{color:var(--text-secondary);flex-grow:1;font-size:.875rem;line-height:1.5}.tool-action{color:var(--text-primary);align-items:center;gap:4px;margin-top:8px;font-size:.875rem;font-weight:500;transition:color .2s;display:flex}.tool-card:hover .tool-action{color:var(--accent)}.tool-action i{width:14px;height:14px;transition:transform .2s}.tool-card:hover .action-icon{transform:translate(5px)}.hidden{display:none!important}#no-results{text-align:center;color:var(--text-secondary);background-color:var(--bg-secondary);border-radius:var(--radius);border:1px dashed var(--border);flex-direction:column;align-items:center;gap:16px;padding:48px;display:flex}.no-results-icon{width:32px;height:32px;color:var(--text-secondary);opacity:.5}.main-footer{background-color:var(--bg-secondary);border-top:1px solid var(--border);margin-top:auto;padding:32px 0}.footer-container{flex-direction:column;gap:24px;max-width:1200px;margin:0 auto;padding:0 24px;display:flex}@media (width>=768px){.footer-container{flex-direction:row;justify-content:space-between;align-items:flex-end}}.footer-info strong{color:var(--text-primary);margin-bottom:4px;font-size:1rem;display:block}.footer-info p{color:var(--text-secondary);font-size:.875rem}.footer-links{color:var(--text-secondary);flex-wrap:wrap;gap:16px;font-size:.875rem;display:flex}.footer-links a{color:var(--text-secondary);text-decoration:none;transition:color .15s}.footer-links a:hover{color:var(--text-primary)}.btn{border-radius:var(--radius);align-items:center;padding:8px 16px;font-size:.875rem;font-weight:500;transition:background-color .15s;display:inline-flex}.tool-container{background-color:var(--bg-card);border-radius:var(--radius);border:1px solid #ffffff0d;padding:32px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.tool-container h2{color:var(--text-primary);margin-bottom:24px;font-size:1.5rem}.tool-container .form-group{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.tool-container label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.tool-container input,.tool-container select,.tool-container textarea{background-color:var(--bg-primary);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:var(--radius);padding:12px 16px;font-family:inherit;font-size:.95rem;transition:border-color .15s,box-shadow .15s}.tool-container input:focus,.tool-container select:focus,.tool-container textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #0ea5e940}.tool-container button{background-color:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;padding:12px 24px;font-size:.95rem;font-weight:600;transition:background-color .2s,transform .15s}.tool-container button:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.tool-container button:active{transform:translateY(0)}.tool-container .result-box{background-color:var(--bg-primary);border-radius:var(--radius);word-break:break-word;border:1px dashed #ffffff1a;min-height:100px;margin-top:24px;padding:24px}.font-mono{font-family:Fira Code,Consolas,Courier New,monospace!important}.tool-container button.btn-outline{color:var(--accent);border:1px solid var(--accent);background-color:#0000}.tool-container button.btn-outline:hover{border-color:var(--accent-hover);background-color:#0ea5e91a}.tool-container button.btn-icon-copy{color:var(--text-secondary);cursor:pointer;background-color:#0000;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.tool-container button.btn-icon-copy:hover{color:var(--text-primary);background-color:#ffffff0d;border-color:#fff3;transform:scale(1.05)}.tool-container button.btn-icon-copy:active{transform:scale(.95)}.tool-container button.btn-icon-copy i{width:16px;height:16px}.custom-checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:flex;position:relative}.custom-checkbox input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.checkmark{background-color:var(--border);border-radius:20px;flex-shrink:0;width:36px;height:20px;transition:background-color .2s;position:relative}.checkmark:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px}.custom-checkbox input:checked~.checkmark{background-color:var(--accent)}.custom-checkbox input:checked~.checkmark:after{transform:translate(16px)}.dropzone-wrapper{width:100%;margin-bottom:24px}.dropzone{border-radius:var(--radius);background-color:var(--bg-primary);cursor:pointer;text-align:center;border:2px dashed #fff3;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;transition:all .2s;display:flex}.dropzone:hover,.dropzone.dragover{border-color:var(--accent);background-color:#0ea5e90d}.dropzone input[type=file]{display:none}.dropzone-icon{width:48px;height:48px;color:var(--accent);opacity:.8;margin-bottom:16px}.dropzone-text{color:var(--text-primary);margin-bottom:8px;font-size:1rem;font-weight:500}.dropzone-subtext{color:var(--text-secondary);font-size:.875rem}.file-list{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.file-item{background-color:var(--bg-primary);border-radius:var(--radius);border:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.file-item-info{align-items:center;gap:12px;display:flex;overflow:hidden}.file-item-icon{color:var(--text-secondary);flex-shrink:0;width:20px;height:20px}.file-item-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:250px;font-size:.95rem;font-weight:500;overflow:hidden}.file-item-size{color:var(--text-secondary);font-family:monospace;font-size:.875rem}.btn-remove-file{color:var(--danger);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px;transition:background-color .15s;display:flex}.btn-remove-file:hover{background-color:#ef44441a;transform:scale(1.05)}.btn-remove-file i{width:16px;height:16px}.results-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:24px;animation:.3s ease-out fadeIn;display:grid}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.metric-card{background-color:var(--bg-card);border-radius:var(--radius);border:1px solid #ffffff0d;flex-direction:column;gap:8px;padding:16px;display:flex}.metric-header{color:var(--text-secondary);align-items:center;gap:8px;font-size:.875rem;font-weight:500;display:flex}.metric-icon{color:var(--accent);width:16px;height:16px}.metric-value{color:var(--accent);font-family:monospace;font-size:1.125rem;font-weight:600}.empty-state{color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:48px 24px;display:flex}.empty-state-icon{opacity:.2;width:48px;height:48px}.empty-state p{font-size:.95rem}