.tool-page .input-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem}.tool-page .input-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.875rem}.tool-page .input-label{font-size:.72rem;font-weight:700;color:var(--muted2);text-transform:uppercase;letter-spacing:.1em}.tool-page .main-input{width:100%;background:var(--surface2);border:1px solid var(--border-strong);color:var(--text);padding:16px;border-radius:var(--radius-md);font-family:var(--sans);font-size:1rem;resize:vertical;outline:none;transition:border-color .15s;min-height:160px;line-height:1.6}.tool-page .main-input:focus{border-color:var(--accent)}.tool-page .main-input::placeholder{color:var(--muted)}.tool-page .input-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.875rem;flex-wrap:wrap;gap:8px}.tool-page .input-stats{display:flex;gap:8px}.tool-page .stat-chip{display:flex;align-items:center;gap:6px;background:var(--surface2);border:1px solid var(--border);padding:4px 10px;border-radius:var(--radius-sm)}.tool-page .stat-label{font-size:.65rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.tool-page .stat-value{font-size:.85rem;font-weight:700;color:var(--accent)}.tool-page .input-actions{display:flex;gap:8px}.tool-page .outputs-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px;margin-bottom:1.5rem}@media (min-width:640px){.tool-page .outputs-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:460px){.tool-page .outputs-grid{grid-template-columns:1fr}}.tool-page .output-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem 1.125rem;transition:border-color .15s}.tool-page .output-card:hover{border-color:var(--accent)}.tool-page .output-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.tool-page .output-label{font-size:.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.tool-page .copy-btn{padding:2px 8px;border-radius:5px;border:1px solid var(--border);background:var(--surface2);color:var(--muted2);font-size:.7rem;font-weight:600;cursor:pointer;font-family:var(--sans);transition:all .15s}.tool-page .copy-btn:hover{border-color:var(--accent);color:var(--accent)}.tool-page .copy-btn.copied{border-color:var(--success);color:var(--success)}.tool-page .output-value{min-height:24px;color:var(--text);font-size:.875rem;word-break:break-all;line-height:1.5}.tool-page .output-value.empty{color:var(--muted);font-style:italic}.tool-page .font-mono{font-family:var(--mono)}