.app{width:100%;max-width:none;margin:0 auto;padding:14px clamp(6px,1vw,14px) 80px}.converter-note code{padding:2px 7px;border-radius:999px;background:var(--control-surface-color);color:var(--text-color);font-size:.86rem}.status-panel{margin-bottom:14px;padding:14px 16px;border:1px solid var(--border-color);border-radius:16px;background:var(--surface-color);box-shadow:var(--shadow-soft)}.status-panel h2,.status-panel p{margin:0}.status-panel h2{margin-bottom:6px;font-size:1rem}.status-panel--error{border-color:var(--danger-border-color);background:var(--danger-surface-color);color:var(--danger-text-color)}.toolbar{position:sticky;top:0;z-index:25;display:grid;gap:10px;margin-bottom:12px;padding:10px 12px;border:1px solid var(--border-color);border-radius:14px;background:var(--overlay-color);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-strong)}.toolbar__filters{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.toolbar__filters::-webkit-scrollbar{height:8px}.toolbar__filters::-webkit-scrollbar-thumb{border-radius:999px;background:var(--scrollbar-thumb-color)}.toolbar__bottom{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;justify-content:space-between}.toolbar__actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.toolbar__mode{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center}.toolbar__label{color:var(--muted-color);font-size:.82rem;font-weight:700;letter-spacing:.02em}.button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 14px;border:1px solid transparent;border-radius:999px;font-weight:700;cursor:pointer;text-decoration:none;transition:border-color .2s ease,background-color .2s ease,color .2s ease,opacity .2s ease}.button:disabled{opacity:.55;cursor:not-allowed}.button.is-disabled,.button[aria-disabled=true]{opacity:.55;cursor:not-allowed;pointer-events:none}.button--primary{border-color:var(--accent-color);background:var(--accent-color);color:#fff}.button--primary:hover:not(:disabled):not(.is-disabled){filter:brightness(1.05)}.button--ghost{border-color:var(--button-border-color);background:var(--button-surface-color);color:var(--button-text-color)}.button--ghost:hover:not(:disabled){border-color:var(--accent-color)}.filter-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 12px;border:1px solid var(--border-color);border-radius:999px;background:var(--surface-color);color:var(--text-color);font-size:.875rem;font-weight:700;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,color .2s ease}.filter-chip:hover{border-color:var(--accent-color)}.filter-chip--active{border-color:var(--accent-color);background:var(--accent-color);color:#fff}.filter-chip__count{padding:2px 7px;border-radius:999px;background:var(--chip-count-color);font-size:.8125rem}.filter-chip--active .filter-chip__count{background:#ffffff2e}.segmented-control{display:inline-flex;padding:3px;border-radius:999px;background:var(--control-surface-color)}.segmented-control button{min-height:30px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:var(--muted-color);font-size:.875rem;font-weight:700;cursor:pointer}.segmented-control button.is-active{background:var(--surface-color);color:var(--text-color);box-shadow:0 2px 10px #0f172a14}.table-card{overflow:visible;border:1px solid var(--border-color);border-radius:14px;background:var(--surface-color);box-shadow:var(--shadow-soft)}.table-card__scroll{overflow-x:auto;overflow-y:visible;overscroll-behavior-x:contain;border-radius:inherit}.table-card__sentinel{block-size:1px;margin-top:1px}table{width:100%;min-width:820px;border-collapse:separate;border-spacing:0}thead th{padding:8px 8px 10px;border-bottom:1px solid var(--border-color);background:var(--header-surface-color);color:var(--text-color);text-align:left;vertical-align:top;font-size:.8125rem;font-weight:700}.table__header-cell{width:min(100%,8rem);min-width:0}.table__header-cell--compact{width:min(100%,5rem)}.table__search{width:100%;min-width:0;min-height:30px;padding:0 9px;border:1px solid var(--input-border-color);border-radius:9px;background:var(--input-surface-color);color:var(--text-color)}.table__search:focus{outline:2px solid var(--accent-outline-color);border-color:var(--accent-color);background:var(--surface-color)}tbody td{padding:8px;border-top:1px solid var(--border-muted-color);vertical-align:top;overflow-wrap:anywhere;line-height:1.4;background:var(--surface-color)}tbody tr:nth-child(2n) td{background:var(--row-alt-color)}.cell--row{color:var(--muted-color);font-variant-numeric:tabular-nums;white-space:nowrap}.tag-list{display:flex;flex-wrap:wrap;gap:6px}.tag{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;background:var(--tag-surface-color);color:var(--tag-text-color);font-size:.8125rem;font-weight:700}.empty,.table__empty{color:var(--subtle-color)}.table__empty{padding:18px 12px;text-align:center}.results-summary{position:fixed;right:clamp(8px,1vw,16px);bottom:10px;z-index:30;max-width:calc(100vw - 16px);padding:8px 14px;border:1px solid var(--border-color);border-radius:999px;background:var(--overlay-color);box-shadow:var(--shadow-strong);color:var(--text-color);font-size:.875rem;font-weight:700;white-space:nowrap;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:none}.converter-panel{display:grid;gap:12px;margin-bottom:14px;padding:16px;border:1px solid var(--border-color);border-radius:16px;background:var(--surface-color);box-shadow:var(--shadow-soft)}.converter-dropzone{display:grid;gap:6px;padding:20px;border:2px dashed var(--input-border-color);border-radius:16px;background:var(--header-surface-color);cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.converter-dropzone strong,.converter-dropzone p,.converter-note{margin:0}.converter-dropzone:hover,.converter-dropzone:focus-visible{border-color:var(--accent-color);background:var(--surface-color);outline:none}.converter-dropzone--loading{cursor:progress}.converter-dropzone--active{border-color:var(--accent-color);background:var(--surface-color);box-shadow:0 0 0 4px var(--accent-outline-color)}.converter-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.converter-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.converter-note{color:var(--muted-color);font-size:.92rem}.sheet-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.sheet-tab{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border:1px solid var(--border-color);border-radius:999px;background:var(--surface-color);color:var(--text-color);font-weight:700;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,color .2s ease}.sheet-tab:hover{border-color:var(--accent-color)}.sheet-tab--active{border-color:var(--accent-color);background:var(--accent-color);color:#fff}.preview-actions{display:flex;justify-content:center;margin-top:14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:960px){.app{padding-inline:6px;padding-bottom:76px}.toolbar{padding:8px 10px;border-radius:12px}.toolbar__bottom{align-items:stretch}.toolbar__mode{width:100%;justify-content:space-between}.table-card{border-radius:12px}table{min-width:720px}thead th{padding:7px 6px 8px}.table__header-cell{width:min(100%,7rem)}.table__header-cell--compact{width:min(100%,4.5rem)}tbody td{padding:7px 6px}.results-summary{right:8px;bottom:8px;font-size:.8125rem}.converter-panel{padding:14px;border-radius:14px}.converter-dropzone{padding:16px}}:root{color-scheme:light dark;--text-color: #0f172a;--muted-color: #526072;--subtle-color: #7b8797;--background-color: #eef3f9;--surface-color: rgba(255, 255, 255, .96);--overlay-color: rgba(255, 255, 255, .84);--control-surface-color: #e7edf7;--header-surface-color: rgba(238, 244, 251, .94);--input-surface-color: rgba(255, 255, 255, .9);--border-color: rgba(148, 163, 184, .35);--border-muted-color: rgba(226, 232, 240, .92);--input-border-color: #c8d4e3;--accent-color: #2563eb;--accent-outline-color: rgba(37, 99, 235, .2);--tag-surface-color: #e8f0ff;--tag-text-color: #1d4ed8;--row-alt-color: #f8fbff;--scrollbar-thumb-color: rgba(148, 163, 184, .6);--chip-count-color: rgba(15, 23, 42, .08);--placeholder-color: #64748b;--button-surface-color: #f8fafc;--button-text-color: #334155;--button-border-color: #d7e0eb;--danger-surface-color: #fff7f7;--danger-border-color: #fecaca;--danger-text-color: #7f1d1d;--shadow-soft: 0 12px 28px rgba(15, 23, 42, .08);--shadow-strong: 0 16px 36px rgba(15, 23, 42, .12);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;font-weight:400;color:var(--text-color);background:var(--background-color);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-color-scheme:dark){:root{--text-color: #e2e8f0;--muted-color: #a8b4c5;--subtle-color: #7f8da3;--background-color: #020817;--surface-color: rgba(15, 23, 42, .94);--overlay-color: rgba(15, 23, 42, .84);--control-surface-color: rgba(30, 41, 59, .92);--header-surface-color: rgba(15, 23, 42, .96);--input-surface-color: rgba(2, 6, 23, .4);--border-color: rgba(148, 163, 184, .26);--border-muted-color: rgba(51, 65, 85, .85);--input-border-color: rgba(100, 116, 139, .7);--accent-color: #60a5fa;--accent-outline-color: rgba(96, 165, 250, .28);--tag-surface-color: rgba(37, 99, 235, .18);--tag-text-color: #bfdbfe;--row-alt-color: rgba(15, 23, 42, .74);--scrollbar-thumb-color: rgba(100, 116, 139, .6);--chip-count-color: rgba(148, 163, 184, .22);--placeholder-color: #94a3b8;--button-surface-color: rgba(15, 23, 42, .9);--button-text-color: #cbd5e1;--button-border-color: rgba(100, 116, 139, .5);--danger-surface-color: rgba(69, 10, 10, .35);--danger-border-color: rgba(248, 113, 113, .45);--danger-text-color: #fecaca;--shadow-soft: 0 18px 36px rgba(2, 6, 23, .45);--shadow-strong: 0 22px 44px rgba(2, 6, 23, .5)}}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--background-color)}body{margin:0;min-width:320px;color:var(--text-color);background:var(--background-color)}button,input{font:inherit;color:inherit}input::placeholder{color:var(--placeholder-color);opacity:1}