.input-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:24px;margin-bottom:24px}.input-card label{display:block;font-size:.875rem;font-weight:500;margin-bottom:8px}.text-input{width:100%;padding:12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.8125rem;font-family:var(--font-mono);resize:vertical}.text-input:focus{outline:none;border-color:var(--color-accent)}.btn-action{margin-top:12px;padding:10px 20px;border:1px solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-accent);color:#fff;font-size:.875rem;cursor:pointer}.btn-action:hover{opacity:.9}.result-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:24px}.result-card h3{margin:0 0 20px;font-size:1rem}.result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(max-width:480px){.result-grid{grid-template-columns:1fr}}.result-item{padding:16px;background:var(--color-bg);border-radius:var(--radius-sm)}.result-label{display:block;font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;margin-bottom:6px}.result-value{font-size:1rem;font-weight:500}