:root{--primary-blue:#1a73e8;--primary-dark:#0d47a1;--secondary-blue:#4285f4;--accent-teal:#00897b;--neutral-gray:#5f6368;--light-gray:#e8eaed;--border-color:#dadce0;--bg-white:#ffffff;--bg-light:#f8f9fa;--text-primary:#202124;--text-secondary:#5f6368;--shadow-sm:0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);--shadow-md:0 1px 3px 0 rgba(60, 64, 67, 0.3), 0 4px 8px 3px rgba(60, 64, 67, 0.15);--shadow-lg:0 2px 6px 2px rgba(60, 64, 67, 0.15), 0 8px 24px 4px rgba(60, 64, 67, 0.15);--transition-standard:0.2s cubic-bezier(0.4, 0, 0.2, 1)}[data-theme="dark"]{--primary-blue:#4285f4;--primary-dark:#5a9bff;--secondary-blue:#669df6;--accent-teal:#00bfa5;--neutral-gray:#9aa0a6;--light-gray:#3c4043;--border-color:#3c4043;--bg-white:#202124;--bg-light:#292a2d;--text-primary:#e8eaed;--text-secondary:#9aa0a6;--shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 1px 3px 1px rgba(0, 0, 0, 0.15);--shadow-md:0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 4px 8px 3px rgba(0, 0, 0, 0.15);--shadow-lg:0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 8px 24px 4px rgba(0, 0, 0, 0.15)}*{box-sizing:border-box}body{margin:0;padding:0;background:var(--bg-light);min-height:100vh;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;color:var(--text-primary);line-height:1.6;transition:background-color var(--transition-standard),color var(--transition-standard)}.dark-mode-toggle{position:fixed;top:1.5rem;right:1.5rem;width:48px;height:48px;border-radius:50%;background:var(--bg-white);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-standard);z-index:1000}.dark-mode-toggle:hover{box-shadow:var(--shadow-md);transform:scale(1.05);border-color:var(--primary-blue)}.dark-mode-toggle:active{transform:scale(.95)}.dark-mode-toggle svg{width:22px;height:22px;color:var(--text-primary);transition:transform var(--transition-standard)}.dark-mode-toggle:hover svg{transform:rotate(15deg)}.sun-icon{display:none}[data-theme="dark"] .sun-icon{display:block}[data-theme="dark"] .moon-icon{display:none}.ai-tools-suite{max-width:1280px;margin:0 auto;padding:3rem 2rem}.ai-tools-header{text-align:center;margin-bottom:4rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color)}.ai-tools-header h1{font-size:clamp(2rem, 4vw, 2.75rem);font-weight:700;color:var(--text-primary);margin:0 0 1rem;letter-spacing:-.02em;line-height:1.2}.ai-tools-header p{font-size:1.125rem;color:var(--text-secondary);margin:0;max-width:700px;margin:0 auto;line-height:1.6;font-weight:400}.ai-tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:2rem;margin-bottom:3rem}.ai-tool-card{background:var(--bg-white);border-radius:8px;border:1px solid var(--border-color);overflow:hidden;transition:all var(--transition-standard);box-shadow:var(--shadow-sm)}.ai-tool-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-blue);transform:translateY(-2px)}.ai-tool-header{padding:2rem;border-bottom:1px solid var(--border-color);background:var(--bg-white)}.ai-tool-icon{width:56px;height:56px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;background:var(--primary-blue);color:#fff}.ai-tool-icon svg{width:28px;height:28px}.ai-tool-header h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem;letter-spacing:-.01em}.ai-tool-header p{color:var(--text-secondary);margin:0;line-height:1.6;font-size:.9375rem}.ai-tool-content{padding:2rem;background:var(--bg-white)}.ai-form-group{margin-bottom:1.5rem}.ai-form-label{display:block;font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;letter-spacing:.01em}.ai-form-input,.ai-form-textarea,.ai-form-select{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:4px;font-size:.9375rem;transition:all var(--transition-standard);background:var(--bg-white);color:var(--text-primary);font-family:inherit;line-height:1.5}.ai-form-input::placeholder,.ai-form-textarea::placeholder{color:var(--neutral-gray)}.ai-form-input:focus,.ai-form-textarea:focus,.ai-form-select:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px rgb(26 115 232 / .1)}.ai-form-textarea{min-height:120px;resize:vertical}.ai-form-select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%235f6368' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;appearance:none;padding-right:2.5rem}.ai-btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;border-radius:4px;border:none;cursor:pointer;transition:all var(--transition-standard);text-decoration:none;letter-spacing:.02em}.ai-btn-primary{background:var(--primary-blue);color:#fff;box-shadow:var(--shadow-sm)}.ai-btn-primary:hover{background:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.ai-btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.ai-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;pointer-events:none}.ai-btn-full{width:100%}.ai-btn-icon{margin-right:.5rem}.ai-btn-icon-only{width:40px;height:40px;padding:0;border-radius:4px;background:var(--bg-white);color:var(--text-secondary);border:1px solid var(--border-color)}.ai-btn-icon-only:hover{background:var(--bg-light);border-color:var(--primary-blue);color:var(--primary-blue)}.ai-loading{display:none;align-items:center}.ai-loading.active{display:flex}.ai-loading-spinner{width:18px;height:18px;border:2px solid rgb(255 255 255 / .3);border-top-color:#fff;border-radius:50%;animation:spin 0.8s linear infinite;margin-right:.5rem}@keyframes spin{to{transform:rotate(360deg)}}.ai-result{margin-top:1.5rem;padding:1.5rem;background:var(--bg-light);border:1px solid var(--border-color);border-radius:4px;display:none}.ai-result.active{display:block;animation:fadeIn 0.3s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ai-result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.ai-result-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.ai-result-actions{display:flex;gap:.5rem}.ai-result-content{background:var(--bg-white);padding:1.5rem;border-radius:4px;border:1px solid var(--border-color);white-space:pre-wrap;line-height:1.6;color:var(--text-primary);font-size:.9375rem;font-family:'SF Mono','Monaco','Cascadia Code','Courier New',monospace}.ai-image-result{position:relative;border-radius:4px;overflow:hidden;background:var(--bg-light);aspect-ratio:16/9;box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.ai-image-result img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.ai-image-result:hover img{transform:scale(1.02)}.ai-image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#fff0 0%,rgb(0 0 0 / .6) 100%);display:flex;align-items:flex-end;padding:1rem;opacity:0;transition:opacity var(--transition-standard)}.ai-image-result:hover .ai-image-overlay{opacity:1}.ai-image-actions{display:flex;gap:.5rem}.ai-audio-player{background:var(--bg-light);border:1px solid var(--border-color);border-radius:4px;padding:1.5rem;display:flex;align-items:center;gap:1rem}.ai-audio-controls{display:flex;gap:.5rem}.ai-audio-info{flex:1;min-width:0}.ai-audio-title{font-weight:600;color:var(--text-primary);margin:0 0 .25rem;font-size:.9375rem}.ai-audio-duration{color:var(--text-secondary);font-size:.8125rem;font-weight:400}.ai-file-upload{border:2px dashed var(--border-color);border-radius:4px;padding:2.5rem 1.5rem;text-align:center;background:var(--bg-white);transition:all var(--transition-standard);cursor:pointer}.ai-file-upload:hover,.ai-file-upload.dragover{border-color:var(--primary-blue);background:rgb(26 115 232 / .02)}.ai-file-upload-icon{width:48px;height:48px;margin:0 auto 1rem;color:var(--neutral-gray)}.ai-file-upload-text{color:var(--text-primary);margin-bottom:.5rem;font-weight:600;font-size:.9375rem}.ai-file-upload-hint{color:var(--text-secondary);font-size:.875rem}.ai-file-upload input[type="file"]{display:none}.ai-error{background:#fce8e6;border:1px solid #f5c6cb;border-radius:4px;padding:1rem;margin-bottom:1rem;color:#c5221f;font-size:.875rem;font-weight:500;display:none}[data-theme="dark"] .ai-error{background:rgb(244 67 54 / .15);border-color:rgb(244 67 54 / .3);color:#f48fb1}.ai-error.active{display:block;animation:slideIn 0.3s ease}@keyframes slideIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ai-success{background:#e6f4ea;border:1px solid #aecbfa;border-radius:4px;padding:1rem;margin-bottom:1rem;color:#137333;font-size:.875rem;font-weight:500;display:none}[data-theme="dark"] .ai-success{background:rgb(76 175 80 / .15);border-color:rgb(76 175 80 / .3);color:#81c784}.ai-success.active{display:block;animation:slideIn 0.3s ease}.hidden{display:none!important}@media (max-width:1024px){.ai-tools-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}}@media (max-width:768px){.ai-tools-suite{padding:2rem 1rem}.dark-mode-toggle{top:1rem;right:1rem;width:44px;height:44px}.dark-mode-toggle svg{width:20px;height:20px}.ai-tools-header{margin-bottom:2.5rem}.ai-tools-header h1{font-size:2rem}.ai-tools-header p{font-size:1rem}.ai-tools-grid{grid-template-columns:1fr;gap:1.5rem}.ai-tool-header,.ai-tool-content{padding:1.5rem}.ai-tool-icon{width:48px;height:48px}.ai-tool-icon svg{width:24px;height:24px}.ai-tool-header h3{font-size:1.25rem}}@media (max-width:480px){.ai-tools-suite{padding:1.5rem .75rem}.ai-tools-header h1{font-size:1.75rem}.ai-tool-header,.ai-tool-content{padding:1.25rem}.ai-tool-icon{width:44px;height:44px}.ai-btn{padding:.625rem 1.25rem;font-size:.875rem}.ai-audio-player{flex-direction:column;align-items:stretch}.ai-audio-controls{justify-content:center}.ai-file-upload{padding:2rem 1rem}}::selection{background:rgb(26 115 232 / .2);color:var(--text-primary)}::-moz-selection{background:rgb(26 115 232 / .2);color:var(--text-primary)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg-light)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:6px;border:3px solid var(--bg-light)}::-webkit-scrollbar-thumb:hover{background:var(--neutral-gray)}.ai-form-input:focus,.ai-form-textarea:focus,.ai-form-select:focus,.ai-btn:focus{outline:2px solid var(--primary-blue);outline-offset:2px}.ai-btn:focus{outline-offset:3px}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}}@media print{.ai-tools-suite{max-width:none;padding:0}.ai-tool-card{break-inside:avoid;box-shadow:none;border:1px solid #000;page-break-inside:avoid}.ai-btn,.ai-file-upload{display:none}.ai-result{display:block!important}}@media (prefers-contrast:high){.ai-tool-card{border:2px solid var(--text-primary)}.ai-form-input,.ai-form-textarea,.ai-form-select{border:2px solid var(--text-primary)}.ai-btn-primary{border:2px solid var(--text-primary)}}