.controls{background-color:var(--gray-100);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);border-radius:var(--border-radius);display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:center;border:1px solid var(--border-color)}.controls label{font-weight:600;margin-bottom:0;margin-right:var(--spacing-xs);white-space:nowrap}.controls input[type=number]{width:80px}.controls select{min-width:180px}.output-controls{display:flex;justify-content:flex-end;align-items:center;margin-bottom:var(--spacing-sm)}#copyButton i{margin-right:6px}.copy-feedback{margin-left:var(--spacing-sm);font-size:.9em;color:var(--success)}.output-area{background-color:var(--gray-100);border:1px solid var(--border-color);padding:var(--spacing-md);min-height:150px;border-radius:var(--border-radius);white-space:pre-wrap;line-height:1.6;overflow-y:auto;max-height:60vh;color:var(--text-color)}.output-area p{margin-bottom:1em}.output-area p:last-child{margin-bottom:0}@media (max-width: 768px){.controls{flex-direction:column;align-items:stretch}.controls label{margin-bottom:var(--spacing-xs)}.controls input[type=number],.controls select{width:100%}}