@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--su-bg-dark:#0f172a;--su-bg-card:#1e293bb3;--su-bg-glass:#0f172abf;--su-color-primary:#00f2fe;--su-color-primary-accent:#4facfe;--su-gradient-primary:linear-gradient(135deg, #00f2fe 0%, #4facfe 100%);--su-gradient-neon:linear-gradient(135deg, #7928ca 0%, #ff0080 100%);--su-gradient-success:linear-gradient(135deg, #10b981 0%, #059669 100%);--su-gradient-danger:linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--su-gradient-warning:linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--su-text-main:#f8fafc;--su-text-muted:#94a3b8;--su-text-dim:#64748b;--su-glass-blur:blur(16px);--su-glass-border:1px solid #ffffff1a;--su-glass-border-hover:1px solid #00f2fe66;--su-glass-shadow:0 8px 32px 0 #0000005e;--su-input-height:40px;--su-btn-height:40px;--su-radius-sm:6px;--su-radius-md:10px;--su-radius-lg:16px;--su-radius-full:9999px;--su-font-family:"Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--su-font-size-xs:11px;--su-font-size-sm:12px;--su-font-size-base:14px;--su-font-size-lg:16px;--su-font-size-xl:20px;--su-icon-btn-size:40px;--su-icon-size:20px;--su-icon-btn-radius:8px;--su-tooltip-delay:.2s;--su-tooltip-font-size:12px;--su-transition-fast:.15s ease-in-out;--su-transition-normal:.25s ease-in-out}.su-glass-panel{background:var(--su-bg-card);-webkit-backdrop-filter:var(--su-glass-blur);border:var(--su-glass-border);border-radius:var(--su-radius-md);box-shadow:var(--su-glass-shadow);transition:border var(--su-transition-fast), box-shadow var(--su-transition-fast)}.su-glass-panel:hover{border:var(--su-glass-border-hover);box-shadow:0 10px 40px #00f2fe26}.su-dense-input{height:var(--su-input-height);font-size:var(--su-font-size-sm);border-radius:var(--su-radius-sm);color:var(--su-text-main);transition:all var(--su-transition-fast);background:#0f172a99;border:1px solid #ffffff26;outline:none;padding:0 .75rem}.su-dense-input:focus{border-color:var(--su-color-primary);box-shadow:0 0 0 2px #00f2fe33}.su-icon-btn{width:var(--su-icon-btn-size);height:var(--su-icon-btn-size);border-radius:var(--su-icon-btn-radius);color:var(--su-text-main);transition:all var(--su-transition-fast);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;justify-content:center;align-items:center;display:inline-flex}.su-icon-btn svg,.su-icon-btn i{width:var(--su-icon-size);height:var(--su-icon-size);font-size:var(--su-icon-size)}.su-icon-btn:hover{background:#ffffff26;border-color:#00f2fe66}.su-tooltip{font-size:var(--su-tooltip-font-size);transition-delay:var(--su-tooltip-delay)!important}:root{--font-main:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;font-family:var(--font-main);letter-spacing:-.01em;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}}:root{--sentinel-font-family:var(--font-main);--sentinel-bg-primary:var(--bg);--sentinel-text-primary:var(--text-h);--sentinel-text-secondary:var(--text);--sentinel-border-color:var(--border);--sentinel-shadow:var(--shadow);--sentinel-accent-color:var(--accent)}:root[data-theme=dark]{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px;--sentinel-bg-primary:#16171d;--sentinel-text-primary:#f3f4f6;--sentinel-text-secondary:#9ca3af;--sentinel-border-color:#2e303a}*,:before,:after{box-sizing:border-box}html,body{font-family:var(--font-main);text-align:left;background-color:var(--bg-primary,#05070d);color:var(--text-primary,#f8fafc);width:100%!important;height:100%!important;margin:0!important;padding:0!important;position:fixed!important;top:0!important;left:0!important;overflow:hidden!important}#root{text-align:left;font-family:var(--font-main);width:100%!important;height:100dvh!important;margin:0!important;padding:0!important;position:fixed!important;top:0!important;left:0!important;overflow:hidden!important}h1,h2,h3,h4,h5,h6{font-family:var(--font-main);text-align:left;color:var(--text-primary,#f8fafc);letter-spacing:-.015em;margin-top:0}h1{letter-spacing:-.02em!important;margin-top:.5rem!important;margin-bottom:1.25rem!important;font-size:2.25rem!important;font-weight:800!important;line-height:1.2!important}h2{border-bottom:1px solid var(--border-light,#ffffff1a)!important;margin-top:1.75rem!important;margin-bottom:.85rem!important;padding-bottom:.4rem!important;font-size:1.65rem!important;font-weight:700!important;line-height:1.3!important}h3{margin-top:1.4rem!important;margin-bottom:.6rem!important;font-size:1.35rem!important;font-weight:650!important;line-height:1.35!important}h4{margin-top:1.2rem!important;margin-bottom:.5rem!important;font-size:1.15rem!important;font-weight:600!important;line-height:1.4!important}h5{margin-top:1rem!important;margin-bottom:.4rem!important;font-size:1.05rem!important;font-weight:600!important}h6{margin-top:.8rem!important;margin-bottom:.3rem!important;font-size:.95rem!important;font-weight:600!important}p,li,span,label,input,button,textarea,select{font-family:var(--font-main);text-align:left}p{margin-bottom:1rem;line-height:1.6}.mermaid-svg-wrapper,.mermaid,svg.mermaid-svg{text-align:center!important;box-sizing:border-box!important;justify-content:center!important;align-items:center!important;width:100%!important;max-width:100%!important;margin:1.75rem auto!important;display:flex!important}.mermaid-svg-wrapper svg,.mermaid svg{margin:0 auto!important;display:block!important}pre,code,pre code,.hljs{font-family:var(--font-mono)!important;text-align:left!important;white-space:pre!important;word-spacing:normal!important;word-break:normal!important;tab-size:2!important;-webkit-hyphens:none!important;hyphens:none!important;direction:ltr!important;font-size:.88rem!important;line-height:1.5!important}pre{background:var(--bg-primary,#05070d)!important;border:1px solid var(--border-color,#1e293b)!important;border-radius:8px!important;margin:1.25rem 0!important;padding:1.25rem!important;overflow-x:auto!important;box-shadow:0 4px 12px #0003!important}:not(pre)>code{background:var(--badge-bg,#06b6d426)!important;color:var(--accent-secondary,#10b981)!important;border:1px solid var(--border-light,#06b6d433)!important;border-radius:4px!important;padding:.2rem .45rem!important;font-size:.86rem!important}.hourglass-overlay-backdrop{z-index:99999;-webkit-backdrop-filter:blur(10px);background:#05070dc7;justify-content:center;align-items:center;font-family:Outfit,sans-serif;display:flex;position:fixed;inset:0}.hourglass-modal-card{background:var(--bg-glass,#0a0f1bf2);border:1px solid var(--border-color,#06b6d459);text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:24px;flex-direction:column;align-items:center;gap:20px;max-width:420px;padding:36px 48px;display:flex;box-shadow:0 24px 60px #000000a6,0 0 35px #06b6d44d}.hourglass-svg-container{justify-content:center;align-items:center;width:90px;height:108px;display:flex}.hourglass-spin-wrapper{transform-origin:50%;width:90px;height:108px;animation:5.5s cubic-bezier(.77,0,.175,1) infinite hourglass-full-rotation}@keyframes hourglass-full-rotation{0%{transform:rotate(0)}80%{transform:rotate(0)}to{transform:rotate(180deg)}}.hourglass-svg-base{width:90px;height:108px;display:block}@keyframes sand-deplete-anim{0%{transform:translateY(0)}80%{transform:translateY(45px)}to{transform:translateY(45px)}}.sand-top-deplete{animation:5.5s linear infinite sand-deplete-anim}@keyframes sand-fill-anim{0%{transform:translateY(45px)}80%{transform:translateY(0)}to{transform:translateY(0)}}.sand-bottom-fill{animation:5.5s linear infinite sand-fill-anim}@keyframes sand-stream-anim{0%{opacity:1;stroke-dashoffset:0}80%{opacity:1;stroke-dashoffset:-30px}82%{opacity:0}to{opacity:0}}.sand-stream-line{animation:5.5s linear infinite sand-stream-anim}.hourglass-loader-info h3{color:var(--text-primary,#f8fafc);margin:0 0 6px;font-size:1.35rem;font-weight:800}.hourglass-loader-info p{color:var(--text-secondary,#94a3b8);margin:0;font-size:.88rem;line-height:1.4}.hourglass-loader-bar-bg{background:var(--bg-tertiary,#ffffff14);border-radius:10px;width:100%;height:4px;margin-top:4px;overflow:hidden}.hourglass-loader-bar-fill{background:linear-gradient(135deg,#06b6d4 0%,#10b981 100%);border-radius:10px;height:100%;animation:2s ease-in-out infinite indeterminate-bar}.material-symbols-rounded{text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;direction:ltr;font-family:Material Symbols Rounded;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}:root,[data-theme=cyber],[data-theme=dark],[data-theme=light]{--bg-primary:#05070d;--bg-secondary:#0a0f1b;--bg-tertiary:#111a2e;--bg-hover:#1b2842;--text-primary:#f8fafc;--text-secondary:#38bdf8;--text-tertiary:#64748b;--accent-primary:#06b6d4;--accent-secondary:#10b981;--accent-glow:#06b6d466;--border-color:#1e293b;--border-light:#06b6d433;--bg-glass:#0a0f1be0;--theme-gradient:linear-gradient(135deg, #06b6d4 0%, #10b981 100%);--badge-bg:#06b6d426}[data-theme=obsidian]{--bg-primary:#090806;--bg-secondary:#13100a;--bg-tertiary:#1f1911;--bg-hover:#2e2418;--text-primary:#fffbeb;--text-secondary:#fbbf24;--text-tertiary:#a16207;--accent-primary:#f59e0b;--accent-secondary:#d97706;--accent-glow:#f59e0b66;--border-color:#2e2216;--border-light:#f59e0b33;--bg-glass:#13100ae0;--theme-gradient:linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--badge-bg:#f59e0b26}[data-theme=tokyo]{--bg-primary:#080512;--bg-secondary:#100b24;--bg-tertiary:#1a1238;--bg-hover:#2a1b59;--text-primary:#fdf2f8;--text-secondary:#f472b6;--text-tertiary:#a855f7;--accent-primary:#ec4899;--accent-secondary:#8b5cf6;--accent-glow:#ec489966;--border-color:#2b1847;--border-light:#ec489933;--bg-glass:#100b24e0;--theme-gradient:linear-gradient(135deg, #ec4899 0%, #8b5cf6 100%);--badge-bg:#ec489926}[data-theme=nord]{--bg-primary:#070e1b;--bg-secondary:#0e172a;--bg-tertiary:#17253d;--bg-hover:#223759;--text-primary:#f0f9ff;--text-secondary:#7dd3fc;--text-tertiary:#64748b;--accent-primary:#38bdf8;--accent-secondary:#14b8a6;--accent-glow:#38bdf866;--border-color:#1e293b;--border-light:#38bdf833;--bg-glass:#0e172ae0;--theme-gradient:linear-gradient(135deg, #38bdf8 0%, #14b8a6 100%);--badge-bg:#38bdf826}[data-theme=emerald]{--bg-primary:#040e09;--bg-secondary:#081a12;--bg-tertiary:#0f291c;--bg-hover:#17422d;--text-primary:#f0fdf4;--text-secondary:#5eead4;--text-tertiary:#34d399;--accent-primary:#2dd4bf;--accent-secondary:#84cc16;--accent-glow:#2dd4bf66;--border-color:#123826;--border-light:#2dd4bf33;--bg-glass:#081a12e0;--theme-gradient:linear-gradient(135deg, #2dd4bf 0%, #84cc16 100%);--badge-bg:#2dd4bf26}[data-theme=light-modern],[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--bg-hover:#e2e8f0;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#64748b;--accent-primary:#4f46e5;--accent-secondary:#0284c7;--accent-glow:#4f46e540;--border-color:#cbd5e1;--border-light:#4f46e526;--bg-glass:#ffffffeb;--theme-gradient:linear-gradient(135deg, #4f46e5 0%, #0284c7 100%);--badge-bg:#4f46e51f}[data-theme=light-cyber]{--bg-primary:#f0fdf4;--bg-secondary:#fff;--bg-tertiary:#dcfce7;--bg-hover:#bbf7d0;--text-primary:#064e3b;--text-secondary:#047857;--text-tertiary:#059669;--accent-primary:#059669;--accent-secondary:#0891b2;--accent-glow:#05966940;--border-color:#a7f3d0;--border-light:#05966926;--bg-glass:#ffffffeb;--theme-gradient:linear-gradient(135deg, #059669 0%, #0891b2 100%);--badge-bg:#0596691f}[data-theme=light-nord]{--bg-primary:#f0f9ff;--bg-secondary:#fff;--bg-tertiary:#e0f2fe;--bg-hover:#bae6fd;--text-primary:#0c4a6e;--text-secondary:#0369a1;--text-tertiary:#0284c7;--accent-primary:#0284c7;--accent-secondary:#0d9488;--accent-glow:#0284c740;--border-color:#7dd3fc;--border-light:#0284c726;--bg-glass:#ffffffeb;--theme-gradient:linear-gradient(135deg, #0284c7 0%, #0d9488 100%);--badge-bg:#0284c71f}[data-theme=light-paper]{--bg-primary:#fafaf9;--bg-secondary:#fff;--bg-tertiary:#f5f5f4;--bg-hover:#e7e5e4;--text-primary:#1c1917;--text-secondary:#57534e;--text-tertiary:#78716c;--accent-primary:#ea580c;--accent-secondary:#d97706;--accent-glow:#ea580c40;--border-color:#d6d3d1;--border-light:#ea580c26;--bg-glass:#ffffffeb;--theme-gradient:linear-gradient(135deg, #ea580c 0%, #d97706 100%);--badge-bg:#ea580c1f}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100dvh;font-family:Inter,Outfit,system-ui,-apple-system,sans-serif;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}@keyframes hourglass-sand-turn{0%{transform:rotate(0)}75%{transform:rotate(0)}to{transform:rotate(180deg)}}.hourglass-flip-icon{transform-origin:50%;animation:3.2s cubic-bezier(.77,0,.175,1) infinite hourglass-sand-turn;display:inline-block}@keyframes indeterminate-bar{0%{width:0%;margin-left:0%}50%{width:70%;margin-left:15%}to{width:0%;margin-left:100%}}.indeterminate-progress-bar{animation:1.8s ease-in-out infinite indeterminate-bar}@keyframes pulse-gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.app-container{background:linear-gradient(125deg, var(--bg-primary) 0%, var(--bg-secondary) 40%, var(--bg-tertiary) 80%, var(--bg-primary) 100%);background-size:200% 200%;flex-direction:column;width:100%;height:100dvh;animation:15s infinite pulse-gradient;display:flex;position:absolute;inset:0;overflow:hidden}.tab-bar{background:var(--bg-primary);border-bottom:1px solid var(--border-color);z-index:50;box-shadow:none;display:flex;overflow:auto hidden;flex-wrap:nowrap!important;gap:0!important;height:32px!important;min-height:32px!important;max-height:32px!important;margin:0!important;padding:0!important}.tab-btn{background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;white-space:nowrap;box-sizing:border-box;align-items:center;gap:6px;font-weight:500;transition:background .15s,color .15s;display:inline-flex;position:relative;border:none!important;border-right:1px solid var(--border-color)!important;border-bottom:1px solid var(--border-color)!important;border-radius:0!important;flex:0 auto!important;max-width:30%!important;height:32px!important;min-height:32px!important;max-height:32px!important;margin:0!important;padding:0 10px!important;font-size:.78rem!important;overflow:visible!important}.tab-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.tab-btn.active{background:var(--bg-tertiary);color:var(--text-primary);box-shadow:none;font-weight:600;border-bottom:2px solid var(--accent-primary)!important}.tab-btn .tab-content{flex:auto;align-items:center;gap:4px;min-width:0;display:flex;overflow:hidden}.tab-btn .tab-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.close-btn{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;transition:all .15s;display:inline-flex;width:18px!important;min-width:18px!important;height:18px!important;min-height:18px!important;margin:0 0 0 4px!important;padding:0!important}.close-btn:hover{color:#ef4444;background-color:#ef444426}.content{background:var(--bg-secondary);flex-direction:column;flex:1;height:100%;min-height:0;display:flex;overflow:hidden auto}.main-screen{flex-direction:column;flex:1;width:100%;max-width:1600px;min-height:0;margin:0 auto;padding:2rem;display:flex;overflow-y:auto}.section-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-light);border-radius:16px;margin-bottom:2rem;padding:2rem;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d}.rules-list-container{flex-direction:column;gap:10px;max-height:320px;padding-right:8px;display:flex;overflow-y:auto}.rules-list-container::-webkit-scrollbar{width:6px}.rules-list-container::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.rules-list-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.rules-list-container::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.section-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff05 0%,#0000 50%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.section-card h2{color:var(--text-primary);letter-spacing:-.03em;background:linear-gradient(to right, var(--text-primary), var(--text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.75rem;font-size:1.75rem;font-weight:700}.section-card h3{color:var(--text-secondary);margin-bottom:.5rem;font-size:1.1rem;font-weight:500}.upload-section{flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem;display:flex}.upload-box{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-light);border-radius:16px;flex:350px;padding:2rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;box-shadow:0 8px 32px #0003,inset 0 1px #ffffff0d}.upload-box:hover{border-color:#6366f166;transform:translateY(-4px)scale(1.01);box-shadow:0 12px 40px #0006,0 0 20px #6366f126,inset 0 1px #ffffff1a}.btn{cursor:pointer;letter-spacing:.02em;border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;height:38px;padding:0 1.2rem;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative}.primary-btn{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);color:#fff;box-shadow:0 4px 15px var(--accent-glow), inset 0 1px 0 #fff3;text-shadow:0 1px 2px #0003}.primary-btn:hover:not(:disabled){box-shadow:0 8px 25px var(--accent-glow), inset 0 1px 0 #ffffff4d;transform:translateY(-2px)scale(1.02)}.primary-btn:disabled{background:var(--bg-hover);color:var(--text-tertiary);box-shadow:none;cursor:not-allowed;opacity:.6}.secondary-btn{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.secondary-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--text-tertiary)}.clear-btn{color:#ef4444;background:0 0;border:1px solid #ef44444d}.clear-btn:hover:not(:disabled){background:#ef44441a;border-color:#ef4444}.small-btn{border-radius:4px;height:26px!important;padding:0 8px!important;font-size:10px!important}.filter-input{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:10px;width:100%;padding:12px 16px;font-family:JetBrains Mono,Inter,monospace;font-size:.95rem;transition:all .3s;box-shadow:inset 0 2px 4px #0003}.filter-input:focus{border-color:var(--accent-primary);background:var(--bg-secondary);box-shadow:0 0 0 3px var(--accent-glow), inset 0 2px 4px #0003;outline:none}.table-container{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;flex:1;overflow-y:auto;box-shadow:0 12px 40px #0000004d}.winmerge-table{border-collapse:collapse;width:100%}.winmerge-table th{background:var(--bg-tertiary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-secondary);text-align:left;z-index:10;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-light);padding:1rem 1.2rem;font-size:.8rem;font-weight:600;position:sticky;top:0}.winmerge-table td{border-bottom:1px solid var(--border-light);padding:.75rem 1.2rem;font-size:.95rem}.winmerge-table tr:hover td{background:var(--border-light)}.status-badge{letter-spacing:.02em;text-transform:uppercase;border-radius:12px;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.status-identical{color:#4ade80;background:#22c55e1a;border:1px solid #22c55e33}.status-different{color:#facc15;background:#eab3081a;border:1px solid #eab30833}.status-missing{color:#f87171;background:#ef44441a;border:1px solid #ef444433}.profile-card{background:var(--bg-tertiary);cursor:pointer;border:1px solid #60a5fa4d;border-radius:8px;align-items:center;gap:.75rem;padding:.5rem 1rem;transition:all .2s;display:inline-flex}.profile-card:hover{border-color:var(--accent-secondary);background:#60a5fa1a;transform:translateY(-1px)}.matrix-table{border-collapse:collapse;background:var(--bg-glass);border:1px solid var(--border-light);border-radius:12px;width:100%;margin-top:1rem;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.matrix-table thead th{background-color:var(--bg-tertiary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);border-bottom:1px solid var(--border-light);text-align:left;padding:1rem;font-size:.85rem}.folder-row{background:linear-gradient(90deg, var(--bg-tertiary) 0%, transparent 100%)}.folder-row td{text-align:left;letter-spacing:.02em;border-top:1px solid var(--border-light);font-size:.95rem;color:var(--accent-secondary)!important;border-bottom:1px solid var(--border-light)!important;padding:.35rem 1rem!important;font-weight:600!important}.folder-icon{opacity:.8;margin-right:.5rem}.matrix-row{transition:all .2s}.matrix-row:hover{background-color:#ffffff08}.matrix-row td{border-bottom:1px solid var(--border-light)!important;padding:.25rem 1rem!important}.file-name-cell{align-items:center;gap:.5rem;font-size:.9rem;display:flex;color:var(--text-primary)!important;padding-left:2.5rem!important;font-family:Inter,system-ui,-apple-system,sans-serif!important}.file-icon{color:var(--text-secondary);font-size:1.1rem}.action-cell{justify-content:space-between;align-items:center;gap:1rem;display:flex}.matrix-container{flex-wrap:nowrap;padding-bottom:0}.matrix-scroll-area{scrollbar-width:thin;scrollbar-color:#38bdf8 #0e172a;overflow-x:auto;overflow-y:scroll!important}.matrix-scroll-area::-webkit-scrollbar{width:12px!important;height:12px!important;display:block!important}.matrix-scroll-area::-webkit-scrollbar-track{border-radius:6px;background:#0e172a!important}.matrix-scroll-area::-webkit-scrollbar-thumb{border:2px solid #0e172a;border-radius:6px;background:#38bdf8!important}.matrix-scroll-area::-webkit-scrollbar-thumb:hover{background:#14b8a6!important}.toast-container{z-index:10000;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:20px;right:20px}.toast{background:var(--bg-glass);color:var(--text-primary);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;padding:12px 24px;font-size:.95rem;animation:.3s cubic-bezier(.175,.885,.32,1.275) slideInRight;box-shadow:0 4px 12px #00000080}.toast-success{border-left:4px solid #10b981}.toast-error{border-left:4px solid #ef4444}.toast-info{border-left:4px solid var(--accent-primary)}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}sentinel-navbar{background:var(--bg-secondary)!important;border-bottom:1px solid var(--border-color)!important;z-index:100!important;flex-shrink:0!important;width:100%!important;display:block!important;position:relative!important;box-shadow:0 4px 20px #00000040!important}.app-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);z-index:1000;box-sizing:border-box;flex-shrink:0;align-items:center;width:100%;height:44px;min-height:44px;max-height:44px;margin:0;padding:0;display:flex;position:relative;top:0;left:0;overflow:visible}.sidebar-header-col{border-right:1px solid var(--border-color);box-sizing:border-box;flex-shrink:0;align-items:center;width:260px;height:100%;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:visible}.sidebar-header-col.collapsed{width:64px}.desktop-toggle-btn{width:100%;color:var(--text-primary);cursor:pointer;box-sizing:border-box;background:0 0;border:none;justify-content:flex-start;align-items:center;gap:12px;padding:0 16px;font-family:inherit;font-size:.85rem;font-weight:600;transition:background .2s,color .2s;display:flex;height:44px!important;min-height:44px!important;max-height:44px!important}.sidebar-header-col.collapsed .desktop-toggle-btn{justify-content:center;padding:0}.desktop-toggle-btn:hover{background:var(--bg-hover);color:var(--accent-primary)}.toggle-btn-label{white-space:nowrap;text-overflow:ellipsis;color:var(--text-secondary);font-size:.82rem;overflow:hidden}.workspace-header-col{box-sizing:border-box;flex:1;justify-content:space-between;align-items:center;gap:12px;min-width:0;height:100%;padding:0 14px;display:flex;overflow:visible}.header-brand{cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:8px;display:flex}.header-logo{object-fit:contain;width:24px;height:24px}.header-title{color:var(--text-primary);letter-spacing:-.01em;font-size:1rem;font-weight:700}.header-tabs-container{flex:1;align-items:center;min-width:0;height:100%;display:flex;overflow:hidden}.header-tab-bar{align-items:stretch;width:100%;display:flex;overflow:auto hidden;background:0 0!important;border-bottom:none!important;height:100%!important;max-height:100%!important;margin:0!important;padding:0!important}.header-tab-bar .tab-btn{background:#ffffff05;border-top:none!important;border-bottom:2px solid #0000!important;border-right:1px solid var(--border-color)!important;border-left:1px solid var(--border-color)!important;height:100%!important;max-height:100%!important;margin:0!important;padding:0 10px!important;font-size:.78rem!important}.header-tab-bar .tab-btn:hover{background:var(--bg-hover)}.header-tab-bar .tab-btn.active{background:var(--bg-primary);color:var(--text-primary);border-bottom:2px solid var(--accent-primary)!important}.header-workspace-info{color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--border-light);background:#ffffff08;border-radius:6px;align-items:center;gap:8px;max-width:600px;padding:3px 10px;font-size:.76rem;display:flex;overflow:hidden}.header-path-text{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:250px;font-weight:500;overflow:hidden}.header-actions{align-items:center;gap:10px;display:flex;overflow:visible}.header-actions .icon-btn.login-btn{border:1px solid var(--border-light);color:var(--accent-primary);cursor:pointer;background:#38bdf81a;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex;width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important}.header-actions .icon-btn.login-btn:hover{background:#38bdf833;transform:translateY(-1px)}.header-actions .icon-btn.logout-btn{color:#ef4444;cursor:pointer;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex;width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important}.header-actions .icon-btn.logout-btn:hover{background:#ef444433;transform:translateY(-1px)}.app-body{flex-direction:row;flex:1;min-height:0;display:flex;overflow:hidden}.app-sidebar{background:var(--bg-secondary,#0a0f1b);border-right:1px solid var(--border-color,#1e293b);box-sizing:border-box;z-index:90;border-bottom:none;border-left:none;flex-direction:column;flex-shrink:0;gap:4px;width:260px;height:100%;padding:12px 10px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden auto}.app-sidebar::-webkit-scrollbar{width:5px}.app-sidebar.collapsed{width:64px;overflow-x:visible!important}.app-sidebar.collapsed [data-tooltip]:after{z-index:999999!important;inset:50% auto auto calc(100% + 10px)!important;transform:translateY(-50%)translate(-4px)!important}.app-sidebar.collapsed [data-tooltip]:hover:after{opacity:1!important;visibility:visible!important;transform:translateY(-50%)translate(0)!important}.sidebar-btn{color:var(--text-secondary);cursor:pointer;white-space:nowrap;box-sizing:border-box;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:.85rem;font-weight:500;transition:all .2s;width:100%!important;display:flex!important}.sidebar-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-btn.active{background:var(--bg-tertiary);color:var(--accent-secondary);border:1px solid var(--border-light)}.app-main{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.app-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);min-height:28px;color:var(--text-tertiary);box-sizing:border-box;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:4px 14px;font-size:.65rem;display:flex}.app-footer a,.app-footer span{font-size:.65rem;line-height:1.2}.diff-screen{max-width:100%!important;margin:0!important;padding:0!important}.diff-headers{background:var(--bg-tertiary);width:100%;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:4px;justify-content:space-between;margin-bottom:5px;padding:5px 10px;font-size:.85rem;font-weight:700;display:flex}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;border-radius:6px;padding:5px 10px;font-size:.75rem;font-weight:500;transition:all .18s cubic-bezier(.175,.885,.32,1.275);position:absolute;bottom:120%;left:50%;transform:translate(-50%)translateY(5px);box-shadow:0 8px 24px #0009;color:#f8fafc!important;z-index:999999!important;background:#0f172af5!important;border:1px solid #38bdf84d!important}[data-tooltip]:hover:after,[data-tooltip]:focus-visible:after{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.app-header [data-tooltip]:after,.tab-bar [data-tooltip]:after,.editor-header [data-tooltip]:after,.matrix-wrapper [data-tooltip]:after{top:calc(100% + 6px)!important;bottom:auto!important;transform:translate(-50%)translateY(-4px)!important}.app-header [data-tooltip]:hover:after,.tab-bar [data-tooltip]:hover:after,.editor-header [data-tooltip]:hover:after,.matrix-wrapper [data-tooltip]:hover:after{opacity:1!important;visibility:visible!important;transform:translate(-50%)translateY(0)!important}.header-actions [data-tooltip]:after,.diff-actions-right [data-tooltip]:after,.editor-header>div:last-child [data-tooltip]:after,.tab-btn:last-child [data-tooltip]:after{left:auto!important;right:0!important;transform:translateY(-4px)!important}.header-actions [data-tooltip]:hover:after,.diff-actions-right [data-tooltip]:hover:after,.editor-header>div:last-child [data-tooltip]:hover:after,.tab-btn:last-child [data-tooltip]:hover:after{transform:translateY(0)!important}.sidebar-header-col [data-tooltip]:after,.tab-bar>.tab-btn:first-child [data-tooltip]:after{left:0!important;right:auto!important;transform:translateY(-4px)!important}.sidebar-header-col [data-tooltip]:hover:after,.tab-bar>.tab-btn:first-child [data-tooltip]:hover:after{transform:translateY(0)!important}.editor-screen{overflow:visible!important}.editor-header{z-index:150!important;position:relative!important;overflow:visible!important}input:not([type=checkbox]):not([type=radio]),select,button:not(.tab-btn):not(.close-btn):not(.icon-btn):not(.desktop-toggle-btn):not(.small-btn):not(.mode-badge-label):not(.app-mode-badge){box-sizing:border-box;height:40px!important;font-size:11px!important}.premium-modal{width:100vw!important;max-width:800px!important;padding:0!important}.premium-modal .custom-modal-content{padding:0!important}.premium-modal header{width:100%}.main-screen-title{color:var(--text-primary);margin-bottom:20px}.config-card{margin-bottom:20px}.config-card-title{margin-bottom:15px}.config-row{align-items:center;gap:10px;margin-bottom:15px;display:flex}.config-label{width:100px;color:var(--text-primary);text-align:left;font-weight:700}.config-input-readonly{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:4px;flex:1;padding:10px}.config-action-btn{height:38px;padding:0 12px!important}.config-action-bar{justify-content:center;gap:10px;display:flex}.config-row{border:1px solid #0000;border-radius:6px;padding:4px;transition:all .2s ease-in-out}.config-row.drag-over{background:#a78bfa14;border:2px dashed #a78bfa;box-shadow:0 0 10px #a78bfa26}.mobile-menu-btn{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:6px 10px;transition:background .2s;display:none}.mobile-menu-btn:hover{background:var(--bg-hover)}.sidebar-backdrop{display:none}@media (width<=1024px){.header-ad-container,aside[style*="width: 180px"]{display:none!important}}@media (width<=540px){html,body{overflow-x:hidden}.mobile-menu-btn{display:flex!important}.app-header{gap:8px!important;padding:8px 12px!important}.app-header h1{margin:0!important;font-size:1.1rem!important}.header-actions{gap:6px!important}.header-actions .btn{padding:6px 8px!important;font-size:.75rem!important}.header-divider{display:none!important}.user-email-text{max-width:75px!important;font-size:.72rem!important}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);z-index:9998;background:#000000a6;position:fixed;inset:0;display:block!important}.app-sidebar{z-index:9999!important;width:280px!important;height:100vh!important;transition:left .3s cubic-bezier(.4,0,.2,1)!important;position:fixed!important;top:0!important;left:-290px!important;box-shadow:4px 0 30px #000000b3!important}.app-sidebar.mobile-open{left:0!important}.toggle-collapse-btn{display:none!important}.tab-bar{-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important;gap:4px!important;padding:6px 8px!important;overflow-x:auto!important}.tab-btn{white-space:nowrap!important;flex-shrink:0!important;padding:8px 14px!important;font-size:.8rem!important}.config-row{flex-direction:column!important;align-items:stretch!important}.config-label{width:100%!important}.config-action-bar{flex-wrap:wrap!important}.diff-screen{padding:8px!important}.diff-headers{flex-direction:column!important;gap:4px!important}.app-footer,.desktop-toggle-btn{display:none!important}}.legal-page-container,.markdown-container,.page-container{color:var(--text-primary)!important;font-family:Outfit,sans-serif!important;font-size:.95rem!important;line-height:1.7!important}.legal-page-container p,.markdown-container p,.page-container p{color:var(--text-secondary)!important}.legal-page-container section,.section-card,.pricing-card,.faq-card{background:var(--bg-secondary)!important;border:1px solid var(--border-light)!important;box-shadow:0 4px 20px var(--accent-glow), inset 0 1px 0 #ffffff0d!important;border-radius:12px!important;margin-bottom:25px!important;padding:25px!important;transition:all .3s!important}.legal-page-container section:hover,.section-card:hover,.pricing-card:hover,.faq-card:hover{border-color:var(--accent-primary)!important;box-shadow:0 8px 30px var(--accent-glow), inset 0 1px 0 #ffffff1a!important;transform:translateY(-2px)!important}.legal-page-container h2,.legal-page-container h3,.section-card h3,.pricing-card h2,.pricing-card h3,.faq-card h2{color:var(--accent-secondary)!important;align-items:center!important;gap:10px!important;margin-top:0!important;margin-bottom:15px!important;font-size:1.25rem!important;font-weight:700!important}.premium-btn-primary,.premium-btn-secondary{cursor:pointer!important;border:none!important;border-radius:8px!important;outline:none!important;justify-content:center!important;align-items:center!important;gap:8px!important;padding:12px 24px!important;font-family:Outfit,sans-serif!important;font-size:.95rem!important;font-weight:600!important;text-decoration:none!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;display:inline-flex!important}.premium-btn-primary{background:var(--theme-gradient,linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%))!important;color:#fff!important;box-shadow:0 4px 15px var(--accent-glow)!important}.premium-btn-primary:hover{box-shadow:0 6px 20px var(--accent-glow)!important;transform:translateY(-2px)scale(1.02)!important}.premium-btn-primary:active{transform:translateY(0)scale(.98)!important}.premium-btn-secondary{color:var(--text-primary)!important;border:1px solid var(--border-light)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ffffff0d!important}.premium-btn-secondary:hover{border-color:var(--accent-primary)!important;color:var(--accent-primary)!important;background:#ffffff1a!important;transform:translateY(-2px)!important}.premium-input,.premium-select{background:var(--bg-tertiary)!important;border:1px solid var(--border-light)!important;width:100%!important;color:var(--text-primary)!important;box-sizing:border-box!important;border-radius:8px!important;padding:10px 16px!important;font-family:Outfit,sans-serif!important;font-size:.95rem!important;transition:all .3s!important}.premium-input:focus,.premium-select:focus,.premium-btn-primary:focus-visible,.premium-btn-secondary:focus-visible{border-color:var(--accent-primary)!important;box-shadow:0 0 0 3px var(--badge-bg)!important;outline:none!important}.premium-badge{background:var(--badge-bg)!important;color:var(--accent-primary)!important;text-transform:uppercase!important;letter-spacing:.05em!important;border:1px solid var(--border-light)!important;white-space:nowrap!important;border-radius:50px!important;align-items:center!important;padding:4px 12px!important;font-size:.75rem!important;font-weight:700!important;display:inline-flex!important}.premium-link{color:var(--accent-primary)!important;font-weight:500!important;text-decoration:none!important;transition:color .3s!important;position:relative!important}.premium-link:hover{color:var(--accent-secondary)!important}.premium-link:after{content:""!important;background-color:var(--accent-secondary)!important;transform-origin:100% 100%!important;width:100%!important;height:2px!important;transition:transform .3s cubic-bezier(.86,0,.07,1)!important;position:absolute!important;bottom:-2px!important;left:0!important;transform:scaleX(0)!important}.premium-link:hover:after{transform-origin:0 100%!important;transform:scaleX(1)!important}.premium-modal{-webkit-backdrop-filter:blur(16px)saturate(180%)!important;border:1px solid var(--border-light)!important;z-index:9999!important;background:#0a0f1bbf!important;border-radius:16px!important;box-shadow:0 20px 40px #0006,inset 0 1px #ffffff1a!important}.premium-tooltip{background:var(--bg-tertiary)!important;color:var(--text-primary)!important;border:1px solid var(--border-light)!important;z-index:10000!important;border-radius:6px!important;padding:8px 12px!important;font-size:.8rem!important;box-shadow:0 4px 15px #0000004d!important}.premium-table,.markdown-body table{border-collapse:collapse!important;border:1px solid var(--border-light)!important;border-radius:8px!important;width:100%!important;margin:1.5rem 0!important;font-size:.9rem!important;overflow:hidden!important;box-shadow:0 4px 15px #0000001a!important}.premium-table th,.markdown-body table th{background:var(--bg-tertiary)!important;color:var(--accent-secondary)!important;text-align:left!important;border-bottom:2px solid var(--border-color)!important;padding:14px 16px!important;font-weight:700!important}.premium-table td,.markdown-body table td{border-bottom:1px solid var(--border-light)!important;color:var(--text-primary)!important;padding:12px 16px!important}.premium-table tr:last-child td,.markdown-body table tr:last-child td{border-bottom:none!important}.premium-table tr:nth-child(2n),.markdown-body table tr:nth-child(2n){background:#ffffff05!important}.premium-table tr:hover,.markdown-body table tr:hover{background:var(--bg-hover)!important}.premium-skeleton{background:linear-gradient(90deg, var(--bg-secondary) 25%, var(--bg-tertiary) 50%, var(--bg-secondary) 75%)!important;background-size:200% 100%!important;border-radius:4px!important;width:100%!important;animation:1.5s ease-in-out infinite skeletonLoading!important}@keyframes skeletonLoading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:15px;margin-bottom:10px}.skeleton-title{width:60%;height:30px;margin-bottom:20px}.skeleton-block{border-radius:8px;height:200px;margin-top:15px}.markdown-body img{border:1px solid var(--border-light)!important;border-radius:8px!important;max-width:100%!important;height:auto!important;margin:1.5rem 0!important;display:block!important;box-shadow:0 4px 20px #0003!important}.markdown-body pre::-webkit-scrollbar{height:6px!important}.markdown-body pre::-webkit-scrollbar-track{background:var(--bg-primary)!important;border-radius:4px!important}.markdown-body pre::-webkit-scrollbar-thumb{background:var(--border-color)!important;border-radius:4px!important}.markdown-body pre::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)!important}@media (width<=768px){body,#root{font-size:14px!important}#dynamic-topic-container,.landing-container,.section-card,.main-screen{padding:1rem!important}.markdown-body table{white-space:nowrap!important;display:block!important;overflow-x:auto!important}h1{font-size:1.5rem!important}h2{font-size:1.25rem!important}h3{font-size:1.1rem!important}.hero-grid,.features-grid,.topics-grid{grid-template-columns:1fr!important}}@media (width<=480px){#dynamic-topic-container,.main-screen{padding:.5rem!important}.btn{justify-content:center!important;width:100%!important}}.icon-btn{box-sizing:border-box;border:none;border-radius:6px;width:36px;height:36px;cursor:pointer!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;display:flex!important;position:relative!important}.icon-btn .material-symbols-rounded{font-size:20px}.app-mode-badge{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:20px;outline:none;align-items:center;gap:6px;margin-left:4px;padding:4px 10px;font-family:inherit;font-size:.72rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative}.app-mode-badge.autocontenida{color:#10b981;background:#10b9811f;border-color:#10b9814d}.app-mode-badge.autocontenida:hover{background:#10b98138;transform:translateY(-1px);box-shadow:0 0 12px #10b98159}.app-mode-badge.web{color:#38bdf8;background:#38bdf81f;border-color:#38bdf84d}.app-mode-badge.web:hover{background:#38bdf838;transform:translateY(-1px);box-shadow:0 0 12px #38bdf859}@media (width<=600px){.app-mode-badge .mode-badge-label{display:none}.app-mode-badge{padding:4px 6px}}