:root{--primary: #18181b;--primary-hover: #000000;--accent: #3b82f6;--accent-hover: #2563eb;--bg-body: #f4f4f5;--bg-card: #ffffff;--bg-info: #e4e4e7;--input-bg: #ffffff;--text-main: #27272a;--text-muted: #52525b;--border-color: #d4d4d8;--sidebar-bg: #e4e4e7;--sidebar-hover: rgba(0, 0, 0, .05);--success-bg: rgba(59, 130, 246, .15);--success-text: #2563eb;--warning-bg: rgba(217, 119, 6, .2);--warning-text: #d97706;--error-bg: rgba(228, 0, 43, .15);--error-text: #dc2626}[data-theme=dark]{--primary: #f8fafc;--primary-hover: #ffffff;--bg-body: #27272a;--bg-card: #3f3f46;--bg-info: #3f3f46;--input-bg: #18181b;--text-main: #f4f4f5;--text-muted: #a1a1aa;--border-color: #52525b;--sidebar-bg: #1e1e21;--sidebar-hover: rgba(255, 255, 255, .05);--success-bg: rgba(59, 130, 246, .15);--success-text: #60a5fa;--warning-bg: rgba(217, 119, 6, .2);--warning-text: #fbbf24;--error-bg: rgba(228, 0, 43, .15);--error-text: #f87171}[data-theme=antigravity]{--primary: #f8fafc;--primary-hover: #ffffff;--accent: #a855f7;--accent-hover: #9333ea;--bg-body: #09090b;--bg-card: #18181b;--bg-info: #27272a;--input-bg: #09090b;--text-main: #f8fafc;--text-muted: #a1a1aa;--border-color: #27272a;--sidebar-bg: #121214;--sidebar-hover: rgba(168, 85, 247, .1);--success-bg: rgba(6, 182, 212, .15);--success-text: #22d3ee;--warning-bg: rgba(217, 119, 6, .2);--warning-text: #fbbf24;--error-bg: rgba(228, 0, 43, .15);--error-text: #f87171}*{box-sizing:border-box;margin:0;padding:0;font-family:system-ui,-apple-system,sans-serif}body,html{background-color:var(--bg-body);color:var(--text-main);line-height:1.5;height:100vh;overflow:hidden}#root{display:flex;height:100vh;width:100%}.sidebar{width:240px;background:var(--sidebar-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:20px 0;flex-shrink:0}.sidebar-logo{font-size:20px;font-weight:700;color:var(--accent);padding:0 24px 30px}.nav-item{display:flex;align-items:center;width:calc(100% - 20px);margin:4px 10px;padding:12px 16px;background:transparent;border:none;color:var(--text-muted);font-size:15px;font-weight:600;cursor:pointer;transition:.2s cubic-bezier(.4,0,.2,1);border-radius:12px;gap:12px}.nav-item:hover{background:var(--sidebar-hover);color:var(--accent)}.nav-item.active{background:var(--accent);color:#fff;box-shadow:0 4px 12px #3b82f64d}.main-content{flex-grow:1;overflow-y:auto;padding:40px;background:var(--bg-body)}.page-title{font-size:26px;color:var(--primary);margin-bottom:24px;font-weight:700}.card{background:var(--bg-card);border-radius:20px;border:1px solid var(--border-color);margin-bottom:24px;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.card-header{background:#00000026;padding:16px 24px;border-bottom:1px solid var(--border-color);font-weight:700;color:var(--primary);display:flex;justify-content:space-between;align-items:center}.card-body{padding:24px;display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:14px;font-weight:600;color:var(--text-muted)}.form-input{background-color:var(--input-bg);color:var(--primary);padding:14px 18px;border:2px solid var(--border-color);border-radius:14px;font-size:16px;font-family:inherit;outline:none;transition:.2s;width:100%}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #3b82f61a}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:14px;font-weight:700;font-size:15px;cursor:pointer;border:none;transition:.2s transform active,.2s background-color;width:100%}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--border-color);color:var(--primary)}.btn-secondary:hover{background:#6366f1;color:#fff}.output-area{width:100%;min-height:200px;padding:20px;border:2px solid var(--border-color);border-radius:16px;font-family:JetBrains Mono,Fira Code,monospace;font-size:14px;resize:vertical;background:var(--input-bg);color:var(--primary);white-space:pre;outline:none}.output-area:focus{border-color:var(--accent)}.result-box{padding:24px;border-radius:8px;border:1px solid;margin-top:16px}.result-success{background:var(--success-bg);border-color:#3b82f64d}.result-error{background:var(--error-bg);border-color:#e4002b4d;color:var(--error-text);font-weight:700}.info-box{background:var(--bg-info);padding:20px;border-radius:10px;margin-top:20px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}.lang-switcher{position:absolute;top:20px;right:40px;display:flex;gap:8px;z-index:1000}.lang-btn{background:transparent;border:none;font-size:24px;cursor:pointer;opacity:.3;transition:.2s;filter:grayscale(100%)}.lang-btn:hover,.lang-btn.active{opacity:1;filter:grayscale(0%)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--input-bg);border-radius:8px}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#71717a}