.file-diff{height:100%;display:flex;flex-direction:column}.diff-legend{display:flex;gap:1.5rem;padding:1rem 1.5rem;background:var(--diff-legend-bg);border-bottom:1px solid var(--diff-panel-border);font-size:.85rem;color:var(--text-strong)}.legend-item{display:flex;align-items:center;gap:.5rem;color:var(--text-muted)}.legend-color{width:16px;height:16px;border-radius:3px;border:1px solid var(--diff-panel-border)}.legend-color.unchanged{background:var(--diff-highlight-unchanged)}.legend-color.added{background:var(--diff-highlight-added)}.legend-color.removed{background:var(--diff-highlight-removed)}.legend-color.modified{background:var(--diff-highlight-modified)}.diff-content{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--diff-panel-border);flex:1;overflow:auto}.diff-side{background:var(--diff-panel-bg);display:flex;flex-direction:column;overflow:hidden}.side-header{padding:.75rem 1rem;background:var(--panel-header);color:var(--panel-header-text);font-weight:600;border-bottom:2px solid var(--diff-panel-border);position:sticky;top:0;z-index:10}.file-name{font-family:Courier New,Courier,monospace;font-size:.9rem;color:var(--text-strong)}.lines{flex:1;font-family:Courier New,Courier,monospace;font-size:.85rem;line-height:1.5;background:var(--diff-panel-bg);color:var(--diff-line-text)}.diff-line{display:flex;min-height:1.5em}.diff-line.unchanged{background:var(--diff-highlight-unchanged)}.diff-line.added{background:var(--diff-highlight-added)}.diff-line.removed{background:var(--diff-highlight-removed)}.diff-line.modified{background:var(--diff-highlight-modified)}.diff-line.empty{background:var(--surface-soft)}.line-number{display:inline-block;width:50px;padding:0 .5rem;text-align:right;color:var(--text-muted);background:var(--diff-line-number-bg);border-right:1px solid var(--diff-panel-border);-webkit-user-select:none;user-select:none;flex-shrink:0}.line-content{padding:0 .75rem;white-space:pre;flex:1;overflow-x:auto;color:var(--diff-line-text)}.diff-line:hover{filter:brightness(.95)}.left-side .lines,.right-side .lines{overflow-y:scroll;overflow-x:auto}@media (max-width: 1200px){.diff-content{grid-template-columns:1fr}.right-side{border-top:3px solid #2c3e50}}.diff-viewer{display:flex;flex-direction:column;height:100%;gap:1.5rem}.diff-controls{background:var(--surface-elevated);padding:1rem 1.5rem;border-radius:16px;border:1px solid var(--border-subtle);box-shadow:0 18px 35px #0f172a1f;display:flex;gap:1rem;align-items:center;flex-wrap:wrap;color:var(--text-strong)}.diff-panels{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.diff-panel{background:var(--surface-elevated);border-radius:16px;border:1px solid var(--border-subtle);box-shadow:0 18px 35px #0f172a1f;overflow:hidden;display:flex;flex-direction:column;min-height:200px}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--panel-header);color:var(--panel-header-text)}.panel-header h3{margin:0;font-size:1.1rem;font-weight:600}.panel-actions{display:flex;gap:.5rem}.btn-small{padding:.4rem 1rem;font-size:.85rem}.btn-clear{background:#e74c3c;color:#fff}.btn-clear:hover{background:#c0392b}.file-info{padding:1rem 1.5rem;background:var(--surface-muted);border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center}.file-name-display{font-weight:600;color:var(--text-strong);font-family:Courier New,Courier,monospace}.file-stats{color:var(--text-muted);font-size:.9rem}.drop-zone{flex:1;display:flex;align-items:center;justify-content:center;border:2px dashed var(--border-subtle);margin:1rem;border-radius:12px;transition:all .2s;min-height:150px;background:var(--surface-soft)}.drop-zone:hover{border-color:#4f46e599;background:#4f46e50d}.drop-zone.dragging{border-color:#4f46e5cc;background:#4f46e51f;border-width:3px}.drop-content{text-align:center;color:var(--text-muted);pointer-events:none}.drop-icon{font-size:3rem;margin-bottom:1rem;color:#4f46e599}.drop-content p{margin:.25rem 0}.drop-hint{font-size:.85rem;color:var(--text-muted)}.diff-result{background:var(--surface-elevated);border-radius:16px;border:1px solid var(--border-subtle);box-shadow:0 18px 35px #0f172a1f;overflow:hidden;flex:1;min-height:400px}@media (max-width: 1024px){.diff-panels{grid-template-columns:1fr}}.json-node,.json-node.root{margin-left:0}.node-line{display:flex;align-items:baseline;padding:2px 0;cursor:default;border-radius:3px;transition:background .1s}.node-line:hover{background:#3498db0d}.node-line.expandable .node-key{cursor:pointer;font-weight:600}.expand-icon{display:inline-block;width:20px;color:#7f8c8d;cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0}.expand-icon.placeholder{cursor:default}.node-key{color:#8e44ad;margin-right:8px;flex-shrink:0}.node-value{flex:1}.value-null{color:#95a5a6;font-style:italic}.value-boolean{color:#e67e22;font-weight:600}.value-number{color:#27ae60}.value-string{color:#c0392b}.value-array,.value-object{color:#34495e}.item-count{color:#95a5a6;font-size:.85em;margin-left:8px}.node-children{margin-left:20px;border-left:1px solid #ecf0f1;padding-left:8px}.context-menu{position:fixed;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #00000026;min-width:220px;z-index:1000;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.context-menu-header{padding:8px 12px;background:#f8f9fa;border-bottom:1px solid #e9ecef;font-size:.75rem;color:#6c757d}.path-display{font-family:Courier New,Courier,monospace;word-break:break-all}.context-menu-item{padding:10px 16px;cursor:pointer;display:flex;align-items:center;gap:10px;font-size:.9rem;transition:background .1s}.context-menu-item:hover{background:#f0f7ff;color:#06c}.menu-icon{font-size:1rem;width:20px;text-align:center}.context-menu-divider{height:1px;background:#e9ecef;margin:4px 0}.context-menu-info{padding:8px 16px;font-size:.85rem;color:#6c757d;background:#f8f9fa}.context-menu-info strong{color:#495057}.json-tree{font-family:Courier New,Courier,monospace;font-size:.9rem;line-height:1.6;-webkit-user-select:text;user-select:text}.json-viewer{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.input-section,.output-section{display:flex;flex-direction:column;background:var(--surface-elevated);border-radius:16px;border:1px solid var(--border-subtle);box-shadow:0 18px 35px #0f172a1f;overflow:hidden}.input-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-subtle);background:var(--surface-muted)}.input-header h2,.output-section>h2{margin:0;font-size:1.1rem;color:var(--text-strong)}.output-section>h2{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-subtle);background:var(--surface-muted)}.button-group{display:flex;gap:.5rem}.btn{padding:.45rem 1.1rem;border:1px solid var(--border-subtle);border-radius:12px;cursor:pointer;font-size:.9rem;transition:all .2s;font-weight:600;background:var(--btn-ghost-bg);color:var(--text-strong)}.btn-secondary{background:var(--btn-ghost-bg);color:var(--text-strong)}.btn-secondary:hover{background:var(--btn-ghost-bg-hover)}.drop-zone{position:relative;flex:1;min-height:0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);background:var(--surface-soft)}.json-input{width:100%;height:100%;padding:1.5rem;border:none;font:inherit;resize:none;outline:none;background:transparent}.drop-zone.dragging .json-input{opacity:.3}.drag-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#6366f11a;border:3px dashed rgba(99,102,241,.4);display:flex;align-items:center;justify-content:center;pointer-events:none}.drag-message{background:var(--surface-elevated);padding:2rem 3rem;border-radius:8px;font-size:1.2rem;color:#4f46e5;font-weight:600;box-shadow:0 10px 25px #0f172a2e}.error-message{padding:1rem 1.5rem;background:#f8717126;color:#b91c1c;border-top:1px solid rgba(248,113,113,.35);font-size:.9rem}.tree-container{flex:1;overflow:auto;padding:1.5rem;background:var(--surface-soft)}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);padding:2rem;background:var(--surface-soft)}.empty-state p{margin:.5rem 0}.empty-hint{font-size:.9rem}.btn,.btn-secondary{border:1px solid transparent}.btn:hover{transform:translateY(-1px);background:var(--btn-ghost-bg-hover)}@media (max-width: 1024px){.json-viewer{grid-template-columns:1fr}}.csv-tool{gap:1.25rem}.csv-insights{display:flex;gap:1rem;border:1px solid var(--border-subtle);border-radius:12px;padding:.75rem 1rem;background:var(--surface-elevated);flex-wrap:wrap}.csv-insights>div{display:flex;flex-direction:column;min-width:120px}.csv-insights strong{font-size:1.5rem;color:var(--text-strong)}.csv-insights span{font-size:.85rem;color:var(--text-muted)}.csv-table-toolbar{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;flex-wrap:wrap}.csv-table-toolbar h3{margin:0}.csv-table-toolbar p{margin:.25rem 0 0;color:var(--text-muted);font-size:.9rem}.csv-table-toolbar__actions{display:flex;gap:.5rem;flex-wrap:wrap}.csv-table-wrapper{border:1px solid var(--border-subtle);border-radius:12px;background:var(--surface-elevated);padding:.5rem;min-height:240px}.csv-table-scroll{overflow:auto;max-height:520px}.csv-table{width:100%;border-collapse:collapse;min-width:420px}.csv-table th,.csv-table td{border-bottom:1px solid var(--border-subtle);padding:.35rem;min-width:140px}.csv-table th{background:var(--surface-soft);position:sticky;top:0;z-index:1}.csv-table input{width:100%;border:1px solid transparent;border-radius:8px;background:transparent;padding:.35rem .5rem;font-family:inherit;font-size:.95rem;color:var(--text-strong);transition:border-color .2s,background .2s,box-shadow .2s}.csv-table input:focus{outline:none;border-color:#4f46e599;background:var(--surface-soft);box-shadow:0 0 0 2px #4f46e526}.csv-table__empty{text-align:center;color:var(--text-muted);padding:2rem 1rem}:root{--editor-font-size: .95rem;--editor-white-space: pre-wrap}:root[data-font-size=small]{--editor-font-size: .85rem}:root[data-font-size=large]{--editor-font-size: 1.1rem}:root[data-line-wrap=nowrap]{--editor-white-space: pre}:root[data-theme=dark] body{background:#0b1120;color:#e2e8f0}:root{--surface-base: #f5f5f8;--surface-elevated: #ffffff;--surface-muted: #f1f5f9;--surface-soft: #f8fafc;--border-subtle: rgba(15, 23, 42, .08);--text-strong: #0f172a;--text-muted: #64748b;--panel-header: #1e293b;--panel-header-text: #ffffff;--btn-ghost-bg: rgba(15, 23, 42, .05);--btn-ghost-bg-hover: rgba(15, 23, 42, .08);--regex-bg: rgba(79, 70, 229, .05);--settings-backdrop: rgba(15, 23, 42, .45);--diff-panel-bg: #ffffff;--diff-panel-border: #e5e7eb;--diff-legend-bg: #f8f9fa;--diff-line-text: #0f172a;--diff-line-number-bg: rgba(15, 23, 42, .03);--diff-highlight-unchanged: #ffffff;--diff-highlight-added: #d4edda;--diff-highlight-removed: #f8d7da;--diff-highlight-modified: #fff3cd}:root[data-theme=dark]{--surface-base: #030712;--surface-elevated: #0f172a;--surface-muted: #111c34;--surface-soft: #0b1220;--border-subtle: rgba(148, 163, 184, .3);--text-strong: #f8fafc;--text-muted: #94a3b8;--panel-header: linear-gradient(120deg, #312e81, #1e1b4b);--panel-header-text: #e0e7ff;--btn-ghost-bg: rgba(99, 102, 241, .15);--btn-ghost-bg-hover: rgba(99, 102, 241, .25);--regex-bg: rgba(59, 130, 246, .08);--settings-backdrop: rgba(2, 6, 23, .7);--diff-panel-bg: #0f172a;--diff-panel-border: rgba(148, 163, 184, .35);--diff-legend-bg: rgba(15, 23, 42, .85);--diff-line-text: #f8fafc;--diff-line-number-bg: rgba(148, 163, 184, .12);--diff-highlight-unchanged: rgba(248, 250, 252, .04);--diff-highlight-added: rgba(34, 197, 94, .2);--diff-highlight-removed: rgba(248, 113, 113, .2);--diff-highlight-modified: rgba(250, 204, 21, .18)}:root[data-theme=dark] .editor-input{background:var(--surface-soft);color:var(--text-strong);border-color:var(--border-subtle)}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{background:linear-gradient(120deg,#182848,#4b6cb7);color:#fff;padding:2.5rem clamp(1.5rem,4vw,4rem);box-shadow:0 8px 20px #1828482e}.app-header__inner{display:flex;justify-content:space-between;align-items:flex-start;gap:clamp(1rem,3vw,2.5rem)}.app-header h1{font-size:clamp(1.75rem,4vw,2.4rem);margin-bottom:.5rem}.app-kicker{text-transform:uppercase;font-size:.8rem;letter-spacing:.18em;opacity:.8;margin-bottom:.5rem}.app-subtitle{max-width:720px;line-height:1.5;opacity:.9}.app-header__actions{display:flex;align-items:center;gap:.75rem}.settings-button{border:2px solid rgba(255,255,255,.6);color:#fff;border-radius:999px;padding:.8rem 2.2rem;font-size:1rem;background:linear-gradient(135deg,#0f172a66,#0f172aa6);font-weight:700;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s}.settings-button:hover{background:#0f172a8c;transform:translateY(-2px);box-shadow:0 15px 30px #0f172a59}.app-nav{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem clamp(1.5rem,4vw,4rem);background:#0f172a}.app-nav__link{color:#ffffffbf;padding:.45rem 1rem;border-radius:999px;font-weight:500;text-decoration:none;border:1px solid transparent;transition:color .2s,border-color .2s,background .2s}.app-nav__link:hover{border-color:#fff6}.app-nav__link.active{background:#ffffff26;color:#fff}.app-body{flex:1;display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(1.5rem,4vw,2.5rem);padding:clamp(1.5rem,4vw,3rem);background:var(--surface-base)}.app-main{min-width:0;display:flex;flex-direction:column;gap:1.5rem}.app-footer{padding:1rem clamp(1.5rem,4vw,4rem);font-size:.9rem;color:var(--text-muted);border-top:1px solid var(--border-subtle);background:var(--surface-elevated)}.dashboard{background:var(--surface-elevated);border-radius:16px;padding:clamp(1.5rem,4vw,2.5rem);box-shadow:0 24px 45px #0f172a14}.dashboard__hero{margin-bottom:1.5rem}.dashboard__hero h2{font-size:1.5rem;margin-bottom:.5rem}.dashboard__hero p{color:var(--text-muted)}.dashboard__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:1rem}.tool-card{display:flex;flex-direction:column;gap:.65rem;background:linear-gradient(135deg,#0f172aeb,#1e293beb);color:#fff;border-radius:20px;padding:1.4rem 1.6rem;text-decoration:none;box-shadow:0 22px 45px #0f172a73;transition:transform .2s,box-shadow .2s,background .2s;position:relative;overflow:hidden}.tool-card--disabled{background:#0f172a73;color:#fff9}.tool-card:hover{transform:translateY(-4px);box-shadow:0 28px 55px #0f172a8c}.tool-card__header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.tool-card__badge{font-size:.75rem;padding:.2rem .8rem;border-radius:999px;background:#fff3;border:1px solid rgba(255,255,255,.4)}.tool-page{background:var(--surface-elevated);border-radius:16px;padding:clamp(1.25rem,3vw,2rem);box-shadow:0 24px 45px #0f172a14;border:1px solid var(--border-subtle)}.tool-page__header{margin-bottom:1rem}.tool-page__header h2{margin-bottom:.25rem}.tool-page__header p{color:var(--text-muted)}.tool-placeholder{border:1px dashed var(--border-subtle);padding:2rem;border-radius:12px;color:var(--text-muted);background:var(--surface-soft)}.tool-panel{display:grid;gap:1.5rem}@media (min-width: 960px){.tool-panel{grid-template-columns:repeat(2,minmax(0,1fr))}}.tool-panel__column{display:flex;flex-direction:column;gap:1rem}.tool-field{display:flex;flex-direction:column;gap:.35rem}.tool-field label{font-size:.9rem;font-weight:600;color:#0f172a}.tool-field input,.tool-field textarea{width:100%;border:1px solid var(--border-subtle);border-radius:10px;padding:.75rem .85rem;font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.95rem;background:var(--surface-soft);transition:border-color .2s,background .2s;color:var(--text-strong)}.tool-field input:focus,.tool-field textarea:focus{outline:none;border-color:#4f46e599;background:var(--surface-elevated)}.tool-field input::placeholder,.tool-field textarea::placeholder{color:var(--text-muted)}.tool-field textarea{min-height:220px;resize:vertical}.editor-input{font-family:JetBrains Mono,Fira Code,Source Code Pro,monospace;font-size:var(--editor-font-size);white-space:var(--editor-white-space)}.tool-field--grow{flex:1}.tool-field--grow textarea{height:100%;min-height:320px}.tool-textarea--fill{height:100%}.tool-panel__section{border:1px solid var(--border-subtle);border-radius:12px;padding:1rem;background:var(--surface-elevated);display:flex;flex-direction:column;gap:1rem;flex:1}.tool-panel__toolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.tool-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.tool-button{background:#4b6cb7;color:#fff;border:none;border-radius:999px;padding:.45rem 1.25rem;font-weight:600;cursor:pointer;transition:background .2s,transform .2s}.tool-button:hover:enabled{background:#3552a3;transform:translateY(-1px)}.tool-button:disabled{opacity:.5;cursor:not-allowed}.tool-button--ghost{background:var(--btn-ghost-bg);color:var(--text-strong)}.tool-button input[type=file]{display:none}.tool-hint{font-size:.85rem;color:#6b7280}.tool-alert{border-radius:10px;padding:.75rem;background:#f871711f;color:#b91c1c;border:1px solid rgba(248,113,113,.4)}.tool-grid{display:grid;gap:.75rem}@media (min-width: 600px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.xml-meta{display:flex;gap:1rem;font-size:.9rem;color:var(--text-muted)}.xml-tree{border:1px solid var(--border-subtle);border-radius:12px;padding:1rem;background:var(--surface-soft);max-height:320px;overflow:auto}.xml-tree__node{border-left:2px solid rgba(79,70,229,.15);margin-left:.75rem;padding-left:.75rem}.xml-tree__label{display:flex;flex-wrap:wrap;gap:.35rem;font-weight:600;color:var(--text-strong)}.xml-tree__children{margin-top:.5rem;display:grid;gap:.4rem}.xml-tag{color:#2563eb}.xml-attr{font-size:.85rem;color:var(--text-muted)}.xml-attr span{color:#1d4ed8}.xml-text{margin:.25rem 0 .25rem .5rem;color:var(--text-strong)}.xml-placeholder{color:var(--text-muted)}.xml-output{border-radius:12px;border:1px solid var(--border-subtle);background:var(--surface-soft);color:var(--text-strong)}.xml-output__header{display:flex;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border-subtle)}.xml-output pre{margin:0;padding:1rem;overflow:auto}.regex-preview{border:1px solid var(--border-subtle);border-radius:12px;background:var(--regex-bg)}.regex-preview__header{display:flex;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border-subtle);font-size:.95rem;color:var(--text-muted)}.regex-preview__body{padding:1rem;min-height:120px;font-family:JetBrains Mono,Fira Code,monospace;line-height:1.6;word-break:break-word}.regex-preview mark{display:inline-block;padding:.1rem .2rem;margin:.05rem;background:#0ea5e959;border-radius:4px}.regex-placeholder{color:var(--text-muted);font-size:.9rem}.regex-matches{border:1px solid var(--border-subtle);border-radius:12px;padding:1rem;background:var(--surface-elevated)}.regex-matches ul{list-style:none;display:flex;flex-direction:column;gap:.75rem}.regex-match{display:flex;justify-content:space-between;align-items:center}.regex-match strong{font-family:JetBrains Mono,monospace;font-size:.95rem;color:var(--text-strong)}.regex-match span{font-size:.8rem;color:var(--text-muted)}.regex-groups{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.35rem;font-size:.85rem;color:#475569}.regex-groups span{background:var(--surface-muted);border-radius:999px;padding:.15rem .6rem}.regex-output{border-radius:12px;border:1px solid var(--border-subtle);background:var(--surface-soft);color:var(--text-strong)}.regex-output__header{padding:.75rem 1rem;border-bottom:1px solid var(--border-subtle)}.regex-output pre{margin:0;padding:1rem;min-height:120px;overflow:auto}.settings-panel{position:fixed;top:0;right:0;width:min(420px,90vw);height:100vh;background:var(--surface-elevated);box-shadow:-20px 0 60px #0f172a33;padding:2rem;transform:translate(100%);transition:transform .3s ease;z-index:50;display:flex;flex-direction:column;gap:1.5rem}.settings-panel--open{transform:translate(0)}.settings-panel__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--settings-backdrop);opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:40}.settings-panel__backdrop--visible{opacity:1;pointer-events:auto}.settings-panel__header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.settings-panel__close{border:none;background:#0f172a14;border-radius:999px;padding:.35rem .9rem;cursor:pointer;font-weight:600}.settings-panel__eyebrow{text-transform:uppercase;font-size:.75rem;letter-spacing:.2em;color:#94a3b8;margin-bottom:.25rem}.settings-panel__content{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.settings-panel__section{border:1px solid var(--border-subtle);border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:1rem;background:var(--surface-muted)}.settings-panel__grid{display:grid;gap:.75rem}.settings-panel__grid label,.settings-panel__import label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem}.settings-panel__grid select,.settings-panel__import textarea{border:1px solid #cbd5f5;border-radius:10px;padding:.45rem .75rem;font-size:.95rem}.settings-panel__toggle{flex-direction:row;align-items:center;gap:.5rem}.settings-panel__actions{display:flex;justify-content:flex-end}.settings-panel__actions button,.settings-panel__section-actions button,.settings-panel__import-actions button,.history-group__header button{border:1px solid #cbd5f5;background:#f8fafc;color:#0f172a;border-radius:999px;padding:.35rem .95rem;cursor:pointer;font-weight:600}.settings-panel__section-header{display:flex;justify-content:space-between;align-items:center}.settings-panel__section-actions{display:flex;gap:.5rem}.history-groups{display:flex;flex-direction:column;gap:1rem}.history-group{border:1px solid var(--border-subtle);border-radius:12px;padding:.75rem;background:var(--surface-soft)}.history-group__header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.history-group__header h4{margin:0}.history-group__header p{margin:0;color:var(--text-muted);font-size:.85rem}.history-group__list{list-style:none;padding:0;margin:.75rem 0 0;display:flex;flex-direction:column;gap:.35rem}.history-group__list li{display:flex;justify-content:space-between;gap:.5rem;align-items:center;background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:8px;padding:.35rem .5rem}.history-group__list code{font-family:JetBrains Mono,Fira Code,monospace;font-size:.8rem;color:var(--text-strong);background:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-group__list button{border-radius:6px;padding:.25rem .6rem;border:1px solid var(--border-subtle);background:var(--btn-ghost-bg);color:var(--text-strong)}.history-group__empty{margin:.5rem 0 0;color:#94a3b8;font-size:.9rem}.settings-panel__import textarea{resize:vertical}.settings-panel__import-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.settings-panel__status{font-size:.85rem;color:#16a34a}.settings-panel__status--error{color:#dc2626}@media (max-width: 1024px){.app-body{grid-template-columns:1fr}}@media (max-width: 640px){.app-nav{flex-direction:column}.tool-card{box-shadow:none}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--surface-base);color:var(--text-strong);transition:background .3s ease,color .3s ease}code{font-family:Courier New,Courier,monospace}#root{width:100%;min-height:100vh}