diff --git a/services/premiere-plugin-uxp/styles.css b/services/premiere-plugin-uxp/styles.css
index 4488e34..ccf4479 100644
--- a/services/premiere-plugin-uxp/styles.css
+++ b/services/premiere-plugin-uxp/styles.css
@@ -1,4 +1,5 @@
-/* Dragonflight UXP panel — design tokens mirror the web UI's dark theme. */
+/* Dragonflight UXP panel — v2.1.0 */
+/* Design tokens mirror web UI dark theme */
 
 :root {
   --bg-0:   #0e0f12;
@@ -10,17 +11,17 @@
   --text-2: #b6bac3;
   --text-3: #7e848f;
   --accent: #4f7cff;
-  --accent-hover: #6a91ff;
+  --accent-h: #6a91ff;
   --danger: #e25c5c;
   --danger-soft: #3a1d20;
   --ok:     #4ec07a;
+  --warn:   #e2a45c;
+  --live:   #e25c5c;
 }
 
-* { box-sizing: border-box; }
+* { box-sizing: border-box; margin: 0; padding: 0; }
 
 html, body {
-  margin: 0;
-  padding: 0;
   background: var(--bg-0);
   color: var(--text-1);
   font: 12px/1.4 system-ui, -apple-system, "Segoe UI", sans-serif;
@@ -28,36 +29,57 @@ html, body {
   overflow: hidden;
 }
 
-#root { height: 100%; display: flex; flex-direction: column; }
+#root {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  overflow: hidden;
+}
 
-.pane { display: flex; flex-direction: column; height: 100%; padding: 12px; }
+/* ── panes ──────────────────────────────────────────────────────── */
+.pane {
+  display: flex;
+  flex-direction: column;
+  flex: 1 1 auto;
+  min-height: 0;
+  padding: 10px 10px 0;
+  overflow: hidden;
+}
 .pane.hidden { display: none; }
 
-/* ── connect screen ──────────────────────────────────────────────── */
-.brand { text-align: center; margin: 12px 0 18px; }
-.brand-title { font-size: 18px; font-weight: 600; color: var(--text-1); }
+/* ── connect screen ─────────────────────────────────────────────── */
+.brand {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 4px;
+  padding: 12px 0 16px;
+}
+.brand-icon { color: var(--accent); opacity: 0.85; }
+.brand-title { font-size: 16px; font-weight: 700; color: var(--text-1); }
 .brand-tag {
-  font-size: 9.5px;
+  font-size: 9px;
   font-weight: 600;
   color: var(--text-3);
-  margin-top: 4px;
-  letter-spacing: 0.08em;
+  letter-spacing: 0.1em;
   text-transform: uppercase;
 }
 
