.snapshot-panel{z-index:200;background:#1a1a1e;border-left:1px solid #2a2a30;flex-direction:column;width:300px;display:flex;position:fixed;top:0;bottom:0;right:0}.snapshot-panel-actions{border-bottom:1px solid #2a2a30;padding:12px}.snapshot-create-form{flex-direction:column;gap:8px;display:flex}.snapshot-name-input{color:#e0e0e4;background:#16161a;border:1px solid #3a3a40;border-radius:4px;outline:none;padding:6px 10px;font-size:13px}.snapshot-name-input:focus{border-color:#7c9fdb}.snapshot-name-input::placeholder{color:#6e6e76}.snapshot-create-buttons{gap:6px;display:flex}.snapshot-btn{cursor:pointer;border:none;border-radius:4px;padding:5px 10px;font-size:12px;transition:background .15s}.snapshot-btn-create{color:#7c9fdb;background:#2a2a30;width:100%;padding:8px;font-size:13px}.snapshot-btn-create:hover{background:#3a3a40}.snapshot-btn-primary{color:#1a1a1e;background:#7c9fdb;flex:1;font-weight:600}.snapshot-btn-primary:hover{background:#9bb5e5}.snapshot-btn-secondary{color:#8e8e96;background:#2a2a30;flex:1}.snapshot-btn-secondary:hover{color:#e0e0e4;background:#3a3a40}.snapshot-btn-restore{color:#7cdb9f;background:#2a3a2a}.snapshot-btn-restore:hover{background:#3a4a3a}.snapshot-btn-delete{color:#8e8e96;background:0 0}.snapshot-btn-delete:hover{color:#e87d7d;background:#3a2a2a}.snapshot-list{margin:0;padding:0;list-style:none}.snapshot-item{border-bottom:1px solid #2a2a30;padding:10px 12px}.snapshot-item:last-child{border-bottom:none}.snapshot-item-header{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.snapshot-name{color:#e0e0e4;text-overflow:ellipsis;white-space:nowrap;flex:1;margin-right:8px;font-size:13px;font-weight:500;overflow:hidden}.snapshot-age{color:#6e6e76;white-space:nowrap;font-size:11px}.snapshot-meta{color:#8e8e96;margin-bottom:6px;font-size:11px}.snapshot-item-actions{gap:6px;display:flex}.snapshot-empty{text-align:center;color:#6e6e76;padding:24px 16px;font-size:13px;line-height:1.5}.snapshot-btn-compare{color:#7c9fdb;background:#2a2a3a}.snapshot-btn-compare:hover{background:#3a3a4a}.snapshot-diff{background:#16161a;border:1px solid #2a2a30;border-radius:4px;max-height:300px;margin-top:10px;padding:8px;overflow-y:auto}.snapshot-diff-pane{margin-bottom:12px}.snapshot-diff-pane:last-child{margin-bottom:0}.snapshot-diff-pane-title{color:#8e8e96;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #2a2a30;margin-bottom:6px;padding-bottom:4px;font-size:11px;font-weight:600}.snapshot-diff-lines{font-family:var(--font-mono,"JetBrains Mono", monospace);font-size:11px;line-height:1.5}.diff-line{white-space:pre-wrap;word-break:break-all;display:flex}.diff-line-prefix{text-align:center;-webkit-user-select:none;user-select:none;flex-shrink:0;width:16px}.diff-line-content{flex:1;min-width:0}.diff-line-unchanged{color:#8e8e96}.diff-line-add{color:#7cdb9f;background-color:#4caf5026}.diff-line-add .diff-line-prefix{color:#7cdb9f}.diff-line-remove{color:#e87d7d;background-color:#f4433626}.diff-line-remove .diff-line-prefix{color:#e87d7d}.snapshot-diff-no-changes{color:#6e6e76;text-align:center;padding:12px;font-size:12px}