body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#6366f1;--primary-dark:#4f46e5;--primary-rgb:99,102,241;--bg-primary:linear-gradient(135deg,#667eea,#764ba2);--bg-secondary:#fffffffa;--bg-tertiary:#fffc;--bg-card:#fff;--bg-surface:#f8fafc;--bg-elevated:#fff;--bg-output:#f1f5f9;--bg-code:#1e293b;--bg-sidebar:#f8fafc;--bg-panel:#fff;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--text-inverse:#fff;--text-code:#e2e8f0;--text-muted:#64748b;--text-accent:var(--primary-color);--border-color:#e2e8f0;--border-light:#f1f5f9;--border-focus:var(--primary-color);--border-error:#ef4444;--border-success:#22c55e;--border-warning:#f59e0b;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--accent-primary:var(--primary-color);--accent-primary-dark:var(--primary-dark);--accent-secondary:#8b5cf6;--accent-success:#22c55e;--accent-warning:#f59e0b;--accent-error:#ef4444;--accent-info:var(--primary-color);--radius-xs:0.125rem;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-full:9999px;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:0.75rem;--spacing-lg:1rem;--spacing-xl:1.5rem;--spacing-2xl:2rem;--font-mono:ui-monospace,SFMono-Regular,"SF Mono",Consolas,"Liberation Mono",Menlo,monospace;--font-sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif}[data-theme=dark]{--bg-primary:linear-gradient(135deg,#0f172a,#1e293b);--bg-secondary:#0f172afa;--bg-tertiary:#1e293bcc;--bg-card:#1e293b;--bg-surface:#0f172a;--bg-elevated:#334155;--bg-output:#0f172a;--bg-code:#020617;--bg-sidebar:#1e293b;--bg-panel:#0f172a;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--text-inverse:#0f172a;--text-code:#e2e8f0;--text-muted:#64748b;--text-accent:#a5b4fc;--border-color:#334155;--border-light:#475569;--border-focus:#a5b4fc;--border-error:#f87171;--border-success:#4ade80;--border-warning:#fbbf24;--shadow-xs:0 1px 2px 0 #0000004d;--shadow-sm:0 1px 3px 0 #0006,0 1px 2px -1px #0006;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -2px #0006;--shadow-lg:0 10px 15px -3px #0006,0 4px 6px -4px #0006;--shadow-xl:0 20px 25px -5px #0006,0 8px 10px -6px #0006;--shadow-2xl:0 25px 50px -12px #0009;--accent-primary:#a5b4fc;--accent-primary-dark:#818cf8;--accent-secondary:#a855f7;--accent-success:#4ade80;--accent-warning:#fbbf24;--accent-error:#f87171;--accent-info:#a5b4fc}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc!important;background:var(--bg-surface)!important;color:#0f172a;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:background .3s ease,color .3s ease}.App,body,html{min-height:100vh}.App{display:flex;flex-direction:column}.main-content{flex:1 1;margin:0 auto;max-width:1200px;padding:2rem;width:100%}.main-content.tool-page-layout{display:flex;flex-direction:column;height:calc(100vh - 72px);margin:0;max-width:none;padding:0}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;background:var(--bg-secondary);box-shadow:0 2px 20px var(--shadow-light);padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:100}.header-content{justify-content:space-between;margin:0 auto;max-width:1200px}.header-content,.logo{align-items:center;display:flex}.logo{color:#6366f1;color:var(--accent-primary);font-size:1.8rem;font-weight:700;gap:.5rem;text-decoration:none;transition:color .3s ease}.search-container{flex:1 1;margin:0 2rem;max-width:400px;position:relative}.search-input{background:#fff;background:var(--bg-card);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:.5rem;color:#0f172a;color:var(--text-primary);font-size:1rem;padding:.75rem 1rem .75rem 2.5rem;transition:all .3s ease;width:100%}.search-input:focus{border-color:#6366f1;border-color:var(--border-focus);box-shadow:0 0 0 3px #fffc;box-shadow:0 0 0 3px var(--bg-tertiary);outline:none}.search-icon{color:#475569;color:var(--text-secondary);left:.75rem;position:absolute;top:50%;transform:translateY(-50%)}.home-page{text-align:center}.hero-section{margin-bottom:3rem}.hero-title{font-size:3.5rem;font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px var(--shadow-light)}.hero-subtitle,.hero-title{color:#fff;color:var(--text-inverse);transition:color .3s ease}.hero-subtitle{font-size:1.25rem;margin-bottom:2rem;opacity:.9}.category-filters{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:2rem}.category-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;background:var(--bg-tertiary);border:none;border-radius:2rem;color:#fff;color:var(--text-inverse);cursor:pointer;padding:.5rem 1rem;transition:all .3s ease}.category-button.active,.category-button:hover{background:#fffffffa;background:var(--bg-secondary);color:#0f172a;color:var(--text-primary);transform:translateY(-2px)}.tools-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:2rem}.tool-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 4px 6px var(--shadow-light);color:#0f172a;color:var(--text-primary);padding:1.5rem;text-decoration:none;transition:all .3s ease}.tool-card:hover{box-shadow:0 10px 25px var(--shadow-medium);transform:translateY(-5px)}.tool-icon{display:block;font-size:2.5rem;margin-bottom:1rem}.tool-name{color:#0f172a;color:var(--text-primary);font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.tool-description{color:#475569;color:var(--text-secondary);line-height:1.5;margin-bottom:1rem}.tool-features{display:flex;flex-wrap:wrap;gap:.5rem}.feature-tag{background:#fffc;background:var(--bg-tertiary);border-radius:.25rem;color:#6366f1;color:var(--accent-primary);font-size:.75rem;font-weight:500;padding:.25rem .5rem;transition:all .3s ease}.tool-page{margin:0 auto;max-width:800px}.tool-page-layout .tool-page{display:flex;flex:1 1;flex-direction:column;height:100%;margin:0;max-width:none}.tool-header{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--bg-primary);color:#fff;color:var(--text-inverse);margin-bottom:2rem;padding:2rem 2rem 0;text-align:center;transition:color .3s ease}.tool-page-layout .tool-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;background:var(--bg-secondary);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);margin-bottom:0;padding:1rem 2rem}.tool-title{align-items:center;display:flex;font-size:2.5rem;gap:1rem;justify-content:center;margin-bottom:.5rem}.tool-page-layout .tool-title{color:#0f172a;color:var(--text-primary);font-size:1.5rem;justify-content:flex-start;margin-bottom:.25rem}.tool-page-layout .tool-header p{color:#475569;color:var(--text-secondary);font-size:.875rem;margin-bottom:0;text-align:left}.tool-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 10px 25px var(--shadow-light);padding:2rem;transition:all .3s ease}.tool-page-layout .tool-container{background:#f8fafc;background:var(--bg-surface);border:none;border-radius:0;box-shadow:none;flex:1 1;overflow:hidden;padding:0}.form-group{margin-bottom:1.5rem}.form-label{color:#0f172a;color:var(--text-primary);display:block;font-weight:600;margin-bottom:.5rem;transition:color .3s ease}.form-input,.form-select,.form-textarea{background:#fff;background:var(--bg-card);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:.5rem;color:#0f172a;color:var(--text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:1rem;padding:.75rem;transition:all .3s ease;width:100%}.form-textarea{min-height:150px;resize:vertical}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#6366f1;border-color:var(--border-focus);box-shadow:0 0 0 3px #fffc;box-shadow:0 0 0 3px var(--bg-tertiary);outline:none}.btn{border:none;border-radius:.5rem;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;text-align:center;text-decoration:none;transition:all .3s ease}.btn-primary{background:#6366f1;background:var(--accent-primary);color:#fff;color:var(--text-inverse)}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-secondary{background:#f1f5f9;background:var(--bg-output);border:1px solid #e2e8f0;border:1px solid var(--border-color);color:#0f172a;color:var(--text-primary)}.btn-secondary:hover{background:#e2e8f0;background:var(--border-color)}.btn-group{display:flex;flex-wrap:wrap;gap:.5rem}.output-container{background:#f1f5f9;background:var(--bg-output);border:2px solid #e2e8f0;border:2px solid var(--border-color);margin-top:1rem}.output-container,.output-pre{border-radius:.5rem;padding:1rem;transition:all .3s ease}.output-pre{background:#1e293b;background:var(--bg-code);color:#e2e8f0;color:var(--text-code);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.5;overflow-x:auto;white-space:pre-wrap}.error{background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#dc2626;margin-top:1rem;padding:.75rem;transition:all .3s ease}[data-theme=dark] .error{background:#422628;border:1px solid #7f1d1d;color:#fca5a5}.success{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:.5rem;color:#16a34a;margin-top:1rem;padding:.75rem;transition:all .3s ease}[data-theme=dark] .success{background:#14532d;border:1px solid #166534;color:#4ade80}@media (max-width:768px){.main-content{padding:1rem}.header-content{flex-direction:column;gap:1rem}.search-container{margin:0;max-width:none}.hero-title{font-size:2.5rem}.tools-grid{gap:1rem;grid-template-columns:1fr}.tool-container{padding:1rem}}
/*# sourceMappingURL=main.b230e1b1.css.map*/