*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f7fa;color:#2d3748;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;overflow:hidden}#root,body{height:100vh}#root{display:flex;flex-direction:column}code,textarea{font-family:Cascadia Code,Fira Code,Consolas,Courier New,monospace}textarea{font-size:13px;line-height:1.5}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.sidebar{background-color:#1e2d40;border-right:1px solid #162030;color:#c8d6e5;display:flex;flex-direction:column;height:100vh;min-width:240px;overflow:hidden;transition:width .2s ease,min-width .2s ease;-webkit-user-select:none;user-select:none;width:240px}.sidebar--collapsed{min-width:52px;width:52px}.sidebar__header{align-items:center;border-bottom:1px solid #2c3e52;display:flex;justify-content:space-between;min-height:52px;padding:14px 12px}.sidebar__logo{align-items:center;cursor:pointer;display:flex;gap:8px;overflow:hidden}.sidebar__logo-icon{color:#4a9eff;flex-shrink:0;font-size:18px}.sidebar__logo-text{color:#e2eaf4;font-size:14px;font-weight:600;white-space:nowrap}.sidebar__collapse-btn{background:none;border:none;border-radius:4px;color:#7a8ea0;cursor:pointer;flex-shrink:0;font-size:18px;line-height:1;padding:4px 6px;transition:color .15s,background .15s}.sidebar__collapse-btn:hover{background:#ffffff14;color:#e2eaf4}.sidebar__nav{flex:1 1;overflow-y:auto;padding:8px 0}.sidebar__nav::-webkit-scrollbar{width:4px}.sidebar__nav::-webkit-scrollbar-thumb{background:#3a4f65;border-radius:2px}.sidebar__section{margin-bottom:2px}.sidebar__section-header{align-items:center;background:none;border:none;color:#a0b4c8;cursor:pointer;display:flex;font-size:11px;font-weight:700;gap:8px;letter-spacing:.5px;padding:8px 12px;text-align:left;text-transform:uppercase;transition:background .15s,color .15s;width:100%}.sidebar__section-header:hover{background:#ffffff0d;color:#e2eaf4}.sidebar__section-header--active{color:#4a9eff}.sidebar__section-icon{color:#4a9eff;flex-shrink:0;font-family:monospace;font-size:13px;font-weight:700;text-align:center;width:20px}.sidebar__section-label{flex:1 1;white-space:nowrap}.sidebar__chevron{display:inline-block;font-size:14px;transition:transform .2s}.sidebar__chevron--open{transform:rotate(90deg)}.sidebar__children{list-style:none;margin:0 0 4px;padding:0}.sidebar__child-item{align-items:center;background:none;border:none;border-left:2px solid #0000;color:#8fa8bc;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:6px 12px 6px 32px;text-align:left;transition:background .15s,color .15s;width:100%}.sidebar__child-item:hover{background:#4a9eff14;color:#c8d6e5}.sidebar__child-item--active{background:#4a9eff1f;border-left-color:#4a9eff;color:#4a9eff;font-weight:500}.sidebar__child-dot{font-size:10px;opacity:.5}.sidebar__footer{border-top:1px solid #2c3e52;color:#506070;font-size:11px;padding:10px 12px;text-align:center}@media (max-width:768px){.sidebar{height:auto;max-height:50vh;min-width:0;min-width:auto;width:100%}}.home{padding:0}.home__hero{margin-bottom:32px}.home__title{color:#1e2d40;font-size:28px;font-weight:800;margin-bottom:8px}.home__subtitle{color:#6b7c93;font-size:15px;line-height:1.6;max-width:680px}.home__grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.home__card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;transition:box-shadow .2s}.home__card:hover{box-shadow:0 4px 16px #00000014}.home__card-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;border-left:4px solid;display:flex;gap:10px;padding:14px 16px}.home__card-icon{font-family:monospace;font-size:16px;font-weight:700}.home__card-title{color:#1e2d40;font-size:15px;font-weight:600}.home__tool-list{list-style:none;padding:8px 0}.home__tool-item{align-items:flex-start;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;padding:10px 16px;text-align:left;transition:background .15s;width:100%}.home__tool-item:hover{background:#f0f7ff}.home__tool-name{color:#2563eb;font-size:14px;font-weight:500}.home__tool-desc{color:#94a3b8;font-size:12px;margin-top:2px}.tool-layout{max-width:1400px}.tool-layout__header{margin-bottom:20px}.tool-layout__title{color:#1e2d40;font-size:22px;font-weight:700;margin-bottom:4px}.tool-layout__description{color:#6b7c93;font-size:14px}.tool-layout__body{display:flex;flex-direction:column;gap:16px}.io-layout{grid-gap:12px;align-items:start;display:grid;gap:12px;grid-template-columns:1fr auto 1fr;min-height:420px}.io-layout__controls{align-self:center;gap:8px;padding:8px 0}.io-layout__controls,.tool-panel{display:flex;flex-direction:column}.tool-panel{background:#fff;border:1px solid #e2e8f0;border-radius:8px;height:100%;overflow:hidden}.tool-panel__header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;min-height:38px;padding:8px 12px}.tool-panel__label{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.tool-panel__actions{display:flex;gap:6px}.tool-panel__body{display:flex;flex:1 1;flex-direction:column}.tool-panel__body textarea{background:#0000;border:none;color:#1e2d40;flex:1 1;min-height:360px;outline:none;padding:12px;resize:vertical;width:100%}.tool-panel__body textarea::placeholder{color:#a0aec0}.option-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;padding:8px 0}.option-row label{color:#4a5568;font-size:13px;font-weight:500}.option-row input[type=number],.option-row select{background:#fff;border:1px solid #cbd5e0;border-radius:5px;color:#2d3748;cursor:pointer;font-size:13px;padding:5px 8px}.option-row input:focus,.option-row select:focus{border-color:#4a9eff;box-shadow:0 0 0 2px #4a9eff26;outline:none}.btn{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;padding:7px 14px;transition:background .15s,box-shadow .15s;white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5}.btn--primary{background:#3b82f6;color:#fff}.btn--primary:hover:not(:disabled){background:#2563eb}.btn--secondary{background:#e2e8f0;color:#475569}.btn--secondary:hover:not(:disabled){background:#cbd5e0}.btn--success{background:#10b981;color:#fff}.btn--success:hover:not(:disabled){background:#059669}.btn--danger{background:#ef4444;color:#fff}.btn--ghost{background:#0000;border:1px solid #e2e8f0;color:#64748b}.btn--ghost:hover:not(:disabled){background:#f8fafc;color:#2d3748}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-family:monospace}.error-message,.success-message{font-size:13px;padding:10px 14px}.success-message{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;color:#16a34a}@media (max-width:900px){.io-layout{grid-template-columns:1fr;grid-template-rows:auto auto auto}.io-layout__controls{flex-direction:row;justify-content:center}.tool-panel__body textarea{min-height:200px}}.csv-split{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 2fr;min-height:460px}.csv-split__input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;overflow:hidden}.csv-split__input textarea{border:none;color:#1e2d40;flex:1 1;font-family:monospace;font-size:13px;min-height:400px;outline:none;padding:12px;resize:none}.csv-split__table{display:flex;flex-direction:column;overflow:hidden}.panel-label{background:#f8fafc;border:1px solid #e2e8f0;border-bottom:none;border-radius:8px 8px 0 0;color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;padding:8px 12px;text-transform:uppercase}.csv-search{border:1px solid #e2e8f0;border-radius:6px;color:#2d3748;font-size:13px;padding:7px 10px;width:100%}.csv-search:focus{border-color:#4a9eff;box-shadow:0 0 0 2px #4a9eff26;outline:none}.csv-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:0 0 8px 8px;flex:1 1;overflow:auto}.csv-table{border-collapse:collapse;font-size:13px;width:100%}.csv-table th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#475569;font-weight:600;padding:8px 12px;position:sticky;text-align:left;top:0;white-space:nowrap}.csv-table td{border-bottom:1px solid #f1f5f9;color:#334155;padding:7px 12px}.csv-table tr:last-child td{border-bottom:none}.csv-table tr:hover td{background:#f8fafc}.csv-table-placeholder{background:#fff;border:1px solid #e2e8f0;border-radius:0 0 8px 8px;color:#94a3b8;flex:1 1;font-size:14px;padding:60px 20px;text-align:center}@media (max-width:900px){.csv-split{grid-template-columns:1fr}}.case-results{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.case-result-row{grid-gap:12px;align-items:center;border-bottom:1px solid #f1f5f9;display:grid;gap:12px;grid-template-columns:160px 1fr auto;padding:9px 14px;transition:background .1s}.case-result-row:last-child{border-bottom:none}.case-result-row:hover{background:#f8fafc}.case-result-label{color:#64748b;font-family:monospace;font-size:12px;font-weight:600;white-space:nowrap}.case-result-value{color:#1e2d40;font-family:monospace;font-size:13px;word-break:break-all}.case-copy-btn{background:none;border:1px solid #e2e8f0;border-radius:4px;color:#64748b;cursor:pointer;font-size:12px;padding:3px 8px;transition:background .1s,color .1s;white-space:nowrap}.case-copy-btn:hover{background:#f0f7ff;border-color:#93c5fd;color:#2563eb}.app-container{background-color:#f5f7fa;display:flex;height:100vh;overflow:hidden}.main-content{background-color:#f5f7fa;flex:1 1;overflow-y:auto;padding:24px}@media (max-width:768px){.app-container{flex-direction:column}.main-content{padding:16px}}
/*# sourceMappingURL=main.f2e13be1.css.map*/