:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f4f5f7;--surface:#ffffffc7;--surface-strong:#ffffffeb;--surface-muted:#fafbfcb8;--ink:#101315;--muted:#66707a;--muted-soft:#88919a;--line:#10131517;--line-strong:#10131524;--accent:#1677ff;--accent-soft:#1677ff1c;--success:#1d8f63;--danger:#c45847;--warning:#b78427;--shadow:0 28px 72px #0f172a17;--radius-panel:28px;--radius-control:20px;--radius-pill:999px;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--ink);background:radial-gradient(circle at 0 0,#fffffff0,#0000 42%),radial-gradient(circle at 100% 0,#e6eeff8c,#0000 24%),linear-gradient(#fafbfc,#f2f4f7 62%,#f6f7f9);font-family:SF Pro Display,PingFang SC,Helvetica Neue,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0f1317;--surface:#151b22b3;--surface-strong:#192028db;--surface-muted:#1b222ab8;--ink:#eef3f8;--muted:#aab3bd;--muted-soft:#87919c;--line:#eef3f814;--line-strong:#eef3f81f;--accent:#5aa2ff;--accent-soft:#5aa2ff24;--success:#61cb9d;--danger:#e07b6a;--warning:#d8ac54;--shadow:0 34px 90px #00000047;background:radial-gradient(circle at 0 0,#222b36a3,#0000 34%),radial-gradient(circle at 100% 0,#172c4c75,#0000 22%),linear-gradient(#0d1115,#10161d 62%,#0d1218)}}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{min-width:320px}button,input{font:inherit}button{color:inherit;background:0 0;border:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.shell{min-height:100dvh;padding:30px 18px 40px}.topbar,.workspace,.toolbar,.result-list{width:min(1120px,100%);margin:0 auto}.topbar{border-bottom:1px solid var(--line-strong);padding-bottom:18px}.topbar-copy{gap:10px;display:grid}.topbar-kicker{color:var(--muted-soft);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.82rem}.topbar h1,.dropzone h2,.panel-heading h2{letter-spacing:0;margin:0}.topbar h1{font-size:clamp(2.35rem,4.3vw,3.95rem);font-weight:620;line-height:.96}.topbar-note{max-width:none;color:var(--muted);white-space:nowrap;margin:0;font-size:.98rem;line-height:1.6}.workspace{padding-top:24px}.toolbar,.result-row,.rules-panel{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px)saturate(160%)}.dropzone{border-radius:var(--radius-panel);border:1px solid var(--line);background:var(--surface);min-height:0;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px)saturate(160%);background:radial-gradient(circle at top left, #ffffffeb, transparent 42%), linear-gradient(180deg, #ffffff3d, #ffffff14), var(--surface-strong);flex-direction:column;justify-content:center;align-items:center;gap:0;padding:28px;display:flex;position:relative}@media (prefers-color-scheme:dark){.dropzone{background:radial-gradient(circle at top left, #ffffff0f, transparent 38%), linear-gradient(180deg, #ffffff05, transparent), var(--surface-strong)}}.dropzone.dragging{background:radial-gradient(circle at top left, #1677ff24, transparent 40%), linear-gradient(180deg, #ffffff57, #ffffff1f), var(--surface-strong)}.upload-intro,.dropzone-caption,.panel-heading p,.result-summary,.columns-note{color:var(--muted);margin:0}.upload-frame{text-align:center;z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:min(720px,100%);min-height:224px;padding:8px 0 4px;display:flex;position:relative}.upload-intro{white-space:nowrap;text-wrap:pretty;max-width:none;font-size:.98rem;line-height:1.55}.upload-frame-icon{background:var(--accent-soft);width:54px;height:54px;color:var(--accent);border-radius:18px;place-items:center;display:grid}.upload-frame-icon svg{width:20px;height:20px}.dropzone-caption{max-width:none;font-size:.92rem;line-height:1.5}.dropzone.dragging .upload-frame{transform:scale(.995)}.toolbar{justify-content:space-between;align-items:center;gap:18px;margin-top:18px;padding:16px 18px;display:flex}.toolbar-summary{grid-template-columns:repeat(2,minmax(0,124px));gap:10px;display:grid}.summary-card{border-radius:var(--radius-control);border:1px solid var(--line);background:var(--surface-muted);padding:14px 14px 12px}.summary-label{color:var(--muted-soft);margin-bottom:8px;font-size:.78rem;display:block}.summary-card strong{font-size:1.45rem;font-weight:600;line-height:1}.toolbar-actions{align-items:center;gap:10px;display:flex}.action-button,.icon-button{cursor:pointer;white-space:nowrap;border-radius:16px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 18px;transition:transform .14s,background-color .14s,border-color .14s,opacity .14s;display:inline-flex}.action-button svg,.icon-button svg{width:18px;height:18px}.action-button:hover:not(:disabled),.icon-button:hover:not(:disabled){transform:translateY(-1px)}.action-button:active:not(:disabled),.icon-button:active:not(:disabled){transform:translateY(0)scale(.985)}.action-button:disabled,.icon-button:disabled{opacity:.42;cursor:not-allowed}.action-button.primary,.action-button.accent{background:var(--accent);color:#f6fbff}.action-button.primary{width:100%}#pick-files{width:min(100%,560px);min-height:64px;padding:0 24px}.action-button.secondary,.action-button.subtle,.icon-button{border:1px solid var(--line-strong);background:#ffffff9e}@media (prefers-color-scheme:dark){.action-button.secondary,.action-button.subtle,.icon-button{background:#ffffff08}}.action-button.subtle,.action-button.accent{min-width:112px}.icon-button{width:48px;padding:0}.result-list{gap:12px;margin-top:18px;display:grid}.result-row{grid-template-columns:56px minmax(0,1fr) 176px;align-items:start;gap:18px;padding:18px 20px;display:grid}.result-index{aspect-ratio:1;border:1px solid var(--line);background:var(--surface-muted);width:56px;color:var(--muted-soft);border-radius:16px;place-items:center;font-weight:600;display:grid}.result-main{min-width:0}.result-topline{justify-content:space-between;align-items:center;gap:14px;display:flex}.result-name-editor{align-items:center;gap:6px;min-width:0;padding:0;display:flex}.result-name-input{width:min(100%,360px);min-width:0;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;outline:none;padding:0;font-size:1rem;font-weight:580;overflow:hidden}.result-name-input:focus{text-underline-offset:.2em;text-decoration:underline}.result-name-input:disabled{color:inherit}.result-name-suffix{color:var(--muted-soft);flex:none;font-size:.92rem}.result-name-hint{color:var(--muted-soft);margin:4px 0 0;font-size:.82rem;line-height:1.4}.status-pill{border-radius:var(--radius-pill);border:1px solid #0000;flex:none;align-items:center;min-height:31px;padding:0 12px;font-size:.86rem;display:inline-flex}.tone-neutral{color:var(--muted);border-color:var(--line);background:#ffffffad}.tone-info{background:var(--accent-soft);color:var(--accent);border-color:#1677ff29}.tone-success{color:var(--success);background:#1d8f631f;border-color:#1d8f632e}.tone-danger{color:var(--danger);background:#c458471a;border-color:#c4584724}.result-summary{margin-top:8px}.message-list{margin:10px 0 0;padding-left:18px}.warning-list li{color:var(--warning)}.columns-note{margin-top:10px;font-size:.92rem}.result-actions{align-self:center;align-items:center;gap:10px;display:flex}.row-remove-button{flex:none}.rules-panel{margin-top:18px;padding:18px 20px}.panel-heading{gap:8px;display:grid}.panel-heading h2{font-size:1.08rem;font-weight:590}@media (width<=980px){.toolbar{flex-direction:column;align-items:stretch}.toolbar-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.shell{padding:18px 14px 34px}.topbar h1{font-size:clamp(2rem,10vw,3rem)}.topbar-note{white-space:normal}.dropzone,.toolbar,.result-row,.rules-panel{padding:18px 16px}.dropzone{gap:0}.upload-frame{width:100%;min-height:176px;padding:4px 0}.upload-intro{white-space:normal;max-width:18.5em;font-size:.9rem;line-height:1.45}#pick-files{width:min(100%,320px);min-height:56px;padding:0 20px}.toolbar{padding:16px}.toolbar-summary{grid-template-columns:1fr}.toolbar-actions{flex-wrap:wrap;width:100%}.toolbar-actions .action-button.secondary,.toolbar-actions .action-button.accent{flex:180px}.result-row{grid-template-columns:1fr;padding:18px 16px}.result-index{width:48px}.result-actions{justify-content:flex-end;width:100%}.rules-panel{padding:18px 16px}}
