:root{color-scheme:dark;--bg:#090d12;--panel:#111821;--panel2:#0c1219;--border:#293540;--text:#eef4f8;--muted:#91a2b2;--cyan:#20c8f3;--green:#45e386;--red:#ff655e}
*{box-sizing:border-box}html,body{height:100%;overflow:hidden}body{margin:0;background:radial-gradient(circle at 55% -25%,#233647 0,#090d12 55%);color:var(--text);font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",system-ui,sans-serif}button{font:inherit}
.app-shell{display:flex;width:min(1800px,calc(100% - 32px));height:100vh;height:100dvh;margin:auto;padding:18px 0;flex-direction:column;overflow:hidden}.app-header{display:flex;align-items:center;justify-content:space-between;flex:0 0 auto;gap:20px;margin-bottom:12px;padding:0 4px}.eyebrow{margin:0 0 4px;color:var(--cyan);font-size:.7rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}h1,h2{margin:0;letter-spacing:-.025em}h1{font-size:1.35rem}h2{font-size:1.15rem}.header-actions{display:flex;gap:8px}
button{padding:8px 13px;border:1px solid #3c5160;border-radius:8px;color:#d8e3ea;background:#192630;font-weight:700;cursor:pointer;transition:.15s}button:hover:not(:disabled){border-color:var(--cyan);color:#fff;background:#1d303b}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.4;cursor:not-allowed}.primary{border-color:#168bad;background:#127d9d;color:#fff}.primary:hover:not(:disabled){background:#1598bd}
.workspace{display:grid;grid-template-columns:300px minmax(0,1fr);flex:1 1 auto;gap:10px;min-width:0;min-height:0;overflow:hidden}.file-panel,.table-card{min-height:0;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:rgba(17,24,33,.96);box-shadow:0 18px 70px #0008}.file-panel{display:flex;flex-direction:column;padding:17px}.panel-title{display:flex;align-items:center;justify-content:space-between;flex:0 0 auto;margin-bottom:14px}.badge{display:grid;place-items:center;min-width:34px;height:28px;border:1px solid #36505e;border-radius:999px;color:var(--cyan);background:#15232d;font-size:.8rem;font-weight:800}
.file-list{position:relative;flex:1 1 auto;min-height:0;overflow:auto;border:1px dashed #456070;border-radius:9px;background:var(--panel2);scrollbar-color:#425463 transparent;cursor:pointer}.file-list:hover,.file-list.dragging{border-color:var(--cyan);background:#10212b;box-shadow:inset 0 0 0 1px #20c8f355}.file-list.has-files{border-style:solid;cursor:default}.file-list-empty{display:flex;position:absolute;inset:0;flex-direction:column;align-items:center;justify-content:center;color:#dbe7ee;text-align:center}.file-list-empty[hidden]{display:none}.file-list-empty strong{font-size:.9rem}.file-list-empty span{margin-top:5px;color:var(--muted);font-size:.7rem}.file-list-empty small{margin-top:12px;color:#607381;font-size:.65rem}#addSamples{width:100%;flex:0 0 auto;margin-top:10px;padding:7px;font-size:.73rem}
.file-item{display:grid;grid-template-columns:34px minmax(0,1fr) 24px;align-items:center;gap:8px;width:100%;padding:9px 8px;border:0;border-bottom:1px solid #202a34;border-radius:0;background:transparent;text-align:left}.file-item:last-child{border-bottom:0}.file-item:hover{background:#17222c}.file-item.active{background:#172a36;box-shadow:inset 3px 0 var(--cyan)}.file-type{display:grid;place-items:center;height:26px;border:1px solid #35505e;border-radius:5px;color:var(--cyan);background:#10202a;font-size:.57rem;font-weight:900}.file-name{overflow:hidden;color:#dce6ec;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.file-sub{display:block;margin-top:2px;color:var(--muted);font-size:.63rem}.remove-file{padding:2px;border:0;background:none;color:#6f808d;font-size:1rem}.remove-file:hover{color:var(--red)!important;background:none!important}.text-button{margin-top:10px;border:0;background:transparent;color:var(--muted);font-size:.73rem}
.table-card{display:flex;min-width:0;min-height:0;flex-direction:column;padding:16px}.table-header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:47px;margin-bottom:8px}.table-meta{color:var(--muted);font:500 .73rem ui-monospace,Consolas,monospace}.view-tabs{display:flex;gap:2px;margin-bottom:8px;border-bottom:1px solid #2c3944}.view-tabs[hidden]{display:none}.view-tab{margin-bottom:-1px;padding:7px 15px;border:0;border-bottom:2px solid transparent;border-radius:6px 6px 0 0;background:transparent;color:var(--muted);font-size:.75rem}.view-tab.active{border-bottom-color:var(--cyan);background:#15212a;color:#fff}.table-wrap,.source-view{flex:1;min-height:0;overflow:auto;border:1px solid #26313b;border-radius:10px;background:#080d12;scrollbar-color:#425463 transparent}.source-view{margin:0;padding:13px;color:#cbd7df;font:500 .72rem/1.55 ui-monospace,"SFMono-Regular",Consolas,monospace;white-space:pre;tab-size:4}.source-view[hidden],.table-wrap[hidden]{display:none}.empty-state{display:grid;flex:1;place-content:center;gap:7px;text-align:center;color:var(--muted)}.empty-state[hidden]{display:none}.empty-state strong{color:#d7e1e8;font-size:1rem}.empty-state span{font-size:.8rem}
table{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0;font:500 .72rem ui-monospace,"SFMono-Regular",Consolas,monospace}th,td{max-width:520px;padding:7px 10px;border-right:1px solid #26313b;border-bottom:1px solid #222c35;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;vertical-align:top}th{position:sticky;z-index:2;top:0;min-width:100px;border-bottom-color:#3b4a57;background:#17212a;color:#e8f0f5;line-height:1.35}th:first-child,td:first-child{position:sticky;left:0}th:first-child{z-index:3;background:#1b2731}td:first-child{background:#0c1319;color:#8fa1af}tbody tr:nth-child(even) td{background:#0b1117}tbody tr:nth-child(even) td:first-child{background:#0d151c}tbody tr:hover td{background:#12202a}tbody tr:hover td:first-child{background:#142630}
dialog{width:min(560px,calc(100% - 28px));padding:0;border:1px solid #3a4b58;border-radius:15px;background:#111821;color:var(--text);box-shadow:0 25px 100px #000}dialog::backdrop{background:#020508b8;backdrop-filter:blur(3px)}.dialog-card{padding:20px}.dialog-file{margin:14px 0 3px;color:#e2ebf0;font-weight:700;overflow-wrap:anywhere}.dialog-help{margin:0 0 12px;color:var(--muted);font-size:.8rem}.track-list{max-height:320px;overflow:auto;border:1px solid #2b3944;border-radius:8px;background:#0b1117}.track-item{display:flex;align-items:center;gap:10px;padding:10px;border-bottom:1px solid #222d36;font-size:.82rem}.track-item:last-child{border:0}.track-item input{accent-color:var(--cyan)}.select-actions,.dialog-actions{display:flex;gap:8px;margin-top:12px}.select-actions button{padding:6px 9px;font-size:.7rem}.dialog-actions{justify-content:flex-end;margin-top:18px}.toast{position:fixed;right:22px;bottom:22px;padding:10px 15px;border:1px solid #3c5662;border-radius:8px;background:#14232c;color:#e6f0f4;font-size:.78rem;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}.toast.error{border-color:#713e3d;color:#ff9c97}
@media(max-width:780px){.app-shell{width:calc(100% - 18px);padding:9px 0}.app-header{align-items:flex-start;margin-bottom:8px}.header-actions{flex-wrap:wrap;justify-content:flex-end}.workspace{grid-template-columns:1fr;grid-template-rows:minmax(0,38%) minmax(0,62%)}.file-panel,.table-card{height:auto;min-height:0}.file-panel{padding:12px}.panel-title{margin-bottom:8px}.table-card{padding:10px}.table-header{align-items:flex-start;flex-direction:column;gap:5px;min-height:0}}