#app[data-v-5b5d1c64]{width:100%;max-width:none;display:flex;flex-direction:column;min-height:100vh}header[data-v-5b5d1c64]{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 2rem;margin-bottom:1rem;background:linear-gradient(135deg,rgba(0,0,0,.15),rgba(0,0,0,.05));border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 4px 20px #00000026;position:sticky;top:0;z-index:200;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fadeIn-5b5d1c64 .5s ease-out;border-radius:0 0 16px 16px}.logo-section[data-v-5b5d1c64]{display:flex;align-items:center;gap:12px}.logo-icon[data-v-5b5d1c64]{font-size:2rem;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px rgba(67,97,238,.3));animation:pulse-5b5d1c64 2s ease-in-out infinite}@keyframes fadeIn-5b5d1c64{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-5b5d1c64{0%,to{transform:scale(1);filter:drop-shadow(0 2px 4px rgba(67,97,238,.3))}50%{transform:scale(1.05);filter:drop-shadow(0 4px 8px rgba(67,97,238,.5))}}.title-text[data-v-5b5d1c64]{display:flex;flex-direction:column;gap:2px}.app-title[data-v-5b5d1c64]{font-size:1.9rem;font-weight:700;margin:0;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:.5px;position:relative}.title-container[data-v-5b5d1c64]{display:flex;align-items:center;gap:20px;flex:1}.app-subtitle[data-v-5b5d1c64]{font-size:1.1rem;color:var(--accent);opacity:.9;font-weight:500;white-space:nowrap;position:relative;animation:fadeIn-5b5d1c64 .5s ease-out;border-left:2px solid var(--accent);padding-left:15px}.header-controls[data-v-5b5d1c64]{display:flex;align-items:center;gap:8px}.control-group[data-v-5b5d1c64]{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.05);padding:4px;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.control-btn[data-v-5b5d1c64]{background:transparent;border:none;cursor:pointer;padding:8px;border-radius:8px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--text)}.control-btn[data-v-5b5d1c64]:hover{background:rgba(255,255,255,.1);transform:translateY(-1px)}.theme-btn[data-v-5b5d1c64]{position:relative}.theme-icon[data-v-5b5d1c64]{font-size:1.2rem;transition:transform .3s ease}.theme-btn:hover .theme-icon[data-v-5b5d1c64]{transform:rotate(20deg) scale(1.1)}.fullscreen-icon[data-v-5b5d1c64]{position:relative;width:14px;height:14px;border:2px solid currentColor;border-radius:2px}.fullscreen-icon[data-v-5b5d1c64]:before{content:"";position:absolute;width:5px;height:5px;border-top:2px solid currentColor;border-right:2px solid currentColor;top:-3px;right:-3px}.fullscreen-icon[data-v-5b5d1c64]:after{content:"";position:absolute;width:5px;height:5px;border-bottom:2px solid currentColor;border-left:2px solid currentColor;bottom:-3px;left:-3px}.exit-fullscreen[data-v-5b5d1c64]{border-width:0}.exit-fullscreen[data-v-5b5d1c64]:before{width:6px;height:6px;top:0;right:0}.exit-fullscreen[data-v-5b5d1c64]:after{width:6px;height:6px;bottom:0;left:0}.main-content[data-v-5b5d1c64]{flex:1;padding:0 1rem;animation:contentFadeIn-5b5d1c64 .6s ease-out}@keyframes contentFadeIn-5b5d1c64{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.footer[data-v-5b5d1c64]{margin-top:3rem;padding:2rem 2rem 1.5rem;text-align:center;color:var(--text-muted);font-size:.9rem;border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,rgba(0,0,0,.15),rgba(0,0,0,.05));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px 16px 0 0}.footer-content[data-v-5b5d1c64]{display:flex;flex-direction:column;gap:1.5rem;max-width:1200px;margin:0 auto}.footer-info[data-v-5b5d1c64]{display:flex;flex-direction:column;gap:.75rem}.footer-title[data-v-5b5d1c64]{margin:0;font-size:1.1rem;color:var(--text);font-weight:600}.footer-meta[data-v-5b5d1c64]{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap;font-size:.85rem;opacity:.9}.version-info[data-v-5b5d1c64]{color:var(--accent);font-weight:500}.build-info[data-v-5b5d1c64],.tech-info[data-v-5b5d1c64]{color:var(--text-muted)}.separator[data-v-5b5d1c64]{color:var(--text-muted);opacity:.5}.footer-actions[data-v-5b5d1c64]{display:flex;justify-content:center;gap:1rem}.footer-button[data-v-5b5d1c64]{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:var(--text-muted);padding:.6rem 1.2rem;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:.85rem;display:flex;align-items:center;gap:.5rem}.footer-button[data-v-5b5d1c64]:hover{background:rgba(255,255,255,.15);color:var(--text);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.button-icon[data-v-5b5d1c64]{font-size:1rem}.footer-bottom[data-v-5b5d1c64]{padding-top:1rem;border-top:1px solid rgba(255,255,255,.05);margin-top:1rem}.copyright[data-v-5b5d1c64]{margin:0;font-size:.8rem;display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.footer-link[data-v-5b5d1c64]{color:var(--accent);text-decoration:none;transition:all .3s ease;font-weight:500;display:inline-flex;align-items:center;gap:.25rem}.footer-link[data-v-5b5d1c64]:hover{color:var(--primary);text-decoration:underline;text-underline-offset:3px}.link-icon[data-v-5b5d1c64]{font-size:.9rem}.license[data-v-5b5d1c64]{color:var(--text-muted);opacity:.8}.icon[data-v-5b5d1c64]{display:inline-block;margin-right:.5rem}.fixed-nav-container[data-v-5b5d1c64]{position:sticky;top:0;z-index:200;width:100%}.nav-shadow[data-v-5b5d1c64]{position:absolute;bottom:-10px;left:0;right:0;height:10px;background:linear-gradient(to bottom,rgba(0,0,0,.1),transparent);z-index:1;pointer-events:none}.nav[data-v-5b5d1c64]{overflow-x:auto;padding:.75rem;white-space:nowrap;margin-bottom:2rem;background:linear-gradient(to right,var(--surface),rgba(15,52,96,.9));border-radius:0 0 12px 12px;transition:all .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nav-container[data-v-5b5d1c64]{display:flex;justify-content:center;align-items:center;flex-wrap:nowrap}.nav[data-v-5b5d1c64]::-webkit-scrollbar{height:4px}.nav[data-v-5b5d1c64]::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:4px}.nav[data-v-5b5d1c64]::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}.nav-link[data-v-5b5d1c64]{position:relative;margin:0 .5rem;padding:.5rem 1rem;border-radius:6px;transition:all .3s ease}.nav-link[data-v-5b5d1c64]:hover{background:rgba(255,255,255,.05)}.nav-link.router-link-active[data-v-5b5d1c64]{background:rgba(var(--primary-rgb),.15);box-shadow:0 2px 8px rgba(var(--primary-rgb),.2)}.nav-link[data-v-5b5d1c64]:after{content:"";position:absolute;bottom:-3px;left:50%;width:0;height:3px;background:var(--accent);transition:all .3s ease;transform:translate(-50%);border-radius:3px;opacity:0}.nav-link[data-v-5b5d1c64]:hover:after{width:80%;opacity:1}.nav-link.active[data-v-5b5d1c64]:after{width:100%;opacity:1}.header-controls[data-v-5b5d1c64]{display:flex;align-items:center}.mobile-only[data-v-5b5d1c64]{display:none}.menu-btn[data-v-5b5d1c64]{background:transparent;border:none;width:32px;height:32px;position:relative;margin-right:1rem;cursor:pointer}.menu-icon[data-v-5b5d1c64],.menu-icon[data-v-5b5d1c64]:before,.menu-icon[data-v-5b5d1c64]:after{position:absolute;width:24px;height:3px;background:var(--text);border-radius:2px;transition:all .3s ease}.menu-icon[data-v-5b5d1c64]{top:14px;left:4px}.menu-icon[data-v-5b5d1c64]:before{content:"";top:-8px;left:0}.menu-icon[data-v-5b5d1c64]:after{content:"";top:8px;left:0}.menu-open .menu-icon[data-v-5b5d1c64]{background:transparent}.menu-open .menu-icon[data-v-5b5d1c64]:before{transform:rotate(45deg) translate(5px,5px)}.menu-open .menu-icon[data-v-5b5d1c64]:after{transform:rotate(-45deg) translate(5px,-5px)}.nav-toggle-icon[data-v-5b5d1c64]{position:relative;width:18px;height:12px}.nav-toggle-icon[data-v-5b5d1c64]:before,.nav-toggle-icon[data-v-5b5d1c64]:after{content:"";position:absolute;width:18px;height:2px;background:currentColor;left:0}.nav-toggle-icon[data-v-5b5d1c64]:before{top:0}.nav-toggle-icon[data-v-5b5d1c64]:after{bottom:0}.nav-toggle-icon[data-v-5b5d1c64]:after{box-shadow:0 -5px 0 currentColor}.nav-hidden-icon[data-v-5b5d1c64]:before,.nav-hidden-icon[data-v-5b5d1c64]:after{top:5px}.nav-hidden-icon[data-v-5b5d1c64]:after{box-shadow:none}.tool-description[data-v-5b5d1c64]{font-size:1.2rem;color:var(--text-muted);margin-bottom:2rem;max-width:800px;line-height:1.6;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.05)}.fixed-nav-container.nav-hidden .nav[data-v-5b5d1c64],.fixed-nav-container.nav-hidden .nav-shadow[data-v-5b5d1c64]{display:none}.fixed-nav-container.nav-hidden+.main-content[data-v-5b5d1c64]{padding-top:1rem}.nav-hidden header[data-v-5b5d1c64]{margin-bottom:0;border-bottom-left-radius:12px;border-bottom-right-radius:12px}:fullscreen #app .fixed-nav-container.nav-hidden header[data-v-5b5d1c64],:-webkit-full-screen #app .fixed-nav-container.nav-hidden header[data-v-5b5d1c64],:-ms-fullscreen #app .fixed-nav-container.nav-hidden header[data-v-5b5d1c64]{background:rgba(0,0,0,.3)}:fullscreen #app .fixed-nav-container.nav-hidden[data-v-5b5d1c64],:-webkit-full-screen #app .fixed-nav-container.nav-hidden[data-v-5b5d1c64],:-ms-fullscreen #app .fixed-nav-container.nav-hidden[data-v-5b5d1c64]{margin-bottom:.5rem}:fullscreen #app.is-fullscreen .fixed-nav-container.nav-hidden+.main-content[data-v-5b5d1c64],:-webkit-full-screen #app.is-fullscreen .fixed-nav-container.nav-hidden+.main-content[data-v-5b5d1c64],:-ms-fullscreen #app.is-fullscreen .fixed-nav-container.nav-hidden+.main-content[data-v-5b5d1c64]{padding-top:.5rem}#app.is-fullscreen .main-content[data-v-5b5d1c64]{padding:1rem 2rem;transition:padding .3s ease}@media (max-width: 768px){header[data-v-5b5d1c64]{padding:1rem;border-radius:0 0 12px 12px}.logo-section[data-v-5b5d1c64]{gap:8px}.logo-icon[data-v-5b5d1c64]{font-size:1.6rem}.app-title[data-v-5b5d1c64]{font-size:1.4rem}.title-container[data-v-5b5d1c64]{flex-direction:column;align-items:flex-start;gap:8px}.app-subtitle[data-v-5b5d1c64]{font-size:.9rem;padding-left:12px}.control-group[data-v-5b5d1c64]{gap:4px;padding:2px}.control-btn[data-v-5b5d1c64]{width:32px;height:32px;padding:6px}.footer[data-v-5b5d1c64]{padding:1.5rem 1rem 1rem;border-radius:12px 12px 0 0}.footer-content[data-v-5b5d1c64]{gap:1rem}.footer-meta[data-v-5b5d1c64]{flex-direction:column;gap:.5rem}.copyright[data-v-5b5d1c64]{flex-direction:column;gap:.25rem;line-height:1.6}.mobile-only[data-v-5b5d1c64]{display:block}.nav[data-v-5b5d1c64]{position:fixed;top:64px;left:0;right:0;height:0;overflow:hidden;margin:0;padding:0;transition:height .3s ease;border-radius:0;z-index:300}.nav.menu-open[data-v-5b5d1c64]{height:calc(100vh - 64px);overflow-y:auto;padding:1rem}.nav-container[data-v-5b5d1c64]{flex-direction:column;align-items:stretch}.nav-link[data-v-5b5d1c64]{margin:.5rem 0;padding:1rem;font-size:1.1rem;text-align:left}}.tools-grid[data-v-72a5d862]{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:2rem 0}.tool-card[data-v-72a5d862]{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem;transition:all .3s ease;position:relative;overflow:hidden}.tool-card[data-v-72a5d862]:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0003}.tool-icon[data-v-72a5d862]{font-size:2.5rem;margin-bottom:1rem;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:50%;width:70px;height:70px;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 15px #0003}h1[data-v-72a5d862]{font-size:2.5rem;margin-bottom:.5rem;background:linear-gradient(90deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}h3[data-v-72a5d862]{margin:1rem 0;font-size:1.5rem}.container>p[data-v-72a5d862]{font-size:1.2rem;color:var(--text-muted);max-width:600px;margin:0 auto 2rem}.tool-card p[data-v-72a5d862]{margin-bottom:2rem;flex-grow:1}.tool-card .btn[data-v-72a5d862]{width:100%}:host,:root{--d2h-bg-color:#fff;--d2h-border-color:#ddd;--d2h-dim-color:rgba(0,0,0,.3);--d2h-line-border-color:#eee;--d2h-file-header-bg-color:#f7f7f7;--d2h-file-header-border-color:#d8d8d8;--d2h-empty-placeholder-bg-color:#f1f1f1;--d2h-empty-placeholder-border-color:#e1e1e1;--d2h-selected-color:#c8e1ff;--d2h-ins-bg-color:#dfd;--d2h-ins-border-color:#b4e2b4;--d2h-ins-highlight-bg-color:#97f295;--d2h-ins-label-color:#399839;--d2h-del-bg-color:#fee8e9;--d2h-del-border-color:#e9aeae;--d2h-del-highlight-bg-color:#ffb6ba;--d2h-del-label-color:#c33;--d2h-change-del-color:#fdf2d0;--d2h-change-ins-color:#ded;--d2h-info-bg-color:#f8fafd;--d2h-info-border-color:#d5e4f2;--d2h-change-label-color:#d0b44c;--d2h-moved-label-color:#3572b0;--d2h-dark-color:#e6edf3;--d2h-dark-bg-color:#0d1117;--d2h-dark-border-color:#30363d;--d2h-dark-dim-color:#6e7681;--d2h-dark-line-border-color:#21262d;--d2h-dark-file-header-bg-color:#161b22;--d2h-dark-file-header-border-color:#30363d;--d2h-dark-empty-placeholder-bg-color:hsla(215,8%,47%,.1);--d2h-dark-empty-placeholder-border-color:#30363d;--d2h-dark-selected-color:rgba(56,139,253,.1);--d2h-dark-ins-bg-color:rgba(46,160,67,.15);--d2h-dark-ins-border-color:rgba(46,160,67,.4);--d2h-dark-ins-highlight-bg-color:rgba(46,160,67,.4);--d2h-dark-ins-label-color:#3fb950;--d2h-dark-del-bg-color:rgba(248,81,73,.1);--d2h-dark-del-border-color:rgba(248,81,73,.4);--d2h-dark-del-highlight-bg-color:rgba(248,81,73,.4);--d2h-dark-del-label-color:#f85149;--d2h-dark-change-del-color:rgba(210,153,34,.2);--d2h-dark-change-ins-color:rgba(46,160,67,.25);--d2h-dark-info-bg-color:rgba(56,139,253,.1);--d2h-dark-info-border-color:rgba(56,139,253,.4);--d2h-dark-change-label-color:#d29922;--d2h-dark-moved-label-color:#3572b0}.d2h-wrapper{text-align:left}.d2h-file-header{background-color:#f7f7f7;background-color:var(--d2h-file-header-bg-color);border-bottom:1px solid #d8d8d8;border-bottom:1px solid var(--d2h-file-header-border-color);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:Source Sans Pro,Helvetica Neue,Helvetica,Arial,sans-serif;height:35px;padding:5px 10px}.d2h-file-header.d2h-sticky-header{position:sticky;top:0;z-index:1}.d2h-file-stats{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;margin-left:auto}.d2h-lines-added{border:1px solid #b4e2b4;border:1px solid var(--d2h-ins-border-color);border-radius:5px 0 0 5px;color:#399839;color:var(--d2h-ins-label-color);padding:2px;text-align:right;vertical-align:middle}.d2h-lines-deleted{border:1px solid #e9aeae;border:1px solid var(--d2h-del-border-color);border-radius:0 5px 5px 0;color:#c33;color:var(--d2h-del-label-color);margin-left:1px;padding:2px;text-align:left;vertical-align:middle}.d2h-file-name-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:15px;width:100%}.d2h-file-name{overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.d2h-file-wrapper{border:1px solid #ddd;border:1px solid var(--d2h-border-color);border-radius:3px;margin-bottom:1em}.d2h-file-collapse{-webkit-box-pack:end;-ms-flex-pack:end;cursor:pointer;display:none;font-size:12px;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid #ddd;border:1px solid var(--d2h-border-color);border-radius:3px;padding:4px 8px}.d2h-file-collapse.d2h-selected{background-color:#c8e1ff;background-color:var(--d2h-selected-color)}.d2h-file-collapse-input{margin:0 4px 0 0}.d2h-diff-table{border-collapse:collapse;font-family:Menlo,Consolas,monospace;font-size:13px;width:100%}.d2h-files-diff{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.d2h-file-diff{overflow-y:hidden}.d2h-file-diff.d2h-d-none,.d2h-files-diff.d2h-d-none{display:none}.d2h-file-side-diff{display:inline-block;overflow-x:scroll;overflow-y:hidden;width:50%}.d2h-code-line{padding:0 8em;width:calc(100% - 16em)}.d2h-code-line,.d2h-code-side-line{display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.d2h-code-side-line{padding:0 4.5em;width:calc(100% - 9em)}.d2h-code-line-ctn{background:none;display:inline-block;padding:0;word-wrap:normal;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;vertical-align:middle;white-space:pre;width:100%}.d2h-code-line del,.d2h-code-side-line del{background-color:#ffb6ba;background-color:var(--d2h-del-highlight-bg-color)}.d2h-code-line del,.d2h-code-line ins,.d2h-code-side-line del,.d2h-code-side-line ins{border-radius:.2em;display:inline-block;margin-top:-1px;-webkit-text-decoration:none;text-decoration:none}.d2h-code-line ins,.d2h-code-side-line ins{background-color:#97f295;background-color:var(--d2h-ins-highlight-bg-color);text-align:left}.d2h-code-line-prefix{background:none;display:inline;padding:0;word-wrap:normal;white-space:pre}.line-num1{float:left}.line-num1,.line-num2{-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;padding:0 .5em;text-overflow:ellipsis;width:3.5em}.line-num2{float:right}.d2h-code-linenumber{background-color:#fff;background-color:var(--d2h-bg-color);border:solid #eee;border:solid var(--d2h-line-border-color);border-width:0 1px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#0000004d;color:var(--d2h-dim-color);cursor:pointer;display:inline-block;position:absolute;text-align:right;width:7.5em}.d2h-code-linenumber:after{content:"​"}.d2h-code-side-linenumber{background-color:#fff;background-color:var(--d2h-bg-color);border:solid #eee;border:solid var(--d2h-line-border-color);border-width:0 1px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#0000004d;color:var(--d2h-dim-color);cursor:pointer;display:inline-block;overflow:hidden;padding:0 .5em;position:absolute;text-align:right;text-overflow:ellipsis;width:4em}.d2h-code-side-linenumber:after{content:"​"}.d2h-code-side-emptyplaceholder,.d2h-emptyplaceholder{background-color:#f1f1f1;background-color:var(--d2h-empty-placeholder-bg-color);border-color:#e1e1e1;border-color:var(--d2h-empty-placeholder-border-color)}.d2h-code-line-prefix,.d2h-code-linenumber,.d2h-code-side-linenumber,.d2h-emptyplaceholder{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.d2h-code-linenumber,.d2h-code-side-linenumber{direction:rtl}.d2h-del{background-color:#fee8e9;background-color:var(--d2h-del-bg-color);border-color:#e9aeae;border-color:var(--d2h-del-border-color)}.d2h-ins{background-color:#dfd;background-color:var(--d2h-ins-bg-color);border-color:#b4e2b4;border-color:var(--d2h-ins-border-color)}.d2h-info{background-color:#f8fafd;background-color:var(--d2h-info-bg-color);border-color:#d5e4f2;border-color:var(--d2h-info-border-color);color:#0000004d;color:var(--d2h-dim-color)}.d2h-file-diff .d2h-del.d2h-change{background-color:#fdf2d0;background-color:var(--d2h-change-del-color)}.d2h-file-diff .d2h-ins.d2h-change{background-color:#ded;background-color:var(--d2h-change-ins-color)}.d2h-file-list-wrapper{margin-bottom:10px}.d2h-file-list-wrapper a{-webkit-text-decoration:none;text-decoration:none}.d2h-file-list-wrapper a,.d2h-file-list-wrapper a:visited{color:#3572b0;color:var(--d2h-moved-label-color)}.d2h-file-list-header{text-align:left}.d2h-file-list-title{font-weight:700}.d2h-file-list-line{display:-webkit-box;display:-ms-flexbox;display:flex;text-align:left}.d2h-file-list{display:block;list-style:none;margin:0;padding:0}.d2h-file-list>li{border-bottom:1px solid #ddd;border-bottom:1px solid var(--d2h-border-color);margin:0;padding:5px 10px}.d2h-file-list>li:last-child{border-bottom:none}.d2h-file-switch{cursor:pointer;display:none;font-size:10px}.d2h-icon{margin-right:10px;vertical-align:middle;fill:currentColor}.d2h-deleted{color:#c33;color:var(--d2h-del-label-color)}.d2h-added{color:#399839;color:var(--d2h-ins-label-color)}.d2h-changed{color:#d0b44c;color:var(--d2h-change-label-color)}.d2h-moved{color:#3572b0;color:var(--d2h-moved-label-color)}.d2h-tag{background-color:#fff;background-color:var(--d2h-bg-color);display:-webkit-box;display:-ms-flexbox;display:flex;font-size:10px;margin-left:5px;padding:0 2px}.d2h-deleted-tag{border:1px solid #c33;border:1px solid var(--d2h-del-label-color)}.d2h-added-tag{border:1px solid #399839;border:1px solid var(--d2h-ins-label-color)}.d2h-changed-tag{border:1px solid #d0b44c;border:1px solid var(--d2h-change-label-color)}.d2h-moved-tag{border:1px solid #3572b0;border:1px solid var(--d2h-moved-label-color)}.d2h-dark-color-scheme{background-color:#0d1117;background-color:var(--d2h-dark-bg-color);color:#e6edf3;color:var(--d2h-dark-color)}.d2h-dark-color-scheme .d2h-file-header{background-color:#161b22;background-color:var(--d2h-dark-file-header-bg-color);border-bottom:#30363d;border-bottom:var(--d2h-dark-file-header-border-color)}.d2h-dark-color-scheme .d2h-lines-added{border:1px solid rgba(46,160,67,.4);border:1px solid var(--d2h-dark-ins-border-color);color:#3fb950;color:var(--d2h-dark-ins-label-color)}.d2h-dark-color-scheme .d2h-lines-deleted{border:1px solid rgba(248,81,73,.4);border:1px solid var(--d2h-dark-del-border-color);color:#f85149;color:var(--d2h-dark-del-label-color)}.d2h-dark-color-scheme .d2h-code-line del,.d2h-dark-color-scheme .d2h-code-side-line del{background-color:#f8514966;background-color:var(--d2h-dark-del-highlight-bg-color)}.d2h-dark-color-scheme .d2h-code-line ins,.d2h-dark-color-scheme .d2h-code-side-line ins{background-color:#2ea04366;background-color:var(--d2h-dark-ins-highlight-bg-color)}.d2h-dark-color-scheme .d2h-diff-tbody{border-color:#30363d;border-color:var(--d2h-dark-border-color)}.d2h-dark-color-scheme .d2h-code-side-linenumber{background-color:#0d1117;background-color:var(--d2h-dark-bg-color);border-color:#21262d;border-color:var(--d2h-dark-line-border-color);color:#6e7681;color:var(--d2h-dark-dim-color)}.d2h-dark-color-scheme .d2h-files-diff .d2h-code-side-emptyplaceholder,.d2h-dark-color-scheme .d2h-files-diff .d2h-emptyplaceholder{background-color:#6e76811a;background-color:var(--d2h-dark-empty-placeholder-bg-color);border-color:#30363d;border-color:var(--d2h-dark-empty-placeholder-border-color)}.d2h-dark-color-scheme .d2h-code-linenumber{background-color:#0d1117;background-color:var(--d2h-dark-bg-color);border-color:#21262d;border-color:var(--d2h-dark-line-border-color);color:#6e7681;color:var(--d2h-dark-dim-color)}.d2h-dark-color-scheme .d2h-del{background-color:#f851491a;background-color:var(--d2h-dark-del-bg-color);border-color:#f8514966;border-color:var(--d2h-dark-del-border-color)}.d2h-dark-color-scheme .d2h-ins{background-color:#2ea04326;background-color:var(--d2h-dark-ins-bg-color);border-color:#2ea04366;border-color:var(--d2h-dark-ins-border-color)}.d2h-dark-color-scheme .d2h-info{background-color:#388bfd1a;background-color:var(--d2h-dark-info-bg-color);border-color:#388bfd66;border-color:var(--d2h-dark-info-border-color);color:#6e7681;color:var(--d2h-dark-dim-color)}.d2h-dark-color-scheme .d2h-file-diff .d2h-del.d2h-change{background-color:#d2992233;background-color:var(--d2h-dark-change-del-color)}.d2h-dark-color-scheme .d2h-file-diff .d2h-ins.d2h-change{background-color:#2ea04340;background-color:var(--d2h-dark-change-ins-color)}.d2h-dark-color-scheme .d2h-file-wrapper{border:1px solid #30363d;border:1px solid var(--d2h-dark-border-color)}.d2h-dark-color-scheme .d2h-file-collapse{border:1px solid #0d1117;border:1px solid var(--d2h-dark-bg-color)}.d2h-dark-color-scheme .d2h-file-collapse.d2h-selected{background-color:#388bfd1a;background-color:var(--d2h-dark-selected-color)}.d2h-dark-color-scheme .d2h-file-list-wrapper a,.d2h-dark-color-scheme .d2h-file-list-wrapper a:visited{color:#3572b0;color:var(--d2h-dark-moved-label-color)}.d2h-dark-color-scheme .d2h-file-list>li{border-bottom:1px solid #0d1117;border-bottom:1px solid var(--d2h-dark-bg-color)}.d2h-dark-color-scheme .d2h-deleted{color:#f85149;color:var(--d2h-dark-del-label-color)}.d2h-dark-color-scheme .d2h-added{color:#3fb950;color:var(--d2h-dark-ins-label-color)}.d2h-dark-color-scheme .d2h-changed{color:#d29922;color:var(--d2h-dark-change-label-color)}.d2h-dark-color-scheme .d2h-moved{color:#3572b0;color:var(--d2h-dark-moved-label-color)}.d2h-dark-color-scheme .d2h-tag{background-color:#0d1117;background-color:var(--d2h-dark-bg-color)}.d2h-dark-color-scheme .d2h-deleted-tag{border:1px solid #f85149;border:1px solid var(--d2h-dark-del-label-color)}.d2h-dark-color-scheme .d2h-added-tag{border:1px solid #3fb950;border:1px solid var(--d2h-dark-ins-label-color)}.d2h-dark-color-scheme .d2h-changed-tag{border:1px solid #d29922;border:1px solid var(--d2h-dark-change-label-color)}.d2h-dark-color-scheme .d2h-moved-tag{border:1px solid #3572b0;border:1px solid var(--d2h-dark-moved-label-color)}@media (prefers-color-scheme:dark){.d2h-auto-color-scheme{background-color:#0d1117;background-color:var(--d2h-dark-bg-color);color:#e6edf3;color:var(--d2h-dark-color)}.d2h-auto-color-scheme .d2h-file-header{background-color:#161b22;background-color:var(--d2h-dark-file-header-bg-color);border-bottom:#30363d;border-bottom:var(--d2h-dark-file-header-border-color)}.d2h-auto-color-scheme .d2h-lines-added{border:1px solid rgba(46,160,67,.4);border:1px solid var(--d2h-dark-ins-border-color);color:#3fb950;color:var(--d2h-dark-ins-label-color)}.d2h-auto-color-scheme .d2h-lines-deleted{border:1px solid rgba(248,81,73,.4);border:1px solid var(--d2h-dark-del-border-color);color:#f85149;color:var(--d2h-dark-del-label-color)}.d2h-auto-color-scheme .d2h-code-line del,.d2h-auto-color-scheme .d2h-code-side-line del{background-color:#f8514966;background-color:var(--d2h-dark-del-highlight-bg-color)}.d2h-auto-color-scheme .d2h-code-line ins,.d2h-auto-color-scheme .d2h-code-side-line ins{background-color:#2ea04366;background-color:var(--d2h-dark-ins-highlight-bg-color)}.d2h-auto-color-scheme .d2h-diff-tbody{border-color:#30363d;border-color:var(--d2h-dark-border-color)}.d2h-auto-color-scheme .d2h-code-side-linenumber{background-color:#0d1117;background-color:var(--d2h-dark-bg-color);border-color:#21262d;border-color:var(--d2h-dark-line-border-color);color:#6e7681;color:var(--d2h-dark-dim-color)}.d2h-auto-color-scheme .d2h-files-diff .d2h-code-side-emptyplaceholder,.d2h-auto-color-scheme .d2h-files-diff .d2h-emptyplaceholder{background-color:#6e76811a;background-color:var(--d2h-dark-empty-placeholder-bg-color);border-color:#30363d;border-color:var(--d2h-dark-empty-placeholder-border-color)}.d2h-auto-color-scheme .d2h-code-linenumber{background-color:#0d1117;background-color:var(--d2h-dark-bg-color);border-color:#21262d;border-color:var(--d2h-dark-line-border-color);color:#6e7681;color:var(--d2h-dark-dim-color)}.d2h-auto-color-scheme .d2h-del{background-color:#f851491a;background-color:var(--d2h-dark-del-bg-color);border-color:#f8514966;border-color:var(--d2h-dark-del-border-color)}.d2h-auto-color-scheme .d2h-ins{background-color:#2ea04326;background-color:var(--d2h-dark-ins-bg-color);border-color:#2ea04366;border-color:var(--d2h-dark-ins-border-color)}.d2h-auto-color-scheme .d2h-info{background-color:#388bfd1a;background-color:var(--d2h-dark-info-bg-color);border-color:#388bfd66;border-color:var(--d2h-dark-info-border-color);color:#6e7681;color:var(--d2h-dark-dim-color)}.d2h-auto-color-scheme .d2h-file-diff .d2h-del.d2h-change{background-color:#d2992233;background-color:var(--d2h-dark-change-del-color)}.d2h-auto-color-scheme .d2h-file-diff .d2h-ins.d2h-change{background-color:#2ea04340;background-color:var(--d2h-dark-change-ins-color)}.d2h-auto-color-scheme .d2h-file-wrapper{border:1px solid #30363d;border:1px solid var(--d2h-dark-border-color)}.d2h-auto-color-scheme .d2h-file-collapse{border:1px solid #0d1117;border:1px solid var(--d2h-dark-bg-color)}.d2h-auto-color-scheme .d2h-file-collapse.d2h-selected{background-color:#388bfd1a;background-color:var(--d2h-dark-selected-color)}.d2h-auto-color-scheme .d2h-file-list-wrapper a,.d2h-auto-color-scheme .d2h-file-list-wrapper a:visited{color:#3572b0;color:var(--d2h-dark-moved-label-color)}.d2h-auto-color-scheme .d2h-file-list>li{border-bottom:1px solid #0d1117;border-bottom:1px solid var(--d2h-dark-bg-color)}.d2h-dark-color-scheme .d2h-deleted{color:#f85149;color:var(--d2h-dark-del-label-color)}.d2h-auto-color-scheme .d2h-added{color:#3fb950;color:var(--d2h-dark-ins-label-color)}.d2h-auto-color-scheme .d2h-changed{color:#d29922;color:var(--d2h-dark-change-label-color)}.d2h-auto-color-scheme .d2h-moved{color:#3572b0;color:var(--d2h-dark-moved-label-color)}.d2h-auto-color-scheme .d2h-tag{background-color:#0d1117;background-color:var(--d2h-dark-bg-color)}.d2h-auto-color-scheme .d2h-deleted-tag{border:1px solid #f85149;border:1px solid var(--d2h-dark-del-label-color)}.d2h-auto-color-scheme .d2h-added-tag{border:1px solid #3fb950;border:1px solid var(--d2h-dark-ins-label-color)}.d2h-auto-color-scheme .d2h-changed-tag{border:1px solid #d29922;border:1px solid var(--d2h-dark-change-label-color)}.d2h-auto-color-scheme .d2h-moved-tag{border:1px solid #3572b0;border:1px solid var(--d2h-dark-moved-label-color)}}.history-panel[data-v-1bf37910]{background-color:#ffffff0d;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.history-header[data-v-1bf37910]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.history-header h3[data-v-1bf37910]{margin:0;font-size:1.1rem}.empty-history[data-v-1bf37910]{text-align:center;padding:1rem 0;color:var(--text-muted)}.history-list[data-v-1bf37910]{list-style:none;padding:0;margin:0;max-height:300px;overflow-y:auto}.history-item[data-v-1bf37910]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;background-color:#ffffff14;border-radius:4px;transition:background-color .2s;border-left:3px solid var(--primary)}.history-item[data-v-1bf37910]:hover{background-color:#ffffff1f}.history-item-content[data-v-1bf37910]{flex:1;padding:.75rem;cursor:pointer}.history-item-label[data-v-1bf37910]{font-weight:500;margin-bottom:.25rem}.history-item-date[data-v-1bf37910]{font-size:.8rem;color:var(--text-muted)}.delete-button[data-v-1bf37910]{background:none;border:none;color:var(--text-muted);padding:.5rem;cursor:pointer;opacity:.6;transition:opacity .2s,color .2s;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-right:.5rem;height:28px;width:28px}.delete-button[data-v-1bf37910]:hover{opacity:1;color:var(--error, #ff6b6b);background-color:#ffffff1a}.icon-small[data-v-1bf37910]{font-size:.9rem;display:inline-block}.diff-options[data-v-fc25a8b9]{display:flex;gap:1.25rem;margin-bottom:1rem;justify-content:center;flex-wrap:wrap;align-items:center;padding:1rem 1.25rem;background-color:#ffffff0d;border-radius:8px}.select-input[data-v-fc25a8b9]{padding:.6rem .8rem;border-radius:4px;border:1px solid rgba(255,255,255,.1);background:var(--surface);color:var(--text);margin-left:.5rem;height:40px;min-width:140px}.auto-compare-toggle[data-v-fc25a8b9]{display:flex;align-items:center;padding:.25rem .5rem;background-color:#ffffff14;border-radius:4px;transition:background-color .2s}.auto-compare-toggle[data-v-fc25a8b9]:hover{background-color:#ffffff1f}.toggle-switch[data-v-fc25a8b9]{position:relative;display:inline-block;width:56px;height:30px;margin-left:.5rem}.toggle-switch input[data-v-fc25a8b9]{opacity:0;width:0;height:0}.no-diff-message[data-v-fc25a8b9]{text-align:center;color:var(--text-muted);padding:1.5rem}.no-diff-message p[data-v-fc25a8b9]{margin-top:.5rem;margin-bottom:0}.toggle-slider[data-v-fc25a8b9]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ffffff26;transition:.4s;border-radius:24px;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;padding:0 4px}.toggle-slider[data-v-fc25a8b9]:after{content:"Off";color:#ffffff80;font-size:11px;margin-left:24px;margin-top:2px}input:checked+.toggle-slider[data-v-fc25a8b9]:after{content:"On";color:#fffc;margin-right:24px}.toggle-slider[data-v-fc25a8b9]:before{position:absolute;content:"●";display:flex;align-items:center;justify-content:center;color:#0006;font-size:18px;height:24px;width:24px;left:4px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%;box-shadow:0 2px 4px #0003}input:checked+.toggle-slider[data-v-fc25a8b9]{background-color:var(--primary)}input:checked+.toggle-slider[data-v-fc25a8b9]:before{transform:translate(26px);color:var(--primary);background-color:#fff}.json-input-container[data-v-fc25a8b9]{display:flex;flex-direction:column}.json-input[data-v-fc25a8b9]{flex:1;min-height:450px;resize:vertical;font-family:monospace;line-height:1.4;padding:12px}@media (max-height: 800px){.json-input[data-v-fc25a8b9]{min-height:350px}}@media (min-height: 1000px){.json-input[data-v-fc25a8b9]{min-height:550px}}.sample-buttons[data-v-fc25a8b9]{display:flex;gap:.5rem;margin-top:.5rem;justify-content:flex-end}.action-buttons[data-v-fc25a8b9]{margin:2rem 0;display:flex;gap:1.25rem;justify-content:center;flex-wrap:wrap}.action-buttons .btn[data-v-fc25a8b9]{padding:.6rem 1.2rem;font-size:1.05rem}.action-buttons .btn-lg[data-v-fc25a8b9]{padding:.8rem 1.5rem}.icon[data-v-fc25a8b9]{display:inline-block;margin-right:.4rem;font-weight:700;font-size:1.1em;vertical-align:middle;position:relative;top:-.05em;transition:transform .2s ease}button:active .icon[data-v-fc25a8b9]{transform:scale(.9)}button:hover .icon[data-v-fc25a8b9]{transform:scale(1.1)}.diff-result-container[data-v-fc25a8b9]{margin-top:2rem;text-align:left;min-height:300px;padding:1.25rem}[data-v-fc25a8b9] .d2h-file-header{background-color:var(--surface);border-bottom:1px solid rgba(255,255,255,.1)}[data-v-fc25a8b9] .d2h-file-list-header{background-color:var(--primary)}[data-v-fc25a8b9] .d2h-code-line{color:var(--text)}[data-v-fc25a8b9] .d2h-code-line-ctn{background-color:var(--card-bg)}[data-v-fc25a8b9] .d2h-ins{background-color:#42b88333}[data-v-fc25a8b9] .d2h-del{background-color:#f5656533}[data-v-fc25a8b9] .d2h-code-linenumber{background-color:var(--surface);color:var(--text-muted)}.validate-container[data-v-055b515e]{max-width:800px;margin:0 auto}.options-bar[data-v-055b515e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.validation-result[data-v-055b515e]{margin-top:1.5rem;padding:1.5rem;border-radius:8px}.validation-result.success[data-v-055b515e]{background:linear-gradient(135deg,rgba(74,222,128,.1),rgba(34,197,94,.1));border-left:4px solid var(--success)}.validation-result.error[data-v-055b515e]{background:linear-gradient(135deg,rgba(248,113,113,.1),rgba(239,68,68,.1));border-left:4px solid var(--danger)}.json-stats[data-v-055b515e]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-top:1rem;padding:1rem;background:rgba(255,255,255,.05);border-radius:8px;text-align:center}.json-stats>div[data-v-055b515e]{font-size:.9rem;color:var(--success);font-weight:500}.error-message[data-v-055b515e]{background:rgba(0,0,0,.3);padding:1rem;border-radius:6px;color:var(--danger);font-family:Fira Code,JetBrains Mono,monospace;font-size:.9rem;line-height:1.5;white-space:pre-wrap;overflow-x:auto;margin-top:1rem}.sample-buttons[data-v-055b515e]{margin-top:.75rem;display:flex;gap:.5rem}.action-buttons[data-v-055b515e]{margin:1.5rem 0;display:flex;gap:1rem;justify-content:center}.textarea.error[data-v-055b515e]{border-color:var(--danger);box-shadow:0 0 0 2px #f871714d}.json-path-container[data-v-bcf921cc]{display:flex;flex-direction:column;gap:1.5rem}.json-input-section[data-v-bcf921cc]{display:flex;flex-direction:column}.query-section[data-v-bcf921cc]{margin-top:1rem}.path-input-container[data-v-bcf921cc]{display:flex;gap:.5rem;margin-bottom:1rem}.path-input[data-v-bcf921cc]{flex:1;padding:.7rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.2);color:var(--text);font-family:Fira Code,monospace}.path-input[data-v-bcf921cc]:focus{outline:none;border-color:var(--primary)}.common-paths[data-v-bcf921cc]{background:rgba(0,0,0,.1);padding:1rem;border-radius:8px;margin-bottom:1rem}.path-examples[data-v-bcf921cc]{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.path-btn[data-v-bcf921cc]{background:var(--surface);border:1px solid rgba(255,255,255,.1);color:var(--text);padding:.4rem .8rem;border-radius:4px;font-family:Fira Code,monospace;cursor:pointer;font-size:.9rem;transition:all .2s ease}.path-btn[data-v-bcf921cc]:hover{background:var(--primary);border-color:var(--primary)}.result-section[data-v-bcf921cc]{background:var(--card-bg);border-radius:8px;padding:1.5rem;margin-top:1rem}.result-info[data-v-bcf921cc]{display:flex;justify-content:space-between;margin-bottom:1rem;font-size:.9rem;align-items:center}.result-display[data-v-bcf921cc]{background:rgba(0,0,0,.2);border-radius:8px;padding:1rem;overflow-x:auto;max-height:300px;overflow-y:auto}.result-display pre[data-v-bcf921cc]{margin:0;white-space:pre-wrap;font-family:Fira Code,monospace;color:var(--text)}.help-section[data-v-bcf921cc]{margin-top:2rem;text-align:left}.syntax-table[data-v-bcf921cc]{width:100%;border-collapse:collapse;margin-top:1rem;font-size:.9rem}.syntax-table th[data-v-bcf921cc],.syntax-table td[data-v-bcf921cc]{padding:.8rem;border:1px solid rgba(255,255,255,.1);text-align:left}.syntax-table th[data-v-bcf921cc]{background:var(--surface)}.syntax-table tr[data-v-bcf921cc]:nth-child(2n){background:rgba(0,0,0,.1)}.syntax-table td[data-v-bcf921cc]:first-child,.syntax-table th[data-v-bcf921cc]:first-child{width:15%}.syntax-table td[data-v-bcf921cc]:nth-child(2),.syntax-table th[data-v-bcf921cc]:nth-child(2){width:50%}.small-buttons[data-v-bcf921cc]{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem}@media screen and (max-width: 768px){.path-input-container[data-v-bcf921cc]{flex-direction:column}.syntax-table[data-v-bcf921cc]{font-size:.8rem}.syntax-table th[data-v-bcf921cc],.syntax-table td[data-v-bcf921cc]{padding:.5rem}}:root{font-family:Roboto,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#1a1a2e;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--primary: #4361ee;--primary-rgb: 67, 97, 238;--secondary: #3f8cff;--secondary-rgb: 63, 140, 255;--accent: #4cc9f0;--accent-rgb: 76, 201, 240;--success: #4ade80;--warning: #fbbf24;--danger: #f87171;--background: #1a1a2e;--card-bg: #16213e;--surface: #0f3460;--text: #e2e8f0;--text-muted: #94a3b8;--border-color: rgba(255, 255, 255, .1);--shadow-color: rgba(0, 0, 0, .2);--theme-transition: all .5s ease}.light-theme{color:#333;background-color:#f8f9fa;--primary: #3b5ccc;--primary-rgb: 59, 92, 204;--secondary: #3472d8;--secondary-rgb: 52, 114, 216;--accent: #23a6d5;--accent-rgb: 35, 166, 213;--success: #2e9a5f;--warning: #d99c17;--danger: #d85a5a;--background: #f8f9fa;--card-bg: #ffffff;--surface: #e9ecef;--text: #333333;--text-muted: #6c757d;--border-color: rgba(0, 0, 0, .1);--shadow-color: rgba(0, 0, 0, .1)}*{box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;width:100%}.card{padding:2em;background:var(--card-bg);border-radius:12px;margin:1em 0;box-shadow:0 4px 6px #0000001a;border:1px solid rgba(255,255,255,.1);transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.read-the-docs{color:#888}.container{max-width:1200px;margin:0 auto;padding:1.5rem;min-height:calc(100vh - 200px)}.grid{display:grid;gap:1.5rem;margin-top:1.5rem}.grid-2{grid-template-columns:1fr 1fr}.textarea{width:100%;min-height:350px;padding:1rem;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(0,0,0,.2);color:var(--text);font-family:Fira Code,JetBrains Mono,Courier New,monospace;font-size:14px;resize:vertical;transition:border .3s ease,box-shadow .3s ease;line-height:1.6}.textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #4361ee4d}.textarea-container{position:relative;margin-bottom:1rem}.line-numbers{position:absolute;left:0;top:0;bottom:0;width:40px;background:rgba(0,0,0,.3);border-right:1px solid rgba(255,255,255,.1);color:var(--text-muted);font-family:Fira Code,monospace;font-size:14px;text-align:right;padding:1rem 8px 1rem 0;-webkit-user-select:none;user-select:none;border-top-left-radius:8px;border-bottom-left-radius:8px}.with-line-numbers{padding-left:50px}.btn{background:var(--primary);color:#fff;border:none;padding:.7em 1.4em;font-size:1em;font-weight:500;border-radius:8px;cursor:pointer;transition:all .25s ease;margin:0 .5rem;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 5px #00000026;min-width:120px}.btn:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 8px #0003}.btn:active{transform:translateY(0);box-shadow:0 2px 4px #00000026}.btn-success{background:var(--success)}.btn-success:hover{background:#3cac6c}.btn-danger{background:var(--danger)}.btn-danger:hover{background:#e05252}.btn-secondary{background:var(--secondary)}.btn-secondary:hover{background:#3578d8}.btn-sm{padding:.4em .8em;font-size:.9em;min-width:80px}.btn-lg{padding:.8em 1.6em;font-size:1.1em;min-width:150px}.btn svg{margin-right:.5rem}.error{color:#f56565;background:rgba(245,101,101,.1);padding:.5rem;border-radius:4px;margin:.5rem 0}.success{color:#42b883;background:rgba(66,184,131,.1);padding:.5rem;border-radius:4px;margin:.5rem 0}.diff-view{text-align:left;font-family:Courier New,monospace;font-size:12px}.nav{display:flex;gap:1rem;margin-bottom:2.5rem;justify-content:center;padding:.5rem;background:var(--surface);border-radius:12px;box-shadow:0 4px 6px #0000001a;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-link{padding:.7rem 1.2rem;text-decoration:none;color:var(--text);border-radius:8px;transition:all .3s ease;font-weight:500;display:inline-flex;align-items:center;letter-spacing:.5px}.nav-link:hover{background:rgba(255,255,255,.1);transform:translateY(-2px)}.nav-link.active{background:var(--primary);color:#fff;box-shadow:0 2px 5px #0003}.nav-link svg{margin-right:.5rem;font-size:1.2rem}body,.card,.textarea,.btn,.nav,header,.footer{transition:var(--theme-transition)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:8px}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--primary-hover)}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-fade-enter-active{transition:all .3s ease}.slide-fade-leave-active{transition:all .3s cubic-bezier(1,.5,.8,1)}.slide-fade-enter-from,.slide-fade-leave-to{transform:translate(10px);opacity:0}@media (max-width: 768px){.grid-2{grid-template-columns:1fr}.container{padding:0 .5rem}.btn{padding:.6em 1.2em;font-size:.9em}}@media (max-width: 480px){h1{font-size:1.5rem}h3{font-size:1.2rem}.card{padding:1.5em}.btn{min-width:100px}}h3{font-size:1.3rem;margin-bottom:1rem;color:var(--accent)}