-.label {
+.field-label {
   display: block;
   font-size: 9.5px;
   font-weight: 600;
-  color: var(--text-2);
+  color: var(--text-3);
   letter-spacing: 0.06em;
   text-transform: uppercase;
-  margin: 8px 0 4px;
+  margin: 8px 0 3px;
 }
 
 input[type="text"],
 input[type="password"],
-input[type="search"] {
+input[type="search"],
+select {
   width: 100%;
   background: var(--bg-3);
   color: var(--text-1);
@@ -66,77 +88,171 @@ input[type="search"] {
   padding: 6px 8px;
   font-size: 12px;
   outline: none;
+  appearance: none;
+  -webkit-appearance: none;
 }
-input:focus { border-color: var(--accent); }
+input:focus, select:focus { border-color: var(--accent); }
+input[type="search"]::-webkit-search-cancel-button { display: none; }
 
-/* ── buttons ─────────────────────────────────────────────────────── */
+/* ── buttons ────────────────────────────────────────────────────── */
 .btn {
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  font-size: 12px;
+  gap: 4px;
+  font-size: 11.5px;
   font-weight: 600;
-  padding: 7px 12px;
+  padding: 6px 10px;
   border: 1px solid transparent;
   border-radius: 4px;
   cursor: pointer;
   background: var(--bg-3);
   color: var(--text-1);
   user-select: none;
+  white-space: nowrap;
 }
-.btn:disabled { opacity: 0.45; cursor: default; }
-.btn-primary { background: var(--accent); color: #fff; }
-.btn-primary:not(:disabled):hover { background: var(--accent-hover); }
-.btn-secondary { background: var(--bg-3); color: var(--text-1); border-color: var(--border); }
-.btn-link { background: transparent; color: var(--text-3); padding: 4px 6px; font-weight: 500; }
+.btn:disabled { opacity: 0.38; cursor: default; pointer-events: none; }
+.btn-primary { background: var(--accent); color: #fff; border-color: var(--accent); }
+.btn-primary:not(:disabled):hover { background: var(--accent-h); border-color: var(--accent-h); }
+.btn-secondary { background: var(--bg-3); border-color: var(--border); }
+.btn-secondary:not(:disabled):hover { background: var(--bg-2); }
+.btn-link { background: transparent; color: var(--text-3); border-color: transparent; padding: 3px 6px; font-weight: 500; }
 .btn-link:hover { color: var(--text-1); }
-.btn-icon { padding: 4px 8px; background: var(--bg-3); border: 1px solid var(--border); }
-.btn-icon:hover { background: var(--bg-2); }
+.btn-icon { padding: 4px 7px; background: var(--bg-2); border-color: var(--border); }
+.btn-icon:hover { background: var(--bg-3); }
+.btn-sm { font-size: 11px; padding: 5px 8px; }
 
-#connect-btn { margin-top: 14px; width: 100%; padding: 8px; }
+#connect-btn { margin-top: 12px; width: 100%; padding: 8px; }
 
-/* ── status / dot indicators ─────────────────────────────────────── */
-.status { font-size: 11px; margin-top: 8px; min-height: 16px; }
-.status.error { color: var(--danger); }
-.status.muted { color: var(--text-3); }
+/* ── status msg ──────────────────────────────────────────────────── */
+.status-msg { font-size: 11px; margin-top: 6px; min-height: 16px; }
+.status-msg.error { color: var(--danger); }
+.status-msg.muted { color: var(--text-3); }
 
-.dot { width: 8px; height: 8px; border-radius: 50%; display: inline-block; margin-right: 6px; }
-.dot-ok { background: var(--ok); }
+/* ── dot indicators ──────────────────────────────────────────────── */
+.dot { width: 7px; height: 7px; border-radius: 50%; display: inline-block; flex-shrink: 0; }
+.dot-ok  { background: var(--ok); }
 .dot-bad { background: var(--danger); }
+.dot-warn { background: var(--warn); }
 
 /* ── connected bar ───────────────────────────────────────────────── */
 .connected-bar {
   display: flex;
   align-items: center;
   gap: 6px;
-  padding: 6px 8px;
+  padding: 5px 8px;
   background: var(--bg-1);
   border: 1px solid var(--border);
   border-radius: 4px;
-  margin-bottom: 10px;
+  margin-bottom: 8px;
+  flex-shrink: 0;
+}
+.connected-host {
+  font-family: ui-monospace, Menlo, monospace;
+  font-size: 10.5px;
+  color: var(--text-2);
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
-.connected-host { font-family: ui-monospace, Menlo, monospace; font-size: 11px; color: var(--text-2); flex: 1; }
 
-.library-controls { display: flex; gap: 6px; margin-bottom: 8px; }
-.library-controls input { flex: 1; }
+/* ── tabs ────────────────────────────────────────────────────────── */
+.tab-nav {
+  display: flex;
+  gap: 2px;
+  margin-bottom: 6px;
+  flex-shrink: 0;
+}
+.tab-btn {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  padding: 5px 10px;
+  font-size: 11.5px;
+  font-weight: 600;
+  border: 1px solid transparent;
+  border-radius: 4px;
+  background: transparent;
+  color: var(--text-3);
+  cursor: pointer;
+}
+.tab-btn:hover { color: var(--text-2); background: var(--bg-2); }
+.tab-btn.active { background: var(--bg-2); color: var(--text-1); border-color: var(--border); }
+
+.badge {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 16px;
+  height: 16px;
+  padding: 0 4px;
+  font-size: 9px;
+  font-weight: 700;
+  border-radius: 8px;
+  background: var(--danger);
+  color: #fff;
+}
+
+/* ── search row ──────────────────────────────────────────────────── */
+.search-row {
+  display: flex;
+  gap: 4px;
+  margin-bottom: 6px;
+  flex-shrink: 0;
+}
+.search-row input { flex: 1; min-width: 0; }
+.search-row select { flex: 0 0 100px; min-width: 0; font-size: 11px; }
+
+/* ── seq info bar ────────────────────────────────────────────────── */
+.seq-info-bar {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 4px 8px;
+  background: var(--bg-1);
+  border: 1px solid var(--border);
+  border-radius: 4px;
+  margin-bottom: 6px;
+  font-size: 11px;
+  flex-shrink: 0;
+}
+.seq-info-name { color: var(--text-2); flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.chip {
+  font-size: 9px;
+  font-weight: 700;
+  padding: 2px 5px;
+  border-radius: 3px;
+  letter-spacing: 0.05em;
+  flex-shrink: 0;
+}
+.chip-ok { background: var(--ok); color: #000; }
+
+/* ── grid container ──────────────────────────────────────────────── */
+.grid-container {
+  flex: 1 1 auto;
+  min-height: 0;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+}
+.grid-container.hidden { display: none; }
 
 /* ── asset grid ──────────────────────────────────────────────────── */
-/* UXP's CSS engine doesn't support `grid-template-columns: repeat(auto-fill,…)`
-   or `aspect-ratio` reliably. Use flex-wrap with fixed-width cards + explicit
-   thumb height so cards always have visible size. */
+/* UXP: no auto-fill grid, no aspect-ratio → flex-wrap + fixed sizes */
 .asset-grid {
   flex: 1 1 auto;
-  min-height: 0;             /* allow shrinking inside flex column */
+  min-height: 0;
   overflow-y: auto;
   display: flex;
   flex-wrap: wrap;
-  gap: 6px;
+  gap: 5px;
   padding: 2px;
   align-content: flex-start;
 }
 
 .asset-card {
-  flex: 0 0 140px;
+  flex: 0 0 130px;
   background: var(--bg-2);
   border: 1px solid var(--border);
   border-radius: 4px;
@@ -144,52 +260,127 @@ input:focus { border-color: var(--accent); }
   cursor: pointer;
   display: flex;
   flex-direction: column;
+  position: relative;
 }
 .asset-card:hover { border-color: var(--text-3); }
 .asset-card.selected { border-color: var(--accent); box-shadow: 0 0 0 1px var(--accent); }
 
 .asset-thumb {
   width: 100%;
-  height: 80px;
+  height: 75px;
   object-fit: cover;
   background: var(--bg-3);
   display: block;
+  flex-shrink: 0;
 }
 .asset-thumb-placeholder {
   width: 100%;
-  height: 80px;
+  height: 75px;
   background: var(--bg-3);
   display: flex;
   align-items: center;
   justify-content: center;
   color: var(--text-3);
   font-size: 10px;
+  flex-shrink: 0;
 }
+
+.asset-info { padding: 4px 5px 5px; display: flex; flex-direction: column; gap: 2px; }
 .asset-name {
-  font-size: 11px;
-  padding: 4px 6px;
+  font-size: 10.5px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   color: var(--text-1);
 }
-
-.empty { padding: 24px; text-align: center; }
-.muted { color: var(--text-3); }
-
-/* ── actions / progress / toast ──────────────────────────────────── */
-.actions {
-  border-top: 1px solid var(--border);
-  padding-top: 8px;
-  margin-top: 8px;
+.asset-meta { font-size: 9.5px; color: var(--text-3); display: flex; gap: 5px; }
+.asset-status {
+  position: absolute;
+  top: 4px;
+  right: 4px;
+  font-size: 8.5px;
+  font-weight: 700;
+  padding: 1px 4px;
+  border-radius: 3px;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
 }
-.selected-info { font-size: 11px; margin-bottom: 6px; min-height: 16px; }
-.action-row { display: flex; gap: 6px; }
+.status-live     { background: var(--live);  color: #fff; }
+.status-ingesting { background: var(--warn); color: #000; }
+.status-processing { background: var(--warn); color: #000; }
+.status-ready    { background: var(--ok);   color: #000; }
+.status-error    { background: var(--danger); color: #fff; }
+
+/* ── details panel ───────────────────────────────────────────────── */
+.details-panel {
+  flex-shrink: 0;
+  background: var(--bg-1);
+  border: 1px solid var(--border);
+  border-radius: 4px;
+  padding: 6px 8px;
+  margin-top: 5px;
+}
+.details-panel.hidden { display: none; }
+.details-header {
+  font-size: 9.5px;
+  font-weight: 700;
+  color: var(--text-3);
+  text-transform: uppercase;
+  letter-spacing: 0.07em;
+  margin-bottom: 5px;
+}
+.details-row {
+  display: flex;
+  gap: 6px;
+  font-size: 11px;
+  margin-bottom: 2px;
+  min-height: 15px;
+}
+.dl { color: var(--text-3); flex: 0 0 66px; }
+.dv { color: var(--text-1); flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.tags-row { display: flex; flex-wrap: wrap; gap: 3px; flex: 1; }
+.tag {
+  font-size: 9.5px;
+  padding: 1px 5px;
+  background: var(--bg-3);
+  border: 1px solid var(--border);
+  border-radius: 3px;
+  color: var(--text-2);
+}
+
+/* ── actions / footer ────────────────────────────────────────────── */
+.actions {
+  flex-shrink: 0;
+  border-top: 1px solid var(--border);
+  padding: 6px 0 0;
+  margin-top: 5px;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+.action-row { display: flex; gap: 4px; }
 .action-row .btn { flex: 1; }
 
-.progress-row { margin-top: 8px; }
+/* ── advanced section ────────────────────────────────────────────── */
+.advanced-section {
+  flex-shrink: 0;
+  border-top: 1px solid var(--border);
+  padding: 6px 0 8px;
+  margin-top: 4px;
+}
+.advanced-title {
+  font-size: 9.5px;
+  font-weight: 700;
+  color: var(--text-3);
+  text-transform: uppercase;
+  letter-spacing: 0.07em;
+  margin-bottom: 5px;
+}
+
+/* ── progress ────────────────────────────────────────────────────── */
+.progress-row { display: flex; flex-direction: column; gap: 3px; }
 .progress-bar {
-  height: 6px;
+  height: 5px;
   background: var(--bg-3);
   border-radius: 3px;
   overflow: hidden;
@@ -198,19 +389,130 @@ input:focus { border-color: var(--accent); }
   height: 100%;
   background: var(--accent);
   width: 0%;
-  transition: width 120ms linear;
+  transition: width 100ms linear;
 }
-.progress-label { font-size: 10.5px; color: var(--text-3); margin-top: 4px; }
+.progress-label { font-size: 10px; color: var(--text-3); }
 
+/* ── toast ───────────────────────────────────────────────────────── */
 .toast {
-  margin-top: 8px;
-  padding: 6px 8px;
+  padding: 5px 8px;
   border-radius: 4px;
   font-size: 11px;
   background: var(--bg-2);
   border: 1px solid var(--border);
   color: var(--text-1);
 }
-.toast.ok    { border-color: var(--ok);     color: var(--text-1); }
-.toast.error { border-color: var(--danger); color: var(--text-1); background: var(--danger-soft); }
+.toast.ok    { border-color: var(--ok); }
+.toast.error { border-color: var(--danger); background: var(--danger-soft); }
+
+/* ── slide panels ────────────────────────────────────────────────── */
+.slide-overlay {
+  position: fixed;
+  inset: 0;
+  background: rgba(0,0,0,0.5);
+  z-index: 10;
+}
+.slide-panel {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background: var(--bg-1);
+  border-top: 1px solid var(--border);
+  border-radius: 8px 8px 0 0;
+  z-index: 11;
+  display: flex;
+  flex-direction: column;
+  max-height: 80%;
+}
+.slide-header {
+  display: flex;
+  align-items: center;
+  padding: 10px 12px 8px;
+  border-bottom: 1px solid var(--border);
+  flex-shrink: 0;
+}
+.slide-title { flex: 1; font-size: 13px; font-weight: 700; color: var(--text-1); }
+.slide-body {
+  padding: 10px 12px;
+  overflow-y: auto;
+  flex: 1 1 auto;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+.slide-footer {
+  display: flex;
+  gap: 6px;
+  padding: 8px 12px;
+  border-top: 1px solid var(--border);
+  flex-shrink: 0;
+}
+.slide-footer .btn { flex: 1; }
+
+/* ── preset cards ────────────────────────────────────────────────── */
+.preset-grid {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px;
+  margin-bottom: 4px;
+}
+.preset-card {
+  flex: 0 0 calc(50% - 2px);
+  background: var(--bg-2);
+  border: 1px solid var(--border);
+  border-radius: 4px;
+  padding: 6px 8px;
+  cursor: pointer;
+}
+.preset-card:hover { border-color: var(--text-3); }
+.preset-card.selected { border-color: var(--accent); background: rgba(79,124,255,0.08); }
+.pc-title { font-size: 11.5px; font-weight: 700; color: var(--text-1); }
+.pc-desc  { font-size: 10px; color: var(--text-3); margin-top: 2px; }
+
+/* ── clip info ───────────────────────────────────────────────────── */
+.clip-info {
+  font-size: 11px;
+  color: var(--text-2);
+  padding: 6px 0 2px;
+}
+
+/* ── clip list (relink) ──────────────────────────────────────────── */
+.clip-list {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+.clip-item {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 5px 7px;
+  background: var(--bg-2);
+  border: 1px solid var(--border);
+  border-radius: 4px;
+  font-size: 11px;
+}
+.clip-item input[type="checkbox"] { flex-shrink: 0; }
+.clip-item-name { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.clip-item-status { flex-shrink: 0; font-size: 10px; color: var(--text-3); }
+.clip-item.matched { border-color: var(--ok); }
+.clip-item.unmatched { opacity: 0.5; }
+
+.relink-summary {
+  margin-top: 8px;
+  padding: 8px;
+  background: var(--bg-2);
+  border: 1px solid var(--border);
+  border-radius: 4px;
+  font-size: 11px;
+  color: var(--text-2);
+}
+
+/* ── empty state ──────────────────────────────────────────────────── */
+.empty { padding: 20px; text-align: center; font-size: 12px; }
+.muted { color: var(--text-3); }
+
+/* ── misc ────────────────────────────────────────────────────────── */
 .hidden { display: none !important; }