.history-timeline{gap:var(--spacing-md);flex-direction:column;max-width:640px;display:flex}.history-loading,.history-error,.history-empty{justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl)var(--spacing-md);color:var(--text-muted);text-align:center;flex-direction:column;display:flex}.history-loading .spinner{border:2px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite history-spin}@keyframes history-spin{to{transform:rotate(360deg)}}.history-error p{color:var(--accent-danger)}.history-versions{gap:var(--spacing-md);padding-left:var(--spacing-sm);flex-direction:column;display:flex}.history-version-item{gap:var(--spacing-md);display:flex;position:relative}.history-version-dot{background:var(--accent-primary);border:2px solid var(--surface-1);width:12px;height:12px;box-shadow:0 0 0 2px var(--accent-primary-alpha);z-index:1;border-radius:50%;flex-shrink:0;position:relative}.history-version-item:not(:last-child) .history-version-dot:after{content:"";width:2px;height:calc(100% + var(--spacing-md) - 2px);background:var(--border-color);z-index:-1;position:absolute;top:100%;left:50%;transform:translate(-50%)}.history-version-content{min-width:0;padding:var(--spacing-md);background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);transition:all var(--transition-fast);flex:1}.history-version-content:hover{background:var(--surface-hover);border-color:var(--accent-secondary)}.history-version-header{justify-content:space-between;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);display:flex}.history-version-info{align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.history-version-number{font-family:var(--font-mono);font-weight:var(--font-weight-semibold);color:var(--accent-primary);font-size:var(--font-size-sm);background:var(--accent-primary-alpha);border-radius:var(--border-radius-sm);padding:2px 6px}.history-current-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--accent-success);text-transform:uppercase;letter-spacing:.06em;background:rgba(var(--accent-success-rgb,34,197,94),.15);border-radius:var(--border-radius-sm);padding:2px 6px}.history-version-reason{color:var(--text-secondary);font-size:var(--font-size-md)}.history-version-time{font-size:var(--font-size-sm);color:var(--text-muted);white-space:nowrap}.history-changes{gap:var(--spacing-xs);margin-bottom:var(--spacing-md);flex-wrap:wrap;display:flex}.history-change-badge{font-family:var(--font-mono);font-size:var(--font-size-xs);border-radius:var(--border-radius-sm);font-weight:var(--font-weight-medium);padding:2px 6px}.history-change-added{background:rgba(var(--accent-success-rgb,34,197,94),.15);color:var(--accent-success)}.history-change-modified{background:rgba(var(--accent-warning-rgb,251,191,36),.2);color:var(--accent-warning)}.history-change-removed{background:rgba(var(--accent-danger-rgb,239,68,68),.15);color:var(--accent-danger)}.history-restore-btn{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-md);background:var(--surface-2);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--accent-success);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);display:inline-flex}.history-restore-btn:hover{background:var(--accent-success);color:#0b0d10;border-color:var(--accent-success);transform:translateY(-1px)}.history-restore-btn:active{transform:translateY(0)}@media (max-width:640px){.history-version-header{flex-direction:column;align-items:flex-start}.history-version-time{align-self:flex-start}.history-timeline{max-width:unset}}.modal-content.modal-content-arrangement-history{width:92vw;max-width:1600px}.restore-warning{color:var(--accent-warning);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-sm)var(--spacing-md);background:rgba(var(--accent-warning-rgb,251,191,36),.1);border-radius:var(--border-radius-md);border:1px solid rgba(var(--accent-warning-rgb,251,191,36),.2)}.restore-changes{margin-bottom:var(--spacing-md)}.restore-changes h4,.restore-lyrics h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.06em}.restore-changes-list{gap:var(--spacing-xs);flex-direction:column;display:flex}.restore-change-item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs)var(--spacing-sm);background:var(--surface-1);border-radius:var(--border-radius-sm);display:flex}.restore-change-field{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);min-width:80px}.restore-change-diff{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--accent-warning)}.restore-lyrics{margin-top:var(--spacing-md)}.restore-lyrics-content{max-height:240px;padding:var(--spacing-md);background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--border-radius-md);overflow-y:auto}.restore-lytics-content pre{white-space:pre-wrap;word-wrap:break-word}.restore-lyrics-empty{color:var(--text-muted);font-style:italic}.restore-lyrics-ellipsis{color:var(--text-muted);margin-top:var(--spacing-xs);font-style:italic}.arrangement-history-container{gap:var(--spacing-lg);grid-template-columns:1fr 1fr;align-items:start;max-width:1400px;margin:0 auto;display:grid}.history-timeline-panel{min-width:0}.history-interaction-hint{padding:var(--spacing-md);background:rgba(var(--accent-primary-rgb,90,123,166),.08);border-left:3px solid var(--accent-primary);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md)}.history-interaction-hint p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:1.5}.history-diff-panel{top:var(--spacing-lg);max-height:calc(100vh - var(--spacing-3xl));background:var(--surface-2);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-md);position:sticky;overflow-y:auto}.diff-panel-empty{justify-content:center;align-items:center;gap:var(--spacing-xs);min-height:200px;color:var(--text-muted);text-align:center;flex-direction:column;display:flex}.diff-panel-empty p{margin:0}.diff-panel-hint-with-subtitle{margin-bottom:var(--spacing-xs)}.diff-panel-subtitle{font-size:var(--font-size-xs);color:var(--text-muted);font-style:italic}.diff-preview-hint{padding:var(--spacing-md);text-align:center;color:var(--text-muted);font-style:italic;font-size:var(--font-size-sm);margin:0}.diff-content-preview{min-height:100px}.history-version-item.selected,.history-version-item.selected .history-version-content{background:var(--surface-hover);border-color:var(--accent-primary)}.history-version-item.selected .history-version-dot{background:var(--accent-primary);box-shadow:0 0 0 4px rgba(var(--accent-primary-rgb,90,123,166),.2)}.history-version-item{cursor:pointer}.diff-panel-content{gap:var(--spacing-lg);flex-direction:column;display:flex}.diff-panel-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color);margin:0}.diff-section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);margin:0 0 var(--spacing-sm)0;text-transform:uppercase;letter-spacing:.06em}.diff-metadata-section{gap:var(--spacing-sm);flex-direction:column;display:flex}.diff-metadata-list{gap:var(--spacing-xs);flex-direction:column;display:flex}.diff-metadata-item{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-sm);background:var(--surface-1);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);display:flex}.diff-field-name{font-weight:var(--font-weight-semibold);color:var(--text-secondary);min-width:50px}.diff-before{color:var(--accent-danger);font-family:var(--font-mono)}.diff-after{color:var(--accent-success);font-family:var(--font-mono)}.diff-arrow{color:var(--text-muted);margin:0 var(--spacing-xs)}.diff-arrow-inline{color:var(--text-muted);margin:0 4px}.diff-added{color:var(--accent-success)}.diff-removed{color:var(--accent-danger)}.diff-modified{color:var(--accent-warning)}.diff-chord-section{gap:var(--spacing-sm);flex-direction:column;display:flex}.diff-chord-header{justify-content:space-between;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.diff-chord-header h4{flex:1;min-width:0}.diff-view-full-btn{padding:var(--spacing-xs)var(--spacing-sm);font-size:var(--font-size-xs);background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.diff-view-full-btn:hover{background:var(--surface-hover);border-color:var(--accent-secondary);color:var(--text-primary)}.diff-chord-content{padding:var(--spacing-md);background:var(--surface-1);border-radius:var(--border-radius-md);font-family:var(--font-mono);font-size:var(--font-size-sm);flex-direction:column;gap:2px;max-height:500px;line-height:1.6;display:flex;overflow-y:auto}.diff-line{white-space:pre-wrap;word-break:break-word;border-radius:3px;padding:2px 4px}.diff-line.diff-unchanged{color:var(--text-primary)}.diff-line.diff-added{background:rgba(var(--accent-success-rgb,34,197,94),.15)}.diff-line.diff-removed{background:rgba(var(--accent-danger-rgb,239,68,68),.15)}.diff-line.diff-modified{background:rgba(var(--accent-warning-rgb,251,191,36),.1)}.diff-unchanged-text{color:var(--text-primary)}.diff-added-text{color:var(--accent-success)}.diff-removed-text{color:var(--accent-danger);text-decoration:line-through}.diff-no-changes{padding:var(--spacing-md);text-align:center;color:var(--text-muted)}.diff-no-changes p{margin:0}.chord-pro-full-screen-content{max-height:70vh;overflow-y:auto}@media (max-width:900px){.arrangement-history-container{grid-template-columns:1fr}.history-diff-panel{border-top:2px solid var(--border-color);max-height:none;padding:var(--spacing-md)0;border-radius:0;position:static}.diff-panel-empty{min-height:120px}}@media (max-width:640px){.diff-chord-content{font-size:var(--font-size-xs);padding:var(--spacing-sm);max-height:300px}.diff-metadata-item{font-size:var(--font-size-xs);flex-wrap:wrap}.diff-view-full-btn{text-align:center;width:100%}.history-interaction-hint{padding:var(--spacing-sm);font-size:var(--font-size-xs)}}