.modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal-content{background:#fff;-webkit-border-radius:8px;border-radius:8px;flex-direction:column;max-height:90vh;animation:.3s ease-out slideIn;display:flex;box-shadow:0 10px 25px #0003}.modal-sm{width:90%;max-width:400px}.modal-md{width:90%;max-width:600px}.modal-lg{width:90%;max-width:800px}.modal-xl{width:95%;max-width:1200px}.modal-header{border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1.5rem 1.5rem 0;display:flex}.modal-title{color:#333;margin:0;font-size:1.25rem;font-weight:600}.modal-close-btn{cursor:pointer;color:#666;background:0 0;border:none;-webkit-border-radius:4px;border-radius:4px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:1.5rem;transition:all .2s;display:flex}.modal-close-btn:hover{color:#333;background-color:#f5f5f5}.modal-body{flex:1;min-height:0;padding:1.5rem;overflow-y:auto}.auth-modal .modal-content{max-height:none}.auth-modal .modal-body{flex:none;overflow-y:visible}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:768px){.modal-content{max-height:calc(100vh - 2rem);margin:1rem}.modal-sm,.modal-md,.modal-lg,.modal-xl{width:calc(100vw - 2rem);max-width:none}}.btn{text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid transparent;-webkit-border-radius:6px;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;font-family:inherit;font-weight:500;line-height:1.5;text-decoration:none;transition:all .2s;display:inline-flex}.btn-sm{padding:.375rem .75rem;font-size:.875rem}.btn-md{padding:.5rem 1rem;font-size:1rem}.btn-lg{padding:.75rem 1.5rem;font-size:1.125rem}.btn-primary{color:#fff;background-color:#6366f1;border-color:#6366f1}.btn-primary:hover:not(.btn-disabled):not(.btn-loading){background-color:#4f46e5;border-color:#4f46e5}.btn-secondary{color:#fff;background-color:#6b7280;border-color:#6b7280}.btn-secondary:hover:not(.btn-disabled):not(.btn-loading){background-color:#4b5563;border-color:#4b5563}.btn-success{color:#fff;background-color:#10b981;border-color:#10b981}.btn-success:hover:not(.btn-disabled):not(.btn-loading){background-color:#059669;border-color:#059669}.btn-danger{color:#fff;background-color:#ef4444;border-color:#ef4444}.btn-danger:hover:not(.btn-disabled):not(.btn-loading){background-color:#dc2626;border-color:#dc2626}.btn-warning{color:#fff;background-color:#f59e0b;border-color:#f59e0b}.btn-warning:hover:not(.btn-disabled):not(.btn-loading){background-color:#d97706;border-color:#d97706}.btn-info{color:#fff;background-color:#3b82f6;border-color:#3b82f6}.btn-info:hover:not(.btn-disabled):not(.btn-loading){background-color:#2563eb;border-color:#2563eb}.btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover:not(.btn-disabled):not(.btn-loading){background-color:#e9ecef;border-color:#e9ecef}.btn-dark{color:#fff;background-color:#374151;border-color:#374151}.btn-dark:hover:not(.btn-disabled):not(.btn-loading){background-color:#1f2937;border-color:#1f2937}.btn-disabled{opacity:.6;cursor:not-allowed}.btn-loading{cursor:wait}.btn-text-loading{opacity:.7}.btn-spinner{border:2px solid transparent;border-top-color:currentColor;-webkit-border-radius:50%;border-radius:50%;width:1rem;height:1rem;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.btn:focus{outline-offset:2px;outline:2px solid transparent;box-shadow:0 0 0 3px #6366f14d}.btn-secondary:focus{box-shadow:0 0 0 3px #6b72804d}.btn-success:focus{box-shadow:0 0 0 3px #10b9814d}.btn-danger:focus{box-shadow:0 0 0 3px #ef44444d}.toast-container{z-index:9999;pointer-events:none;position:fixed}.toast{pointer-events:auto;background:#fff;border-left:4px solid;-webkit-border-radius:8px;border-radius:8px;align-items:center;gap:.75rem;min-width:300px;max-width:500px;margin:.5rem;padding:1rem 1.25rem;animation:.3s ease-out slideIn;display:flex;box-shadow:0 4px 12px #00000026}.toast.toast-leaving{animation:.3s ease-in forwards slideOut}.toast-top-right{position:fixed;top:calc(64px + 1rem);right:1rem}.toast-top-left{position:fixed;top:calc(64px + 1rem);left:1rem}.toast-bottom-right{position:fixed;bottom:1rem;right:1rem}.toast-bottom-left{position:fixed;bottom:1rem;left:1rem}.toast-top-center{position:fixed;top:calc(64px + 1rem);left:50%;transform:translate(-50%)}.toast-bottom-center{position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}.toast-success{border-left-color:#10b981}.toast-success .toast-icon{color:#10b981;background-color:#d1fae5}.toast-error{border-left-color:#ef4444}.toast-error .toast-icon{color:#ef4444;background-color:#fee2e2}.toast-warning{border-left-color:#f59e0b}.toast-warning .toast-icon{color:#f59e0b;background-color:#fef3c7}.toast-info{border-left-color:#3b82f6}.toast-info .toast-icon{color:#3b82f6;background-color:#dbeafe}.toast-icon{-webkit-border-radius:50%;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1rem;font-weight:700;display:flex}.toast-message{color:#374151;flex:1;font-size:.875rem;line-height:1.5}.toast-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;-webkit-border-radius:4px;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;padding:0;font-size:1.25rem;transition:all .2s;display:flex}.toast-close:hover{color:#6b7280;background-color:#f3f4f6}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.toast-top-left,.toast-bottom-left{animation:.3s ease-out slideInLeft}.toast-top-left.toast-leaving,.toast-bottom-left.toast-leaving{animation:.3s ease-in forwards slideOutLeft}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}.toast-top-center,.toast-bottom-center{animation:.3s ease-out slideInCenter}.toast-top-center.toast-leaving,.toast-bottom-center.toast-leaving{animation:.3s ease-in forwards slideOutCenter}@keyframes slideInCenter{0%{opacity:0;transform:translate(-50%)translateY(-20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes slideOutCenter{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-20px)}}@media (max-width:640px){.toast{min-width:auto;max-width:calc(100vw - 2rem);margin:.25rem}.toast-top-right,.toast-top-left,.toast-bottom-right,.toast-bottom-left{left:1rem;right:1rem;transform:none}}.logo-container{align-items:center;gap:.625rem;display:flex}.logo-icon{justify-content:center;align-items:center;width:40px;height:40px;display:flex}.logo-image{object-fit:contain;width:100%;height:100%;image-rendering:-webkit-optimize-contrast}.logo-text{flex-direction:column;gap:1px;display:flex}.logo-title{letter-spacing:.25px;color:var(--text-primary);align-items:center;font-size:1.125rem;font-weight:700;line-height:1.2;display:flex}.logo-subtitle{color:var(--text-secondary);font-size:.75rem;font-weight:400}.action-buttons{align-items:center;gap:.75rem;display:flex}.action-btn{cursor:pointer;border:none;-webkit-border-radius:6px;border-radius:6px;justify-content:center;align-items:center;min-width:auto;height:32px;padding:.375rem .875rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background-color .2s,opacity .2s;display:flex}@media (max-width:768px){.action-btn{min-width:40px}}.generate-btn{background-color:var(--bg-primary);color:var(--primary-600);border:none;box-shadow:0 1px 2px #0000000d}.generate-btn:hover:not(.loading){opacity:.9}.generate-btn.loading{opacity:.7;cursor:default}.save-btn{background-color:var(--secondary-100);color:var(--text-primary);border:1px solid var(--secondary-200);-webkit-backdrop-filter:none}.save-btn:hover{background-color:var(--secondary-200)}.upload-btn{background-color:var(--secondary-100);color:var(--text-primary);border:1px solid var(--secondary-200);-webkit-backdrop-filter:none}.upload-btn:hover{background-color:var(--secondary-200)}.user-profile{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 1.25rem;display:flex}.user-avatar{color:#fff;-webkit-border-radius:50%;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;font-weight:700;display:flex}.user-name{text-align:center;align-items:center;gap:.375rem;font-size:1rem;font-weight:600;display:flex}.username-input{text-align:center;background-color:transparent;border:none;border-bottom:1px solid;outline:none;width:100%;padding:.25rem 0;font-size:1rem;font-weight:600}.username-display{align-items:center;gap:.375rem;display:flex}.edit-username-btn{cursor:pointer;background:0 0;border:none;-webkit-border-radius:4px;border-radius:4px;justify-content:center;align-items:center;padding:.25rem;transition:background-color .2s;display:inline-flex}.edit-username-btn:hover{background-color:#0000000d}.user-phone{text-align:center;font-size:.75rem}.user-menu-items{padding:.75rem 0}.menu-item{cursor:pointer;background-color:transparent;border:none;align-items:center;gap:.75rem;width:100%;padding:.75rem 1.25rem;font-size:.875rem;text-decoration:none;transition:background-color .2s;display:flex}.menu-item:hover{background-color:#0000000d}.menu-link{text-decoration:none}.logout-item{color:#ef4444}.logout-item:hover{background-color:#ef44440d}.menu-divider{height:1px;margin:.5rem 0}.user-menu-container{position:relative}.user-menu-trigger{background-color:var(--secondary-100);border:1px solid var(--secondary-200);min-width:32px;height:32px;color:var(--text-primary);cursor:pointer;-webkit-backdrop-filter:none;text-overflow:ellipsis;white-space:nowrap;-webkit-border-radius:6px;border-radius:6px;justify-content:center;align-items:center;max-width:150px;padding:.375rem .875rem;font-size:.875rem;font-weight:500;transition:background-color .2s;display:flex;overflow:hidden}.user-menu-trigger.mobile{max-width:100px}.user-menu-trigger:hover{background-color:var(--secondary-200)}.user-menu-dropdown{z-index:100;background-color:#fff;border:1px solid rgba(0,0,0,.1);-webkit-border-radius:8px;border-radius:8px;flex-direction:column;width:180px;animation:.2s ease-out slideUp;display:flex;position:absolute;top:40px;right:0;overflow:hidden;box-shadow:0 4px 12px #00000014}@keyframes slideUp{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.login-btn{background-color:var(--primary-500);color:#fff;cursor:pointer;-webkit-backdrop-filter:none;border:1px solid transparent;-webkit-border-radius:6px;border-radius:6px;justify-content:center;align-items:center;height:32px;padding:.375rem .875rem;font-size:.875rem;font-weight:500;transition:background-color .2s;display:flex}.login-btn:hover{background-color:var(--primary-600)}.app-header{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);padding:0;box-shadow:0 1px 3px #0000001f}.header{background:var(--bg-primary);border-bottom:1px solid var(--border-primary);color:var(--text-primary);box-shadow:0 1px 3px #0000000a}.header-container{box-sizing:border-box;align-items:center;width:100%;height:56px;padding:.5rem .75rem;display:flex}.header-container.mobile{box-sizing:border-box;height:52px;padding:.5rem .75rem}.header-right{align-items:center;gap:.75rem;margin-left:auto;display:flex}.header-actions{align-items:center;gap:.75rem;display:flex}.auth-modal-content{padding:0}.auth-tabs{border-bottom:1px solid #e5e7eb;margin-bottom:1.5rem;display:flex}.auth-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:2px solid transparent;flex:1;padding:.75rem;font-weight:400;transition:all .2s}.auth-tab.active{color:#6366f1;border-bottom-color:#6366f1;font-weight:600}.auth-tab:hover:not(.active){color:#374151}@media (max-width:640px){.auth-modal-content{padding:0}.auth-tabs{margin-bottom:1rem}.auth-tab{padding:.5rem;font-size:.875rem}}.login-form{width:100%}.form-options{justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.75rem;display:flex}.checkbox-label{color:#374151;cursor:pointer;align-items:center;display:flex}.checkbox-label input{margin-right:.25rem}.forgot-password-btn{color:#6366f1;cursor:pointer;background:0 0;border:none;padding:0;font-size:.75rem;text-decoration:none}.forgot-password-btn:hover{text-decoration:underline}.submit-btn,.register-form{width:100%}.submit-btn,.forgot-password-form{width:100%}.error-alert{color:#dc2626;background-color:#fee2e2;-webkit-border-radius:.375rem;border-radius:.375rem;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.5rem .75rem;font-size:.875rem;display:flex}.error-icon{font-size:1rem}.form-group{margin-bottom:.75rem}.success-text{color:#10b981;margin-top:.25rem;font-size:.75rem}.form-actions{gap:.5rem;margin-top:1rem;display:flex}.back-btn,.submit-btn{flex:1}.verification-code-input{margin-bottom:.75rem}.form-label{color:#374151;margin-bottom:.375rem;font-size:.875rem;font-weight:500;display:block}.code-input-group{gap:.5rem;display:flex}.code-input{flex:1}.form-input{color:#374151;box-sizing:border-box;border:1px solid #d1d5db;-webkit-border-radius:.375rem;border-radius:.375rem;outline:none;width:100%;padding:.5rem .75rem;font-size:.875rem;transition:all .2s;box-shadow:inset 0 1px 2px #0000000d}.form-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.send-code-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#6366f1;border:none;-webkit-border-radius:.375rem;border-radius:.375rem;min-width:80px;padding:.5rem;font-size:.75rem;transition:all .2s}.send-code-btn:hover:not(.disabled){background:#4f46e5}.send-code-btn.disabled{color:#6b7280;cursor:not-allowed;background:#e5e7eb}.error-text{color:#ef4444;margin-top:.25rem;font-size:.75rem}@keyframes fadeInDown{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-backdrop{opacity:0;animation:.2s ease-out forwards fadeIn}.modal-content{opacity:0;animation:.25s ease-out 50ms forwards slideUp;transform:translateY(20px)}@tailwind base;@tailwind components;@tailwind utilities;:root{--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-200:#bfdbfe;--primary-300:#93c5fd;--primary-400:#60a5fa;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--primary-800:#1e40af;--primary-900:#1e3a8a;--secondary-50:#f8fafc;--secondary-100:#f1f5f9;--secondary-200:#e2e8f0;--secondary-300:#cbd5e1;--secondary-400:#94a3b8;--secondary-500:#64748b;--secondary-600:#475569;--secondary-700:#334155;--secondary-800:#1e293b;--secondary-900:#0f172a;--success-50:#f0fdf4;--success-500:#22c55e;--success-600:#16a34a;--warning-50:#fffbeb;--warning-500:#f59e0b;--warning-600:#d97706;--error-50:#fef2f2;--error-500:#ef4444;--error-600:#dc2626;--info-50:#ecfeff;--info-500:#06b6d4;--info-600:#0891b2;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-elevated:#fff;--bg-overlay:rgba(0,0,0,.5);--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--text-disabled:#cbd5e1;--text-inverse:#fff;--border-primary:#e2e8f0;--border-secondary:#f1f5f9;--border-focus:#3b82f6;--border-error:#ef4444;--gradient-primary:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);--gradient-secondary:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);--gradient-success:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);--gradient-warning:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);--gradient-bg-light:linear-gradient(135deg,#fff 0%,#f8fafc 100%);--gradient-bg-primary:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);--font-sans:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"SF Mono","Monaco","Cascadia Code","Roboto Mono","Courier New",monospace;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--spacing-xs:var(--space-1);--spacing-sm:var(--space-2);--spacing-md:var(--space-4);--spacing-lg:var(--space-6);--spacing-xl:var(--space-8);--layout-xs:var(--space-4);--layout-sm:var(--space-6);--layout-md:var(--space-8);--layout-lg:var(--space-12);--layout-xl:var(--space-16)}.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-elevated:#1e293b;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8}html,body{width:100%;min-height:100%;font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-secondary);margin:0;padding:0;overflow-x:hidden}#root{width:100%;min-height:100%;overflow-x:hidden}.monaco-editor{-webkit-border-radius:4px;border-radius:4px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#f1f1f1;-webkit-border-radius:4px;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;-webkit-border-radius:4px;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.fade-in{animation:.3s ease-in-out fadeIn}@apply text-4xl font-bold leading-tight tracking-tight text-gray-900;@apply text-3xl font-semibold leading-tight tracking-tight text-gray-900;@apply text-2xl font-semibold leading-tight text-gray-900;@apply text-xl font-semibold leading-7 text-gray-900;@apply text-lg font-semibold leading-7 text-gray-900;@apply text-base font-semibold leading-6 text-gray-900;@apply text-lg leading-7 text-gray-900;@apply text-base leading-6 text-gray-900;@apply text-sm leading-5 text-gray-600;@apply text-xs leading-4 text-gray-500;@apply text-xl leading-7 text-gray-600;@apply text-sm leading-5 text-gray-500;@apply font-mono text-sm bg-gray-100 px-1 py-0.5 rounded;@media (max-width:640px){@apply text-3xl;@apply text-2xl;@apply text-xl;@apply text-base;}@media (min-width:1024px){@apply text-5xl;@apply text-4xl;}.container-custom{width:100%;padding:0 var(--space-4);margin:0 auto}@media (min-width:640px){.container-custom{max-width:640px;padding:0 var(--space-6)}}@media (min-width:768px){.container-custom{max-width:768px;padding:0 var(--space-8)}}@media (min-width:1024px){.container-custom{max-width:1024px}}@media (min-width:1280px){.container-custom{max-width:1280px}}@media (min-width:1536px){.container-custom{max-width:1536px}}.page-layout{max-width:1200px;margin:0 auto}.page-header{margin-bottom:var(--layout-lg)}.page-title{color:var(--text-primary);margin-bottom:var(--space-2);font-size:2rem;font-weight:700}.page-description{color:var(--text-secondary);font-size:1.125rem}.page-content{gap:var(--layout-md);display:grid}.grid-12{gap:var(--space-6);grid-template-columns:repeat(12,1fr);display:grid}.card-grid{gap:var(--layout-sm);padding:var(--layout-sm);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.stats-grid{gap:var(--layout-sm);margin-bottom:var(--layout-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.card{background:var(--bg-primary);border:1px solid var(--border-primary);-webkit-border-radius:12px;border-radius:12px;transition:all .2s;box-shadow:0 1px 3px #0000001a}.card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.card-header{padding:20px 20px 0}.card-content{padding:20px}.card-footer{border-top:1px solid var(--border-secondary);margin-top:16px;padding:16px 20px 20px}.btn{border:none;-webkit-border-radius:8px;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-lg{height:48px;padding:0 24px;font-size:16px}.btn-md{height:40px;padding:0 16px;font-size:14px}.btn-sm{height:32px;padding:0 12px;font-size:13px}.btn-icon{width:40px;height:40px;padding:0}.btn-primary{background:var(--primary-500);color:#fff}.btn-primary:hover{background:var(--primary-600);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-primary:active{background:var(--primary-700);transform:translateY(0)}.btn-secondary{background:var(--secondary-100);color:var(--secondary-700);border:1px solid var(--secondary-200)}.btn-secondary:hover{background:var(--secondary-200);border-color:var(--secondary-300)}.btn-outline{color:var(--primary-600);border:1.5px solid var(--primary-300);background:0 0}.btn-outline:hover{background:var(--primary-50);border-color:var(--primary-500);color:var(--primary-700)}.btn-ghost{color:var(--secondary-600);background:0 0;border:none}.btn-ghost:hover{background:var(--secondary-100);color:var(--secondary-800)}.input{width:100%;height:40px;color:var(--text-primary);background:var(--bg-primary);border:1.5px solid var(--border-primary);-webkit-border-radius:8px;border-radius:8px;padding:0 12px;font-size:14px;line-height:1.5;transition:all .2s}.input:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px #3b82f61a}.input.error{border-color:var(--error-500);box-shadow:0 0 0 3px #ef44441a}.input:disabled{background:var(--bg-secondary);color:var(--text-disabled);cursor:not-allowed}.input-search{background-position:12px;background-repeat:no-repeat;background-size:16px;padding-left:40px}.textarea{resize:vertical;min-height:80px;padding:12px;line-height:1.5}.form-group{margin-bottom:20px}.form-label{color:var(--text-primary);margin-bottom:6px;font-size:14px;font-weight:500;display:block}.form-help{color:var(--text-tertiary);margin-top:4px;font-size:12px}.form-error{color:var(--error-500);margin-top:4px;font-size:12px}.header{background:var(--bg-primary);border-bottom:1px solid var(--border-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;height:64px;position:sticky;top:0}.sidebar{background:var(--bg-primary);border-right:1px solid var(--border-primary);width:240px;transition:width .2s}.sidebar.collapsed{width:64px}.nav-item{color:var(--text-secondary);-webkit-border-radius:8px;border-radius:8px;align-items:center;margin:2px 8px;padding:8px 16px;transition:all .2s;display:flex}.nav-item:hover{background:var(--secondary-100);color:var(--text-primary)}.nav-item.active{background:var(--primary-100);color:var(--primary-700);font-weight:500}.toast{background:var(--bg-primary);border:1px solid var(--border-primary);-webkit-border-radius:8px;border-radius:8px;min-width:300px;padding:16px;animation:.3s slideIn;box-shadow:0 4px 12px #00000026}.toast.success{border-left:4px solid var(--success-500)}.toast.error{border-left:4px solid var(--error-500)}.toast.warning{border-left:4px solid var(--warning-500)}.loading{color:var(--text-secondary);align-items:center;gap:8px;font-size:14px;display:inline-flex}.spinner{border:2px solid var(--border-primary);border-top:2px solid var(--primary-500);-webkit-border-radius:50%;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}a:focus-visible{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px #3b82f64d}button:focus-visible{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px #3b82f64d}input:focus-visible{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px #3b82f64d}textarea:focus-visible{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px #3b82f64d}select:focus-visible{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px #3b82f64d}.transition-base{transition:all .2s}@keyframes slideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.editor-container{flex-direction:column}.editor-pane,.preview-pane{width:100%;height:50%}}