.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:.875rem;font-family:var(--font-mono);resize:vertical}.text-input:focus{outline:none;border-color:var(--color-accent)}.output-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}@media(max-width:768px){.output-grid{grid-template-columns:1fr}}.output-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.output-header{padding:12px 16px;border-bottom:1px solid var(--color-border);background:var(--color-bg)}.output-title{font-size:.8125rem;font-weight:600;text-transform:uppercase}.output-code{margin:0;padding:16px;font-family:var(--font-mono);font-size:.8125rem;line-height:1.6;overflow-x:auto;white-space:pre-wrap;min-height:120px}.info-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:20px}.info-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--color-border)}.info-item:last-child{border-bottom:none}.info-label{font-size:.875rem;color:var(--color-text-muted)}.info-value{font-size:.875rem;font-weight:500}.expired{color:#dc2626}.valid{color:#16a34a}