.options-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:20px;margin-bottom:24px}.options-card>label{display:block;font-size:.875rem;font-weight:500;margin-bottom:12px}.checkbox-group{display:flex;flex-wrap:wrap;gap:16px}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:.875rem;cursor:pointer}.checkbox-label input{accent-color:var(--color-accent)}.converter-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:stretch}@media(max-width:768px){.converter-grid{grid-template-columns:1fr;gap:12px}}.editor-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--color-border);background:var(--color-bg)}.editor-title{font-size:.8125rem;font-weight:600;text-transform:uppercase}.btn-copy{padding:6px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);font-size:.75rem;cursor:pointer}.btn-copy:hover{border-color:var(--color-accent)}.editor-textarea{flex:1;min-height:200px;padding:16px;border:none;font-family:inherit;font-size:.9375rem;line-height:1.6;resize:none}.editor-textarea:focus{outline:none}.converter-actions{display:flex;flex-direction:column;justify-content:center;gap:12px}@media(max-width:768px){.converter-actions{flex-direction:row}}.btn-convert{padding:12px 20px;border:1px solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-accent);color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;white-space:nowrap}.btn-convert:hover{opacity:.9}