:root{color-scheme:dark;--bg: #0b1020;--bg-elevated: rgba(17, 24, 39, .88);--bg-soft: rgba(30, 41, 59, .55);--border: rgba(148, 163, 184, .18);--border-strong: rgba(148, 163, 184, .32);--text: #f8fafc;--text-muted: #94a3b8;--primary: #7c3aed;--primary-soft: rgba(124, 58, 237, .18);--success-soft: rgba(34, 197, 94, .14);--danger-soft: rgba(239, 68, 68, .16);--warning-soft: rgba(245, 158, 11, .16);--shadow: 0 18px 50px rgba(2, 6, 23, .35);--radius: 18px;--radius-sm: 12px;--content-max: 1440px;--transition: .18s ease;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(circle at top left,rgba(124,58,237,.16),transparent 28%),radial-gradient(circle at top right,rgba(56,189,248,.1),transparent 22%),linear-gradient(180deg,#060a14 0%,var(--bg) 100%);color:var(--text)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.app-shell{display:grid;grid-template-columns:300px minmax(0,1fr);max-width:var(--content-max);min-height:100vh;margin:0 auto;padding:24px;gap:24px}.sidebar{position:sticky;top:24px;align-self:start;display:flex;flex-direction:column;gap:18px;padding:20px;border:1px solid var(--border);border-radius:28px;background:#0a0f1bb8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.sidebar__brand-link{display:flex;gap:14px;align-items:center}.sidebar__brand-mark{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#8b5cf6,#22d3ee);color:#fff;font-weight:800}.sidebar__brand strong{display:block;font-size:1.02rem}.sidebar__brand p{margin:4px 0 0;color:var(--text-muted);font-size:.9rem}.sidebar__nav{display:flex;flex-direction:column;gap:10px}.sidebar__link{display:block;padding:14px 16px;border:1px solid transparent;border-radius:16px;background:transparent;transition:transform var(--transition),background var(--transition),border-color var(--transition)}.sidebar__link:hover,.sidebar__link:focus-visible{background:#1e293b73;border-color:var(--border);transform:translateY(-1px)}.sidebar__link--active{background:linear-gradient(180deg,#7c3aed33,#6366f11f);border-color:#8b5cf659}.sidebar__link-title{display:block;font-weight:600}.sidebar__link-caption{display:block;margin-top:4px;color:var(--text-muted);font-size:.88rem}.content{min-width:0}.page{display:flex;flex-direction:column;gap:20px}.hero,.tool-header,.card{border:1px solid var(--border);background:var(--bg-elevated);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.hero{padding:28px;border-radius:28px}.hero h1,.tool-header h1{margin:0 0 14px;font-size:clamp(2rem,3vw,2.8rem);line-height:1.05}.hero p,.tool-header p,.card p{color:#d7e0ec;line-height:1.65}.hero__badge,.tool-header__badge,.tool-card__badge,.status-pill{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:8px 12px;border:1px solid rgba(124,58,237,.3);border-radius:999px;background:var(--primary-soft);color:#d6c5ff;font-size:.85rem}.tool-header{padding:24px 28px;border-radius:28px}.tool-header__content{max-width:760px}.page-grid,.split-grid,.home-grid,.stats-grid,.diff-grid,.button-row,.chips-row,.options-row,.stack{display:grid}.page-grid{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:20px}.stack{gap:20px}.home-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.split-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.card{padding:22px;border-radius:24px}.card--compact{padding:18px 22px}.tool-card{transition:transform var(--transition),border-color var(--transition),background var(--transition)}.tool-card:hover{transform:translateY(-2px);border-color:var(--border-strong);background:#111827f0}.tool-card__header h2{margin:14px 0 8px;font-size:1.25rem}.text-link{display:inline-flex;margin-top:14px;color:#c4b5fd;font-weight:600}.field{display:grid;gap:8px}.field__label{font-size:.95rem;font-weight:600}.field__hint{color:var(--text-muted);font-size:.88rem}.field__error,.error-message{color:#fda4af;font-size:.92rem}.status-message{color:#93c5fd;font-size:.92rem}.input,.textarea{width:100%;border:1px solid var(--border);border-radius:16px;background:#0f172aeb;color:var(--text);padding:14px 16px;outline:none;transition:border-color var(--transition),box-shadow var(--transition),background var(--transition)}.input:focus,.textarea:focus{border-color:#818cf8bf;box-shadow:0 0 0 4px #6366f11f}.textarea{min-height:180px;resize:vertical;line-height:1.55}.button-row,.chips-row,.options-row{gap:12px;margin-top:18px}.button-row{grid-template-columns:repeat(auto-fit,minmax(160px,max-content))}.chips-row{grid-template-columns:repeat(auto-fit,minmax(180px,max-content))}.options-row{grid-template-columns:repeat(auto-fit,minmax(180px,max-content));align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid transparent;border-radius:14px;padding:0 16px;cursor:pointer;transition:transform var(--transition),background var(--transition),border-color var(--transition),opacity var(--transition);white-space:nowrap}.button:hover:not(:disabled),.button:focus-visible:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.55;cursor:not-allowed}.button--primary{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff}.button--secondary{background:#1e293bd9;border-color:var(--border);color:var(--text)}.button--ghost{background:transparent;border-color:var(--border);color:#dbeafe}.button--danger{background:#7f1d1d5c;border-color:#f8717147;color:#fecaca}.button--full{width:100%}.section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.section-header h2,.card h2{margin:0;font-size:1.2rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.stat-tile{padding:16px;border:1px solid var(--border);border-radius:18px;background:#0f172ab8}.stat-tile span{display:block;color:var(--text-muted);font-size:.88rem}.stat-tile strong{display:block;margin-top:10px;font-size:1.4rem}.empty-state,.muted{color:var(--text-muted)}.diff-grid{grid-template-columns:1fr 1fr;gap:10px 12px;align-items:start}.diff-grid__head{padding:10px 12px;color:var(--text-muted);font-weight:600}.diff-grid__row{display:contents}.diff-cell{min-height:48px;padding:12px 14px;border:1px solid var(--border);border-radius:16px;background:#0f172ab8;white-space:pre-wrap;word-break:break-word}.diff-cell--same{border-color:#22c55e2e;background:var(--success-soft)}.diff-cell--changed{border-color:#f59e0b47;background:var(--warning-soft)}.diff-cell--added{border-color:#38bdf840;background:#0891b229}.diff-cell--removed{border-color:#f8717142;background:var(--danger-soft)}.checkbox{display:inline-flex;gap:10px;align-items:center;color:#e2e8f0}.checkbox input{accent-color:#8b5cf6}.segmented{display:inline-flex;gap:10px;flex-wrap:wrap}.page-section{display:grid}@media (max-width: 1080px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;overflow-x:auto}.sidebar__nav{flex-direction:row;min-width:max-content}.sidebar__link{min-width:220px}.page-grid,.home-grid,.split-grid{grid-template-columns:1fr}}@media (max-width: 720px){.app-shell{padding:14px;gap:16px}.card,.hero,.tool-header,.sidebar{border-radius:22px}.card,.hero,.tool-header,.sidebar{padding:18px}.button-row,.chips-row,.options-row{grid-template-columns:1fr}.button{width:100%}.diff-grid{grid-template-columns:1fr}.diff-grid__head:nth-of-type(2){display:none}}