.input-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:24px;margin-bottom:24px}.form-row{margin-bottom:16px}.form-row:last-child{margin-bottom:0}.form-row label{display:block;font-size:.875rem;font-weight:500;margin-bottom:8px}.text-input,.select-input{width:100%;padding:12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.9375rem;font-family:var(--font-mono)}.text-input:focus,.select-input:focus{outline:none;border-color:var(--color-accent)}.results-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:480px){.results-grid{grid-template-columns:1fr}}.result-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.result-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--color-border);background:var(--color-bg)}.result-title{font-size:.75rem;font-weight:600}.btn-copy{padding:4px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);font-size:.6875rem;cursor:pointer}.btn-copy:hover{border-color:var(--color-accent)}.result-text{padding:16px;font-family:var(--font-mono);font-size:1rem;min-height:40px;word-break:break-all}