@ash-qw/dsh-theme-prts 2.3.1 → 2.5.0

package/src/styles/custom-background.css

@@ -11,8 +11,27 @@ html[data-dsh-prts][data-prts-background-mode="split"][data-prts-background-side
 & [data-prts-region="sessions"]{background-position:center,calc(var(--prts-wall-x) - var(--prts-nav-width)) var(--prts-protected-sidebar-y, 50%)}
 }
 html[data-dsh-prts][data-prts-rail-mode="overlay"]:is([data-prts-background-mode="split"][data-prts-background-sidebar],[data-prts-background-mode="full"][data-prts-background-full]) [data-prts-nav-rail] { background: transparent; }
-html[data-dsh-prts][data-prts-background-mode="split"][data-prts-background-conversation] [data-prts-region="operation"] {
-background: linear-gradient(var(--prts-background-wash), var(--prts-background-wash)), var(--prts-background-conversation) var(--prts-protected-conversation-x, 50%) var(--prts-protected-conversation-y, 50%) / cover no-repeat;
+html[data-dsh-prts][data-prts-background-mode="split"][data-prts-background-conversation] {
+& [data-prts-region="frame"] { background: linear-gradient(var(--prts-background-wash), var(--prts-background-wash)), var(--prts-background-conversation) var(--prts-protected-conversation-x, 50%) var(--prts-protected-conversation-y, 50%) / cover no-repeat; }
+& [data-prts-region="operation"] { background: transparent; }
+&:not([data-prts-background-sidebar]) [data-prts-region="sessions"] { background: transparent; }
+}
+/* The native right dock paints an opaque tab host over the frame wallpaper. */
+html[data-dsh-prts]:is([data-prts-background-mode="full"][data-prts-background-full],[data-prts-background-mode="split"][data-prts-background-conversation]) [data-prts-region="auxiliary"] { background: transparent; }
+html[data-dsh-prts]:is([data-prts-background-mode="full"][data-prts-background-full],[data-prts-background-mode="split"][data-prts-background-conversation]) [data-prts-region="auxiliary"] :is([data-dockkit-host="dock"] > :first-child,[data-dockkit-empty]) {
+position: relative;
+isolation: isolate;
+background: transparent;
+}
+html[data-dsh-prts]:is([data-prts-background-mode="full"][data-prts-background-full],[data-prts-background-mode="split"][data-prts-background-conversation]) [data-prts-region="auxiliary"] :is([data-dockkit-host="dock"] > :first-child,[data-dockkit-empty])::before {
+content: "";
+position: absolute;
+inset: 0;
+z-index: -1;
+pointer-events: none;
+background: color-mix(in srgb, var(--prts-panel) var(--prts-right-sidebar-opacity, 6%), transparent);
+-webkit-backdrop-filter: blur(var(--prts-right-sidebar-blur, 8px)) saturate(1.15);
+backdrop-filter: blur(var(--prts-right-sidebar-blur, 8px)) saturate(1.15);
 }
 html[data-dsh-prts][data-prts-background-mode="full"][data-prts-background-full] [data-prts-ambient-layer],
 html[data-dsh-prts][data-prts-background-mode="split"][data-prts-background-conversation] [data-prts-ambient-layer] { display: none !important; }
@@ -74,8 +93,7 @@ html[data-dsh-prts][data-prts-background-mode="full"][data-prts-background-full]
 html[data-dsh-prts][data-prts-background-mode="split"][data-prts-background-sidebar] [data-prts-region="sessions"] [data-slot="sidebar.workspaces"] span[class$="_fade"] { display: none !important; }
 
 /* Filter the plate, not the ancestor of fixed controls. */
-html[data-dsh-prts][data-prts-background-mode="full"][data-prts-background-full] [data-prts-region="sessions"]::before,
-html[data-dsh-prts][data-prts-background-mode="split"][data-prts-background-sidebar] [data-prts-region="sessions"]::before {
+html[data-dsh-prts]:is([data-prts-background-mode="full"][data-prts-background-full],[data-prts-background-mode="split"]:is([data-prts-background-sidebar],[data-prts-background-conversation])) [data-prts-region="sessions"]::before {
 content: "";
 position: absolute;
 inset: 0;
@@ -87,8 +105,7 @@ backdrop-filter: blur(var(--prts-sidebar-blur, 8px)) saturate(1.15);
 box-shadow: inset -1px 0 color-mix(in srgb, var(--prts-ink) 10%, transparent), inset 0 1px rgb(255 255 255 / 8%);
 }
 /* Raise sidebar controls above glass. */
-html[data-dsh-prts][data-prts-background-mode="full"][data-prts-background-full] [data-prts-region="sessions"] [data-slot="sidebar"] > :first-child,
-html[data-dsh-prts][data-prts-background-mode="split"][data-prts-background-sidebar] [data-prts-region="sessions"] [data-slot="sidebar"] > :first-child {
+html[data-dsh-prts]:is([data-prts-background-mode="full"][data-prts-background-full],[data-prts-background-mode="split"]:is([data-prts-background-sidebar],[data-prts-background-conversation])) [data-prts-region="sessions"] [data-slot="sidebar"] > :first-child {
 position: relative;
 z-index: 1;
 }
@@ -170,18 +187,45 @@ html[data-dsh-prts][data-prts-conversation-style="deck-chat"]:is(
 --prts-chat-user-surface: rgb(255 255 255 / var(--prts-baker-opacity, 50%));
 --prts-chat-assistant-surface: rgb(223 227 223 / var(--prts-baker-opacity, 50%));
 }
+/* One backdrop plane covers the body and tail; the parent must not create
+   a nested backdrop root. The mask rounds the body without clipping content. */
 & :is([data-chat-flow-kind="user"], [data-submission-echo]:not([data-pending-steering])) [class$="_bubble"],
-& :is([data-prts-ai-surface], [data-message-role="user"], [data-message-role="assistant"]),
-& [data-chat-flow-kind="assistant-step"]:not([data-chat-group-part="reasoning"]) [class$="_body"]:has(:is([data-markdown], [data-slot*="markdown" i], .markdown-body)) {
--webkit-backdrop-filter: blur(var(--prts-baker-blur, 8px)) saturate(1.08);
-backdrop-filter: blur(var(--prts-baker-blur, 8px)) saturate(1.08);
+& :is([data-prts-ai-surface], [data-message-role="user"], [data-message-role="assistant"]) {
+  isolation: isolate;
+  background: transparent !important;
+  -webkit-backdrop-filter: none;
+  backdrop-filter: none;
 }
 & [data-prts-ai-surface]::before,
 & [data-message-role="assistant"]::after,
 & :is([data-chat-flow-kind="user"], [data-submission-echo]:not([data-pending-steering])) [class$="_bubble"]::before,
 & [data-message-role="user"]::before {
--webkit-backdrop-filter: blur(var(--prts-baker-blur, 8px)) saturate(1.08);
-backdrop-filter: blur(var(--prts-baker-blur, 8px)) saturate(1.08);
+  inset: 0 0 0 -10px; width: auto; height: auto; z-index: -1;
+  transform: none;
+  -webkit-backdrop-filter: blur(var(--prts-baker-blur, 8px)) saturate(1.08);
+  backdrop-filter: blur(var(--prts-baker-blur, 8px)) saturate(1.08);
+  mask:
+    linear-gradient(#000 0 0) 10px 0 / calc(100% - 28px) calc(100% - 18px),
+    linear-gradient(#000 0 0) 10px 18px / calc(100% - 10px) calc(100% - 36px),
+    linear-gradient(#000 0 0) 28px bottom / calc(100% - 46px) 18px,
+    radial-gradient(circle at left bottom, #000 17.5px, transparent 18px) right top / 18px 18px,
+    radial-gradient(circle at right top, #000 17.5px, transparent 18px) 10px bottom / 18px 18px,
+    radial-gradient(circle at left top, #000 17.5px, transparent 18px) right bottom / 18px 18px,
+    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 18'%3E%3Cpath d='M0 0H10V18Q10 6 0 0Z'/%3E%3C/svg%3E") left top / 10px 18px;
+  mask-repeat: no-repeat;
+}
+& :is([data-chat-flow-kind="user"], [data-submission-echo]:not([data-pending-steering])) [class$="_bubble"]::before,
+& [data-message-role="user"]::before {
+  inset: 0 -10px 0 0;
+  mask:
+    linear-gradient(#000 0 0) 18px 0 / calc(100% - 28px) calc(100% - 18px),
+    linear-gradient(#000 0 0) 0 18px / calc(100% - 10px) calc(100% - 36px),
+    linear-gradient(#000 0 0) 18px bottom / calc(100% - 46px) 18px,
+    radial-gradient(circle at right bottom, #000 17.5px, transparent 18px) left top / 18px 18px,
+    radial-gradient(circle at right top, #000 17.5px, transparent 18px) left bottom / 18px 18px,
+    radial-gradient(circle at left top, #000 17.5px, transparent 18px) right 10px bottom 0 / 18px 18px,
+    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 18'%3E%3Cpath d='M10 0H0V18Q0 6 10 0Z'/%3E%3C/svg%3E") right top / 10px 18px;
+  mask-repeat: no-repeat;
 }
 }
 
@@ -273,13 +317,16 @@ border-radius: 6px;
 background: var(--prts-background-full, linear-gradient(135deg, #8bb6c2, #c7b69c)) center / cover;
 --prts-preview-surface: var(--prts-panel);
 }
-html[data-prts-background-mode="split"] :is([data-prts-material-preview="sidebarOpacity"],[data-prts-material-preview="railOpacity"]) { background-image: var(--prts-background-sidebar, linear-gradient(135deg, #8bb6c2, #c7b69c)); }
+html[data-prts-background-mode="split"] [data-prts-material-preview="sidebarOpacity"] { background-image: var(--prts-background-sidebar, var(--prts-background-conversation, linear-gradient(135deg, #8bb6c2, #c7b69c))); }
+html[data-prts-background-mode="split"] [data-prts-material-preview="rightSidebarOpacity"] { background-image: var(--prts-background-conversation, linear-gradient(135deg, #8bb6c2, #c7b69c)); }
+html[data-prts-background-mode="split"] [data-prts-material-preview="railOpacity"] { background-image: var(--prts-background-sidebar, linear-gradient(135deg, #8bb6c2, #c7b69c)); }
 html[data-prts-background-mode="split"] [data-prts-material-preview="bakerOpacity"] { background-image: var(--prts-background-conversation, linear-gradient(135deg, #8bb6c2, #c7b69c)); }
 html[data-prts-background-mode="split"] [data-prts-material-preview="classicUserOpacity"] { background-image: var(--prts-background-conversation, linear-gradient(135deg, #8bb6c2, #c7b69c)); }
 [data-prts-material-preview]::before { content: ""; position: absolute; inset: 0; background: var(--prts-background-wash); }
 [data-prts-material-preview-surface] { position: absolute; inset: 0; display: grid; align-content: center; gap: 6px; padding: 10px; font-size: 10px; text-align: left; color: var(--prts-ink); background: color-mix(in srgb, var(--prts-preview-surface) var(--prts-sidebar-opacity, 6%), transparent); backdrop-filter: blur(var(--prts-sidebar-blur, 8px)) saturate(1.15); }
 [data-prts-material-preview-surface] i { display: block; height: 8px; border-radius: 2px; background: color-mix(in srgb, var(--prts-ink) 18%, transparent); }
 [data-prts-material-preview-surface] i:last-child { width: 65%; }
+[data-prts-material-preview="rightSidebarOpacity"] [data-prts-material-preview-surface] { background: color-mix(in srgb, var(--prts-preview-surface) var(--prts-right-sidebar-opacity, 6%), transparent); backdrop-filter: blur(var(--prts-right-sidebar-blur, 8px)) saturate(1.15); }
 [data-prts-material-preview="railOpacity"] [data-prts-material-preview-surface] { inset: 0 auto 0 0; width: 40%; padding: 5px; justify-items: center; gap: 2px; background: color-mix(in srgb, var(--prts-preview-surface) var(--prts-rail-opacity, 30%), transparent); backdrop-filter: blur(var(--prts-rail-blur, 12px)) saturate(1.15); }
 [data-prts-material-preview="bakerOpacity"] [data-prts-material-preview-surface] { inset: 16px 10px; border-radius: 0 10px 10px 10px; background: rgb(69 70 68 / var(--prts-baker-opacity, 50%)); backdrop-filter: blur(var(--prts-baker-blur, 8px)) saturate(1.08); }
 html[data-prts-scheme="light"] [data-prts-material-preview="bakerOpacity"] [data-prts-material-preview-surface] { background: rgb(223 227 223 / var(--prts-baker-opacity, 50%)); }
@@ -399,3 +446,36 @@ html[data-dsh-prts][data-windows-titlebar] [data-prts-region="operation"] { bord
 [data-prts-region-handle="s"] {left:50%;bottom:-8px;transform:translateX(-50%);cursor:ns-resize}
 [data-prts-region-handle="w"] {left:-8px;top:50%;transform:translateY(-50%);cursor:ew-resize}
 [data-prts-region-handle="e"] {right:-8px;top:50%;transform:translateY(-50%);cursor:ew-resize}
+
+html[data-dsh-prts] [data-prts-background-confirm] {
+  box-sizing: border-box; width: min(560px, calc(100vw - 32px)); max-height: calc(100dvh - 32px);
+  padding: 24px; overflow: auto; border: 1px solid var(--prts-line-strong); border-top: 2px solid var(--prts-yellow);
+  border-radius: 8px; background: var(--prts-canvas); color: var(--prts-ink); box-shadow: 0 24px 80px #0006;
+  font: 13px/1.6 var(--prts-body);
+  &::backdrop { background: #0008; backdrop-filter: blur(4px); }
+  & header { display: block; margin: 0 0 20px; padding: 0; border: 0; }
+  & header small { color: var(--prts-muted); font-size: 12px; }
+  & h2 { margin: 4px 0 0; color: var(--prts-ink); font-size: 21px; line-height: 1.4; }
+  & [data-prts-background-compare] { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
+  & figure { min-width: 0; margin: 0; }
+  & img { display: block; box-sizing: border-box; width: 100%; aspect-ratio: 4/3; object-fit: contain; border: 1px solid var(--prts-line); border-radius: 4px; background: var(--prts-panel-raised); }
+  & figure:last-child img { border-color: var(--prts-yellow); }
+  & figcaption { margin-top: 8px; font-size: 12px; }
+  & [data-prts-background-filename] { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--prts-muted); }
+  & p { margin: 20px 0; color: var(--prts-muted); font-size: 12px; }
+  & footer { display: flex; justify-content: flex-end; gap: 10px; padding-top: 16px; border-top: 1px solid var(--prts-line); }
+  & button { min-width: 88px; padding: 9px 16px; border: 1px solid var(--prts-line-strong); border-radius: 4px; background: var(--prts-panel-raised); color: var(--prts-ink); font: inherit; cursor: pointer; }
+  & [data-prts-background-confirm-apply] { border-color: var(--prts-yellow); background: var(--prts-yellow); color: #171b1d; font-weight: 600; }
+  & button:hover { filter: brightness(.94); }
+  & button:focus-visible { outline: 2px solid var(--prts-yellow); outline-offset: 3px; }
+}
+@media (max-width: 480px) {
+  html[data-dsh-prts] [data-prts-background-confirm] { padding: 18px; }
+}
+
+/* Expanded process headers remain sticky without painting the native opaque base. */
+html[data-dsh-prts]:is([data-prts-background-mode="full"][data-prts-background-full],[data-prts-background-mode="split"][data-prts-background-conversation]) [data-prts-region="operation"] :is([data-variant="think"][data-expanded] [data-open] > [data-disclosure-header],button[aria-expanded="true"]:has([data-compaction-disclosure])) {
+background:color-mix(in srgb,var(--prts-panel) 28%,transparent);
+-webkit-backdrop-filter:blur(12px);
+backdrop-filter:blur(12px);
+}

package/src/styles/prts.css

@@ -1542,7 +1542,7 @@ html[data-dsh-prts] [data-prts-conversation-control] {
 
 html[data-dsh-prts] [data-composer-card] button:not([data-slot="conversation.input.attachments"] *):not([data-prts-glass-menu] *):not([data-prts-floating-glass] *):not([role="menu"] *):not([role="listbox"] *):is(:hover, :focus-visible),
 html[data-dsh-prts] [data-prts-conversation-control]:is(:hover, :focus-visible) {
-  border-color: var(--prts-yellow) !important;
+  border-color: var(--prts-line) !important;
 }
 
 html[data-dsh-prts] [data-composer-card] button[aria-label*="send" i],
@@ -1606,7 +1606,9 @@ html[data-dsh-prts] [data-prts-floating-item] {
   color: var(--prts-ink) !important;
 }
 
-html[data-dsh-prts] [data-prts-floating-item]:is(:hover, [data-highlighted]) {
+/* Native material menus own their item states, including body portals without
+   aria-controls or composer markers. Keep generic fallback styling separate. */
+html[data-dsh-prts] [data-prts-floating-item]:not([data-menu-material] *, [data-prts-glass-menu] *, [data-slot="conversation.input.overlay"] *):is(:hover, [data-highlighted]) {
   background: var(--prts-panel-muted) !important;
 }
 

package/src/styles/refinement.css

@@ -364,7 +364,7 @@ html[data-dsh-prts] :is(
   [data-prts-glass-control],
   [data-prts-conversation-control]:not([data-prts-conversation-control="micro"], [data-prts-conversation-control="file"])
 ):is(:hover, :focus-visible) {
-  --prts-control-outline: var(--prts-yellow);
+  --prts-control-outline: var(--prts-line);
 }
 
 html[data-dsh-prts] :is(
@@ -464,7 +464,7 @@ html[data-dsh-prts] :is([data-presented-file],[data-changed-files],[data-prts-co
   background:var(--prts-active-glass)!important;color:var(--prts-ink);
   backdrop-filter:var(--prts-active-glass-filter);
   &::before{content:none}
-  &:is(:hover,:focus-within){border-color:var(--prts-yellow)!important}
+  &:is(:hover,:focus-within){border-color:var(--prts-glass-border)!important}
 }
 /* One surface for both single-file summaries and grouped changes. */
 html[data-dsh-prts] [data-changed-files]{
@@ -510,3 +510,42 @@ html[data-dsh-prts] [data-turn-trigger] {
   & > div > p { color:var(--prts-muted); }
   & [data-context-text] { color:var(--prts-ink); }
 }
+
+/* Body interactions lock onto four corners; shell controls keep their own treatment. */
+html[data-dsh-prts] :is([data-chat-flow-kind],[data-message-role]) :is([data-prts-conversation-control],[data-presented-file],[data-changed-files],[data-produced-files-row] > button) {
+  position:relative;
+  --prts-control-outline:var(--prts-line);
+  &:is(:hover,:focus-visible,:focus-within) {
+    --prts-control-outline:var(--prts-line);
+    border-color:var(--prts-line)!important;
+  }
+  &:is([data-presented-file],[data-changed-files],[data-prts-conversation-control="file"]) {
+    &:is(:hover,:focus-visible,:focus-within){border-color:var(--prts-glass-border)!important}
+  }
+  &:active{transform:none}
+}
+html[data-dsh-prts] [data-prts-body-target-frame] {
+  position:fixed;inset:auto;left:0;top:0;width:0;height:0;margin:0;padding:0;border:0;background:transparent;overflow:visible;z-index:100;pointer-events:none;opacity:0;--prts-corner-width:1px;
+  & > i {
+    position:absolute;left:0;top:0;width:7px;height:7px;will-change:transform;
+    &::before,&::after{content:"";position:absolute;left:0;top:0;background:currentColor}
+    &::before{width:7px;height:var(--prts-corner-width);transform:scaleX(var(--prts-arm-scale,1));transform-origin:left center}
+    &::after{width:var(--prts-corner-width);height:7px;transform:scaleY(var(--prts-arm-scale,1));transform-origin:center top}
+    &:nth-child(2),&:nth-child(4){
+      &::before{transform-origin:right center}
+      &::after{left:auto;right:0}
+    }
+    &:nth-child(3),&:nth-child(4){
+      &::before{top:auto;bottom:0}
+      &::after{transform-origin:center bottom}
+    }
+  }
+  &[data-pressed]{--prts-corner-width:2px;filter:brightness(1.3)}
+}
+
+html[data-dsh-prts] :is([data-chat-flow-kind],[data-message-role]) [data-changed-files] button:is(:hover,:focus-visible) {
+  background:color-mix(in srgb,var(--prts-ink) 5%,transparent);box-shadow:none;
+}
+
+html[data-dsh-prts] [data-prts-corner-target]:focus-visible{outline:none!important}
+html[data-dsh-prts] [data-prts-corner-target]:active{transform:none!important}

package/src/styles/theme-settings-workbench.css

@@ -940,10 +940,10 @@ html[data-dsh-prts] [data-prts-transfer] {
   & input[type="file"] { max-width: 100%; min-width: 0; }
   & input[type="checkbox"] { accent-color: var(--prts-yellow); }
   & button { justify-self: start; padding: 8px 14px; border: 1px solid var(--prts-line-strong); border-radius: 0; background: var(--prts-panel-raised); color: var(--prts-ink); font: inherit; cursor: pointer; }
-  & button:hover:not(:disabled) { border-color: var(--prts-yellow); }
+  & button:hover:not(:disabled) { border-color: var(--prts-line-strong); }
   & button:focus-visible { outline: 2px solid var(--prts-yellow); outline-offset: 3px; }
   & button:disabled { opacity: .55; cursor: wait; }
-  & [data-prts-transfer-export], & [data-prts-transfer-apply] { border-color: var(--prts-yellow); }
+  & [data-prts-transfer-apply] { border-color: var(--prts-yellow); }
   & hr { width: 100%; border: 0; border-top: 1px solid var(--prts-line); }
   & [data-prts-transfer-preview], & [data-prts-transfer-recovery] { display: grid; gap: 12px; padding: 16px; border: 1px solid var(--prts-line); }
   & [hidden] { display: none !important; }
@@ -951,7 +951,7 @@ html[data-dsh-prts] [data-prts-transfer] {
 
 html[data-dsh-prts] [data-prts-theme-settings] [data-prts-settings-actions] { display:flex; flex-direction:column; align-items:stretch; gap:8px; }
 html[data-dsh-prts] [data-prts-transfer-open] { display:flex; align-items:center; gap:8px; width:100%; padding:10px 8px; background:none; border:1px solid var(--prts-line); border-radius:4px; color:var(--prts-ink); font:500 12px/1.4 var(--prts-body); cursor:pointer; }
-html[data-dsh-prts] [data-prts-transfer-open]:hover { border-color:var(--prts-yellow); }
+html[data-dsh-prts] [data-prts-transfer-open]:hover { border-color:var(--prts-line); }
 html[data-dsh-prts] [data-prts-transfer-dialog] { box-sizing:border-box; width:min(660px,calc(100vw - 32px)); max-height:calc(100dvh - 48px); padding:0; border:1px solid var(--prts-line-strong); border-radius:8px; background:var(--prts-canvas); color:var(--prts-ink); box-shadow:0 24px 80px #0006; font:13px/1.6 var(--prts-body); overflow:auto; }
 html[data-dsh-prts] [data-prts-transfer-dialog]::backdrop { background:#0007; }
 html[data-dsh-prts] [data-prts-transfer] {
@@ -960,16 +960,17 @@ html[data-dsh-prts] [data-prts-transfer] {
   & h2 { margin:4px 0 0; font-size:20px; line-height:1.4; }
   & h3 { margin:0; font-size:14px; }
   & [data-prts-transfer-close] { padding:2px 10px; font-size:24px; border:0; background:none; }
-  & [data-prts-transfer-columns] { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
-  & [data-prts-transfer-card] { display:flex; flex-direction:column; gap:12px; min-width:0; }
-  & [data-prts-transfer-card] + section { padding-left:24px; border-left:1px solid var(--prts-line); }
-  & [data-prts-transfer-card] > button { margin-top:auto; display:flex; align-items:center; justify-content:space-between; }
+  & [data-prts-transfer-columns] { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
+  & [data-prts-transfer-card] { display:flex; flex-direction:column; gap:12px; min-width:0; padding:18px; border:1px solid var(--prts-line); border-radius:6px; background:var(--prts-panel-raised); transition:border-color 180ms ease,background-color 180ms ease,box-shadow 180ms ease; }
+  & [data-prts-transfer-card] > button { margin-top:auto; display:flex; align-items:center; justify-content:space-between; gap:12px; align-self:stretch; border-radius:4px; }
+  & [data-prts-transfer-card] > button:hover:not(:disabled) { border-color:var(--prts-line-strong); }
   & [data-prts-transfer-option] { align-items:flex-start; flex-wrap:nowrap; padding:12px 0 0; }
   & [data-prts-transfer-option] input { margin:5px 0 0; }
   & [data-prts-transfer-option] small { display:block; margin-top:4px; }
   & [data-prts-transfer-file-hint] { display:grid; place-items:center; flex:1; gap:6px; padding:12px; border:1px dashed var(--prts-line-strong); }
   & [data-prts-transfer-file-hint] > span { font-size:24px; color:var(--prts-muted); }
   & [data-prts-transfer-buttons] { display:flex; gap:8px; }
+  & [data-prts-transfer-compatibility] { margin:0; padding:10px 12px; border:1px solid var(--prts-yellow); overflow-wrap:anywhere; }
   & [data-prts-transfer-recovery] { border:0; border-top:1px solid var(--prts-line); padding:16px 0 0; }
   & [data-prts-transfer-status]:empty { display:none; }
 }
@@ -985,7 +986,6 @@ html[data-dsh-prts] [data-prts-transfer] {
 @media(max-width:540px) {
   html[data-dsh-prts] [data-prts-transfer] { padding:20px; }
   html[data-dsh-prts] [data-prts-transfer] [data-prts-transfer-columns] { grid-template-columns:1fr; gap:20px; }
-  html[data-dsh-prts] [data-prts-transfer] [data-prts-transfer-card] + section { padding:20px 0 0; border-left:0; border-top:1px solid var(--prts-line); }
 }
 
 /* Shared quiet actions below the settings categories. */
@@ -1014,3 +1014,21 @@ html[data-dsh-prts] [data-prts-theme-settings] [data-prts-footer-action][hidden]
   html[data-dsh-prts] [data-prts-theme-settings] [data-prts-settings-actions] { display:grid; grid-template-columns:1fr 1fr; gap:8px; padding:8px 12px; }
   html[data-dsh-prts] [data-prts-theme-settings] [data-prts-reset-zone] { width:100%; }
 }
+
+[data-prts-transfer-progress] { display: grid; gap: 8px; }
+[data-prts-transfer-progress] > div { display: flex; justify-content: space-between; gap: 12px; font-size: 12px; }
+[data-prts-transfer-bar] { width: 100%; height: 8px; accent-color: var(--prts-accent, #d8b85e); }
+
+[data-prts-drop-active] { outline: 2px dashed var(--prts-accent, #d8b85e); outline-offset: -3px; }
+
+html[data-dsh-prts] [data-prts-transfer] [data-prts-transfer-card][data-prts-transfer-active],
+html[data-dsh-prts] [data-prts-transfer]:not([aria-busy="true"]) [data-prts-transfer-card]:has(:focus-visible) {
+  border-color:var(--prts-line-strong); background:color-mix(in srgb,var(--prts-ink) 3%,var(--prts-panel-raised)); box-shadow:inset 0 1px color-mix(in srgb,var(--prts-ink) 7%,transparent),0 8px 24px #0002;
+}
+@media (hover:hover) {
+  html[data-dsh-prts] [data-prts-transfer]:not([aria-busy="true"]) [data-prts-transfer-card]:hover {
+    border-color:var(--prts-line-strong); background:color-mix(in srgb,var(--prts-ink) 3%,var(--prts-panel-raised)); box-shadow:inset 0 1px color-mix(in srgb,var(--prts-ink) 7%,transparent),0 8px 24px #0002;
+  }
+}
+html[data-prts-motion="reduced"] [data-prts-transfer-card] { transition:none; }
+@media (prefers-reduced-motion:reduce) { [data-prts-transfer-card] { transition:none; } }