:root{color-scheme:dark;--bg: #131518;--panel: #181b1f;--panel-2: #1c2025;--border: #24282e;--border-strong: #2f343b;--text: #dfe3e8;--text-dim: #9aa1aa;--text-faint: #6b727b;--accent: #5590d9;--accent-soft: rgba(85, 144, 217, .16);--warn: #d99a55;--bad: #d96a5a;--font: ui-sans-serif, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: ui-monospace, "Cascadia Mono", "Segoe UI Mono", Consolas, "Liberation Mono", monospace;--radius: 7px;--row-gap: .9rem}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent-soft)}.btn{display:inline-flex;align-items:center;gap:.4rem;text-decoration:none;padding:.38rem .8rem;background:var(--panel-2);border:1px solid var(--border-strong);border-radius:var(--radius);cursor:pointer;transition:background .14s ease,border-color .14s ease}.btn:hover:not(:disabled){background:#22272d;border-color:#3a4048}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:var(--accent);border-color:var(--accent);color:#0d1116;font-weight:600}.btn-primary:hover:not(:disabled){background:#659cdf;border-color:#659cdf}.btn-quiet{background:transparent;border-color:transparent;color:var(--text-dim);padding:.25rem .5rem}.btn-quiet:hover:not(:disabled){background:var(--panel-2);border-color:var(--border);color:var(--text)}.input{width:100%;padding:.34rem .5rem;background:#101317;border:1px solid var(--border-strong);border-radius:5px;font-family:var(--mono);font-size:12.5px;text-align:right}.input:focus{border-color:var(--accent);outline:none}.input-text{text-align:left}.login{min-height:100%;display:grid;place-items:center;padding:2rem}.login-card{width:min(24rem,100%);padding:2.5rem 2.25rem;background:var(--panel);border:1px solid var(--border);border-radius:10px;text-align:center}.login-card img{width:68px;height:68px;object-fit:contain;margin-bottom:1.25rem}.login-card h1{margin:0 0 .35rem;font-size:1.05rem;font-weight:600}.login-card p{margin:0 0 1.75rem;color:var(--text-dim);font-size:13px}.login-card .btn{width:100%;justify-content:center;padding:.55rem}.app{height:100%;display:flex;flex-direction:column}.topbar{flex:0 0 auto;display:flex;align-items:center;gap:.9rem;padding:.55rem .9rem;background:var(--panel);border-bottom:1px solid var(--border)}.topbar-brand{display:flex;align-items:center;gap:.6rem;font-weight:600;font-size:13px;white-space:nowrap}.topbar-brand img{width:24px;height:24px;object-fit:contain}.topbar-brand span.sub{color:var(--text-faint);font-weight:400}.topbar-spacer{flex:1 1 auto}.topbar select{padding:.32rem .5rem;background:var(--panel-2);border:1px solid var(--border-strong);border-radius:5px;max-width:18rem}.topbar-user{display:flex;align-items:center;gap:.5rem;color:var(--text-dim);font-size:13px}.avatar,.avatar-fallback{width:24px;height:24px;border-radius:50%;flex:0 0 auto}.avatar-fallback{display:grid;place-items:center;background:var(--panel-2);border:1px solid var(--border-strong);font-size:11px;color:var(--text-dim)}.filename{font-family:var(--mono);font-size:12px;color:var(--text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:16rem}.split{flex:1 1 auto;display:flex;min-height:0}.split-left,.split-right{min-width:0;display:flex;flex-direction:column}.split-left{overflow:hidden}.splitter{flex:0 0 5px;cursor:col-resize;background:var(--border);transition:background .14s ease}.splitter:hover,.splitter.dragging{background:var(--accent)}.toolbar{flex:0 0 auto;display:flex;align-items:center;gap:.55rem;padding:.55rem .9rem;border-bottom:1px solid var(--border);background:var(--panel);flex-wrap:wrap}.search{flex:1 1 12rem;min-width:8rem;padding:.36rem .6rem;background:#101317;border:1px solid var(--border-strong);border-radius:5px}.search:focus{border-color:var(--accent);outline:none}.toggle{display:inline-flex;align-items:center;gap:.4rem;color:var(--text-dim);font-size:12.5px;white-space:nowrap;cursor:pointer}.toggle input{accent-color:var(--accent);cursor:pointer}.fields{flex:1 1 auto;overflow-y:auto;padding:.5rem .9rem 4rem}.section{border-bottom:1px solid var(--border);padding:.35rem 0 .9rem}.section:last-child{border-bottom:none}.section-head{display:flex;align-items:center;gap:.5rem;width:100%;padding:.55rem 0;background:none;border:none;cursor:pointer;text-align:left}.section-head h2{margin:0;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}.section-head .count{font-size:11px;color:var(--text-faint)}.section-head .chev{color:var(--text-faint);font-size:10px;transition:transform .14s ease}.section-head .chev.open{transform:rotate(90deg)}.section-body{display:flex;flex-direction:column;gap:var(--row-gap);padding-top:.3rem}.field{display:grid;grid-template-columns:minmax(9rem,1.1fr) minmax(0,1.5fr) auto;align-items:center;gap:.75rem;padding-left:.6rem;border-left:2px solid transparent}.field.changed{border-left-color:var(--accent)}.field-label{min-width:0}.field-label .name{display:block;font-size:13px}.field-label .xml{display:block;font-family:var(--mono);font-size:11px;color:var(--text-faint);overflow:hidden;text-overflow:ellipsis}.field-label .hint{display:block;font-size:11.5px;color:var(--text-faint);margin-top:.15rem}.field-control{display:flex;align-items:center;gap:.6rem;min-width:0}.field-control input[type=range]{flex:1 1 auto;min-width:3rem;accent-color:var(--accent);cursor:pointer}.field-control .input{flex:0 0 6.5rem}.field-actions{display:flex;align-items:center;gap:.2rem;min-width:1.75rem;justify-content:flex-end}.vec{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;width:100%}.vec label{display:flex;align-items:center;gap:.3rem;font-size:11px;color:var(--text-faint)}.vec .input{flex:1 1 auto}.flags{grid-column:1 / -1;display:flex;flex-direction:column;gap:.5rem;padding-left:.6rem;border-left:2px solid transparent}.flags.changed{border-left-color:var(--accent)}.flags-head{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.flags-head .name{font-size:13px}.flags-head .xml{font-family:var(--mono);font-size:11px;color:var(--text-faint)}.flags-head .input{flex:0 0 8rem;text-align:left;text-transform:uppercase}.flags-hint{font-size:11.5px;color:var(--text-faint)}.flags-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.1rem .9rem}.flag{display:flex;align-items:baseline;gap:.45rem;padding:.15rem 0;min-width:0;font-family:var(--mono);font-size:11.5px;color:var(--text-dim);cursor:pointer}.flag span{min-width:0;overflow-wrap:anywhere}.flag input{flex:0 0 auto;accent-color:var(--accent);cursor:pointer}.flag.on{color:var(--text)}.flag.unknown{color:var(--warn)}.split-right{background:var(--panel);border-left:1px solid var(--border)}.xml-head{flex:0 0 auto;display:flex;align-items:center;gap:.5rem;padding:.55rem .9rem;border-bottom:1px solid var(--border)}.tabs{display:flex;gap:.15rem;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);padding:2px}.tabs button{padding:.22rem .7rem;background:none;border:none;border-radius:5px;color:var(--text-dim);font-size:12.5px;cursor:pointer}.tabs button[aria-pressed=true]{background:var(--panel);color:var(--text)}.code{flex:1 1 auto;overflow:auto;margin:0;padding:.6rem 0;font-family:var(--mono);font-size:12px;line-height:1.55;-moz-tab-size:4;tab-size:4}.code-line{display:flex;padding:0 .9rem 0 0;white-space:pre}.code-line .ln{flex:0 0 3.75rem;padding-right:.9rem;text-align:right;color:#464c55;-webkit-user-select:none;user-select:none}.code-line.hit{background:var(--accent-soft)}.code-line.flash{animation:flash .8s ease-out}@keyframes flash{0%{background:#5590d94d}to{background:transparent}}.code-line.add{background:#5aaa7824}.code-line.del{background:#d96a5a24}.code-line.add .ln,.code-line.del .ln{color:var(--text-faint)}.t-tag{color:#7fb3e0}.t-attr{color:#a9b4c0}.t-val{color:#cfa96b}.t-text{color:#d7dde4}.t-comment{color:#5b6470;font-style:italic}.editor{flex:1 1 auto;display:flex;min-height:0;position:relative;background:#101317}.editor.over{outline:2px dashed var(--accent);outline-offset:-4px}.editor-gutter,.editor-hl,.editor-input{margin:0;font-family:var(--mono);font-size:12px;line-height:19px;tab-size:4;-moz-tab-size:4;letter-spacing:normal;white-space:pre}.editor-gutter{flex:0 0 auto;min-width:3.5rem;padding:.6rem .7rem .6rem .9rem;text-align:right;color:#464c55;background:var(--panel);border-right:1px solid var(--border);overflow:hidden;-webkit-user-select:none;user-select:none}.editor-scroll{flex:1 1 auto;min-width:0;overflow:auto;position:relative}.editor-layers{position:relative;width:max-content;min-width:100%;min-height:100%}.editor-hl,.editor-input{padding:.6rem 1rem .6rem .7rem;border:0;overflow:visible}.editor-hl{position:relative;z-index:1;pointer-events:none;color:var(--text);min-height:100%}.editor-input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;resize:none;outline:none;background:transparent;color:transparent;caret-color:var(--text);overflow:hidden}.editor-input::placeholder{color:var(--text-faint)}.editor-input::selection{background:#5590d94d}.editor-marks{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.editor-mark{position:absolute;left:0;right:0;width:100%;background:var(--accent-soft)}.editor-mark.flash{background:#5590d947;animation:flash .8s ease-out forwards}.editor-mark.error{background:#d96a5a33;box-shadow:inset 2px 0 0 var(--bad)}.editor-dropnote{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:grid;place-items:center;background:#131518bf;color:var(--text);font-size:13px;pointer-events:none}.xml-meta{font-size:11.5px;color:var(--text-faint);white-space:nowrap}.placeholder{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.6rem;padding:2rem 1.6rem;color:var(--text-dim);max-width:34rem}.placeholder h2{margin:0;font-size:1rem;font-weight:600;color:var(--text)}.placeholder p{margin:0;font-size:13px;line-height:1.65}.placeholder code{font-family:var(--mono);font-size:12px;color:var(--text)}.placeholder-meta{font-size:11.5px;color:var(--text-faint)}.fields.stale{opacity:.6}.notice-sub{font-size:12px!important;color:var(--text-faint)!important}.notice{margin:.9rem;padding:.85rem 1rem;border:1px solid var(--border-strong);border-left:2px solid var(--bad);border-radius:var(--radius);background:var(--panel)}.notice h3{margin:0 0 .35rem;font-size:13px;font-weight:600}.notice p{margin:0 0 .75rem;color:var(--text-dim);font-size:13px}.notice code{font-family:var(--mono);font-size:12px}.empty{padding:2.5rem 1rem;text-align:center;color:var(--text-faint);font-size:13px}.toast{position:fixed;bottom:1.1rem;left:50%;transform:translate(-50%);padding:.5rem .95rem;background:var(--panel-2);border:1px solid var(--border-strong);border-radius:var(--radius);font-size:13px;z-index:40}.loading{display:grid;place-items:center;height:100%;color:var(--text-faint);font-size:13px}.mobile-tabs{display:none}@media (max-width: 1100px){.split{flex-direction:column}.splitter{display:none}.split-left,.split-right{width:100%!important;flex:1 1 auto}.split-right{border-left:none;border-top:1px solid var(--border)}.split.show-fields .split-right,.split.show-xml .split-left{display:none}.mobile-tabs{display:flex;gap:.15rem;padding:.4rem .9rem;background:var(--panel);border-bottom:1px solid var(--border)}.field{grid-template-columns:1fr;gap:.4rem}.field-actions{justify-content:flex-start}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}