:root{--palette-light:#fff;--palette-light-2:#f4f6f9;--palette-light-3:#e8ecf1;--palette-dark:#101216;--palette-dark-2:#17181d;--palette-dark-3:#202228;--bg:#eef1f5;--surface:var(--palette-light);--surface-2:var(--palette-light-2);--surface-3:var(--palette-light-3);--border:#d6dce4;--border-strong:#b4bec9;--text:#4c5866;--text-strong:#16202b;--text-muted:#7b8794;--accent:#2f6ca8;--accent-hover:#26587f;--accent-soft:#e4eef7;--accent-border:#a9c6e0;--accent-contrast:#fff;--ok:#2e7a52;--ok-soft:#e6f2ea;--ok-border:#b3d6c3;--warn:#8a6212;--warn-soft:#fbf1de;--warn-border:#e3cb9c;--danger:#b23c34;--danger-soft:#fbeae8;--danger-border:#eabfba;--danger-contrast:#fff;--focus-ring:0 0 0 3px #2f6ca838;--shadow-sm:0 1px 2px #16202b14;--shadow-md:0 4px 14px #16202b1f;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--sans:system-ui, -apple-system, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", "Source Han Sans SC", "Noto Sans CJK SC", sans-serif;--font-xs:11px;--font-sm:12px;--font-md:13px;--font-lg:15px;--font-xl:18px;--font-mono:ui-monospace, "SF Mono", "Cascadia Mono", Consolas, monospace;--radius-sm:4px;--radius:6px;--radius-lg:8px;--radius-pill:999px;--speed:.14s;--speed-slow:.18s;--ease:cubic-bezier(.2, 0, .2, 1);--control-height:28px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--surface:var(--palette-dark);--surface-2:var(--palette-dark-2);--surface-3:var(--palette-dark-3);--bg:#08090b;--border:#29343f;--border-strong:#3b4854;--text:#a3b0bd;--text-strong:#e7edf3;--text-muted:#6d7b8a;--accent:#6aa6dd;--accent-hover:#85b8e6;--accent-soft:#17293a;--accent-border:#2f4c68;--accent-contrast:#08090b;--ok:#6cbd90;--ok-soft:#16281e;--ok-border:#2c4a39;--warn:#d0a75c;--warn-soft:#2a2216;--warn-border:#4a3c22;--danger:#e08b81;--danger-soft:#2c1a18;--danger-border:#52302b;--danger-contrast:#08090b;--focus-ring:0 0 0 3px #6aa6dd42;--shadow-sm:0 1px 2px #00000052;--shadow-md:0 6px 18px #00000073}}:root[data-theme=dark]{--surface:var(--palette-dark);--surface-2:var(--palette-dark-2);--surface-3:var(--palette-dark-3);--bg:#08090b;--border:#29343f;--border-strong:#3b4854;--text:#a3b0bd;--text-strong:#e7edf3;--text-muted:#6d7b8a;--accent:#6aa6dd;--accent-hover:#85b8e6;--accent-soft:#17293a;--accent-border:#2f4c68;--accent-contrast:#08090b;--ok:#6cbd90;--ok-soft:#16281e;--ok-border:#2c4a39;--warn:#d0a75c;--warn-soft:#2a2216;--warn-border:#4a3c22;--danger:#e08b81;--danger-soft:#2c1a18;--danger-border:#52302b;--focus-ring:0 0 0 3px #6aa6dd42;--shadow-sm:0 1px 2px #00000052;--shadow-md:0 6px 18px #00000073}*,:before,:after{box-sizing:border-box}html{font:var(--font-md) / 1.5 var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}body,h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{color:var(--text-strong);font-weight:600;line-height:1.35}ul,ol{margin:0;padding:0;list-style:none}code,kbd,pre,samp{font-family:var(--font-mono);font-size:.94em}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}::selection{background:var(--accent-soft);color:var(--accent)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-pill);background-clip:content-box;border:3px solid #0000}::-webkit-scrollbar-track{background:0 0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.app{gap:var(--space-5);min-height:100dvh;padding:var(--space-4) var(--space-5) var(--space-6);flex-direction:column;display:flex}.app-head{justify-content:space-between;align-items:flex-start;gap:var(--space-4);width:100%;padding-bottom:var(--space-3);border-bottom:1px solid var(--border);display:flex}.app-head-text{flex-direction:column;gap:2px;min-width:0;display:flex}.app-title{font-size:var(--font-xl);letter-spacing:.2px;color:var(--text-strong);margin:0;font-weight:600}.app-tagline{font-size:var(--font-sm);color:var(--text-muted);margin:0}.app-head-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.app-main{flex:1;justify-content:center;width:100%;display:flex}.app-toolbar{justify-content:center;gap:var(--space-2);display:flex}.file-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.app-columns{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));width:100%;display:grid}.app-footer{justify-content:space-between;align-items:flex-start;gap:var(--space-4);width:100%;padding-top:var(--space-3);border-top:1px solid var(--border);color:var(--text-muted);font-size:var(--font-sm);display:flex}.app-footer-meta{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.app-footer-feedback{color:var(--text-muted);transition:color var(--speed) var(--ease);flex-shrink:0;text-decoration:none}.app-footer-feedback:hover{color:var(--accent);text-decoration:underline}@media (width<=640px){.app{gap:var(--space-4);padding:var(--space-3) var(--space-3) var(--space-5)}.app-head{flex-direction:column}.file-grid{grid-template-columns:minmax(0,1fr)}}.panel{gap:var(--space-3);flex-direction:column;width:100%;display:flex}.panel-title{font-size:var(--font-lg);color:var(--text-strong);margin:0;font-weight:600}.panel-hint{font-size:var(--font-sm);color:var(--text-muted);margin:0}.card{gap:var(--space-3);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;display:flex;position:relative}.card-head{justify-content:space-between;align-items:center;gap:var(--space-2);margin:calc(var(--space-2) * -1) calc(var(--space-4) * -1);padding:var(--space-2) var(--space-4);background:var(--surface-2);border-bottom:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;display:flex}.actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.empty{align-items:center;gap:var(--space-1);padding:var(--space-5) var(--space-4);border:1px dashed var(--border-strong);border-radius:var(--radius);text-align:center;color:var(--text-muted);font-size:var(--font-sm);flex-direction:column;display:flex}.empty strong{color:var(--text);font-weight:600}.file-col{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.file-col .file-slot{flex:1}.swap-btn{width:calc(var(--control-height) * 2);height:calc(var(--control-height) * 2)}.file-meta{align-items:center;gap:var(--space-2);min-width:0;min-height:26px;font-size:var(--font-sm);color:var(--text);display:flex}.file-meta.is-dragging{background:var(--accent-soft);border-radius:var(--radius-sm);color:var(--accent)}.file-meta-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.file-meta .badge{flex-shrink:0}.file-meta-actions{gap:var(--space-2);flex-shrink:0;margin-left:auto;display:flex}.file-slot{justify-content:center;align-items:center;gap:var(--space-2);min-height:132px;padding:var(--space-5) var(--space-4);background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius);text-align:center;color:var(--text-muted);font-size:var(--font-sm);cursor:pointer;transition:background var(--speed) var(--ease), border-color var(--speed) var(--ease), color var(--speed) var(--ease);flex-direction:column;display:flex;position:relative}.file-slot:hover{border-color:var(--accent-border);color:var(--text)}.file-slot.is-dragging{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.file-slot.is-drop{border-style:solid;border-color:var(--accent);color:var(--accent)}.file-slot-label{color:var(--text-strong);font-weight:600}.file-slot-hint{color:inherit}.preview{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex:1;min-height:0;overflow:auto}.preview-index{text-align:right;width:48px;color:var(--text-muted);font-variant-numeric:tabular-nums}.preview-text{white-space:pre-wrap;overflow-wrap:anywhere}.btn{justify-content:center;align-items:center;gap:var(--space-1);height:var(--control-height);padding:0 var(--space-3);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text);font-size:var(--font-md);white-space:nowrap;cursor:pointer;transition:background var(--speed) var(--ease), border-color var(--speed) var(--ease), color var(--speed) var(--ease);display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-3);color:var(--text-strong)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.btn.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);color:var(--accent-contrast)}.btn.danger{background:var(--danger);border-color:var(--danger);color:var(--danger-contrast)}.btn.danger:hover:not(:disabled){filter:brightness(1.08);color:var(--danger-contrast)}.btn.soft{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.btn.soft:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover:not(:disabled){background:var(--surface-3);border-color:#0000}.btn.sm{height:24px;padding:0 var(--space-2);font-size:var(--font-sm)}.btn.icon{width:var(--control-height);padding:0}.btn.icon.is-active{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.field{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.field-label{align-items:center;gap:var(--space-2);font-size:var(--font-sm);color:var(--text);display:flex}.field-hint{font-size:var(--font-xs);color:var(--text-muted);margin:0}.input,.select,.textarea{width:100%;min-width:0;height:var(--control-height);padding:0 var(--space-2);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-strong);transition:border-color var(--speed) var(--ease), box-shadow var(--speed) var(--ease)}.textarea{height:auto;min-height:calc(var(--control-height) * 2);padding:var(--space-2);resize:vertical;line-height:1.6}.input:hover,.select:hover,.textarea:hover{border-color:var(--accent-border)}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.select{appearance:none;padding-right:var(--space-5);background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:right 12px top 12px,right 7px top 12px;background-repeat:no-repeat;background-size:5px 5px,5px 5px}.select:disabled,.input:disabled{background:var(--surface-2);color:var(--text-muted);cursor:not-allowed}.input.mono{font-family:var(--font-mono)}.switch{align-items:center;gap:var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex}.switch input{opacity:0;pointer-events:none;position:absolute}.switch-track{background:var(--border-strong);border-radius:var(--radius-pill);width:30px;height:17px;transition:background var(--speed) var(--ease);flex:none;padding:2px}.switch-track:before{content:"";background:var(--surface);width:13px;height:13px;box-shadow:var(--shadow-sm);transition:transform var(--speed) var(--ease);border-radius:50%;display:block}.switch input:checked+.switch-track{background:var(--accent)}.switch input:checked+.switch-track:before{transform:translate(13px)}.switch input:focus-visible+.switch-track{box-shadow:var(--focus-ring)}.tabs{gap:var(--space-1);border-bottom:1px solid var(--border);display:flex}.tab{padding:var(--space-2) var(--space-3);color:var(--text-muted);font-size:var(--font-md);cursor:pointer;transition:color var(--speed) var(--ease), border-color var(--speed) var(--ease);background:0 0;border:none;border-bottom:2px solid #0000}.tab:hover{color:var(--text-strong)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.table{border-collapse:collapse;width:100%;font-size:var(--font-md)}.table th,.table td{padding:var(--space-2) var(--space-3);text-align:left;border-bottom:1px solid var(--border)}.table th{background:var(--surface-2);color:var(--text-muted);font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.6px;font-weight:600;position:sticky;top:0}.table tbody tr:hover{background:var(--surface-2)}.table td.mono{font-family:var(--font-mono);color:var(--text-muted)}.badge{padding:0 var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);height:18px;color:var(--text-muted);font-size:var(--font-xs);white-space:nowrap;align-items:center;display:inline-flex}.badge.accent{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.badge.ok{background:var(--ok-soft);border-color:var(--ok-border);color:var(--ok)}.badge.warn{background:var(--warn-soft);border-color:var(--warn-border);color:var(--warn)}.badge.danger{background:var(--danger-soft);border-color:var(--danger-border);color:var(--danger)}.note{padding:var(--space-2) var(--space-3);border:1px solid var(--accent-border);border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--text);font-size:var(--font-sm);border-left-width:3px;margin:0;line-height:1.6}.note.warn{background:var(--warn-soft);border-color:var(--warn-border)}.note.danger{background:var(--danger-soft);border-color:var(--danger-border)}.drop-overlay{z-index:1;justify-content:center;align-items:center;gap:var(--space-2);background:var(--surface);border:1px dashed var(--accent);border-radius:inherit;color:var(--accent);font-size:var(--font-md);pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:0}.drop-overlay-text{margin:0}.dialog-mask{z-index:1000;padding:var(--space-4);background:#08090b80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog-mask-under{z-index:900}.dialog{gap:var(--space-3);width:min(400px,100%);padding:var(--space-4);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;display:flex;position:relative}.dialog:focus-visible{outline:none}.dialog.wide{width:min(560px,100%)}.dialog-close{top:var(--space-2);right:var(--space-2);z-index:1;color:var(--text-muted);position:absolute}.dialog .panel{text-align:center;align-items:center}.dialog .card{border:none}.dialog .actions{justify-content:center}.dialog .note{text-align:left}.dialog-title{font-size:var(--font-lg);color:var(--text-strong);margin:0;font-weight:600}.dialog-message{color:var(--text);white-space:pre-wrap;margin:0;line-height:1.6}.dialog-actions{justify-content:flex-end;gap:var(--space-2);display:flex}.dialog-enter-active,.dialog-leave-active{transition:opacity var(--speed-slow) var(--ease)}.dialog-enter-active .dialog,.dialog-leave-active .dialog{transition:transform var(--speed-slow) var(--ease)}.dialog-enter-from,.dialog-leave-to{opacity:0}.dialog-enter-from .dialog,.dialog-leave-to .dialog{transform:translateY(6px)}