.inline-song-form{background:var(--color-surface);border:1px solid var(--color-border);padding:var(--songs-section-padding);border-radius:8px;margin:0;animation:.22s ease-out slideDown}.inline-song-form.closing{animation:.18s ease-in forwards slideUp}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:480px;transform:translateY(0)}}@keyframes slideUp{0%{opacity:1;max-height:480px;transform:translateY(0)}to{opacity:0;max-height:0;transform:translateY(-8px)}}.form-main-row{align-items:center;gap:.5rem;margin-bottom:.6rem;display:flex}.form-input{border:1px solid var(--color-border);background:var(--color-background);color:var(--color-text);border-radius:4px;padding:.4rem .6rem;font-size:.9rem;transition:border-color .2s}.form-input:focus{border-color:var(--color-primary);outline:none}.title-input{flex:1;min-width:200px}.form-expand-btn{background:var(--color-surface-hover);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;transition:all .2s;display:flex}.form-expand-btn:hover{background:var(--color-primary-alpha);color:var(--color-primary)}.form-expanded-fields{border-top:1px solid var(--color-border);flex-direction:column;gap:.5rem;padding-top:.5rem;animation:.2s ease-out fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.inline-song-form .form-row{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.form-textarea{resize:vertical;min-height:60px;font-family:inherit}.inline-song-form .form-collapse-btn{color:var(--color-text-muted);cursor:pointer;width:var(--icon-xl);height:var(--icon-xl);background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:absolute;top:.75rem;right:.75rem}.inline-song-form .form-collapse-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.inline-song-form.expanded{position:relative}.form-help{color:var(--color-text-muted);text-align:center;border-top:1px solid var(--color-border);margin-top:.5rem;padding-top:.5rem;font-size:.75rem}.create-song-form,.create-arrangement-form{flex-direction:column;gap:1rem;display:flex}.create-song-form .form-row,.create-arrangement-form .form-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;display:grid}.create-arrangement-form{gap:var(--spacing-lg);background:0 0;max-width:520px;margin:0 auto;padding:0}.create-arrangement-form .form-note{color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.4}.create-arrangement-form .form-group{gap:var(--spacing-xs)}.create-arrangement-form label{align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.01em;display:inline-flex}.create-arrangement-form input,.create-arrangement-form textarea{width:100%;padding:var(--input-padding);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);background:var(--surface-1);color:var(--text-primary);font-size:var(--font-size-md);transition:var(--transition-fast)}.create-arrangement-form input:focus,.create-arrangement-form textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px rgba(var(--accent-primary-rgb),.18);background:var(--surface-2);outline:none}.create-arrangement-form textarea{resize:vertical;min-height:96px;line-height:1.4}.create-arrangement-form .form-row{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start}.create-arrangement-form .field-hint{color:var(--text-muted);font-size:var(--font-size-xs)}.create-arrangement-form .label-pill{border-radius:var(--border-radius-md);background:rgba(var(--accent-primary-rgb),.12);color:var(--text-primary);font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:.06em;border:1px solid rgba(var(--accent-primary-rgb),.18);align-items:center;padding:2px 8px;display:inline-flex}.create-arrangement-form .label-pill.label-optional{color:var(--text-muted);border-color:var(--border-color);background:#ffffff0a}@media (max-width:640px){.create-arrangement-form{gap:var(--spacing-xl);padding:0}.create-arrangement-form .form-row{gap:var(--spacing-lg);grid-template-columns:1fr}}