.studio-preview-slot { display:contents; }
.preview-actions { display:flex; align-items:center; gap:8px; flex-shrink:0; }
.mobile-preview-toolbar { display:none; }
[data-preview-toggle] { display:none; }
@media (min-width:761px) {
  .wallpaper-shell [data-studio-preview] { max-height:calc(100dvh - 40px); overflow:auto; }
  .preview-pane[data-studio-preview] { max-height:calc(100dvh - 32px - var(--studio-preview-bottom,96px)); overflow:auto; }
}
@media (max-width:760px) {
  .studio-preview-slot { display:block; min-width:0; }
  .studio :is(.panel,.field,.tabs,input[type=text],textarea) { scroll-margin-top:112px; }
  [data-studio-preview] { position:static; scroll-margin-top:12px; }
  [data-preview-toggle] { display:inline-flex; align-items:center; justify-content:center; min-height:44px; font-size:.875rem; padding:8px 12px; }
  .mobile-preview-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:10px; font-size:.875rem; font-weight:700; }
  .wallpaper-shell .preview-panel { border:1px solid #c9d7df; box-shadow:0 4px 16px #293c3810; }
  [data-studio-preview].studio-preview-floating { position:fixed; top:calc(8px + env(safe-area-inset-top)); left:var(--studio-preview-left); width:var(--studio-preview-width); max-height:calc(100dvh - 16px - env(safe-area-inset-top) - var(--studio-preview-bottom,0px)); overflow:auto; z-index:4; border-radius:12px; box-shadow:0 4px 20px #15303d30; }
  .preview-compact .preview-heading,
  .preview-compact .preview-caption,
  .preview-compact .guide-controls,
  .preview-compact .editing-note,
  .preview-compact .drag-note { display:none; }
  .wallpaper-shell .preview-panel.preview-compact { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:12px; padding:8px 12px; border-radius:12px; }
  .preview-compact .mobile-preview-toolbar { grid-column:2; grid-row:1; margin:0; min-width:0; }
  .wallpaper-shell .preview-compact .mobile-preview-toolbar { justify-content:flex-end; }
  .wallpaper-shell .preview-compact .mobile-preview-toolbar>span { display:none; }
  .wallpaper-shell .preview-compact .preview-wrap { grid-column:1; grid-row:1; width:28px; border-width:2px; border-radius:6px; }
  .wallpaper-shell .preview-compact .preview-wrap.desktop { width:96px; }
  .wallpaper-shell .preview-compact .clock { font-size:8px; }
  .wallpaper-shell .preview-compact .clock small,
  .preview-compact .icons,
  .preview-compact .selection { display:none; }
  .preview-pane.preview-compact { display:grid; grid-template-columns:64px minmax(0,1fr); align-items:center; gap:10px; padding:8px; }
  .preview-compact .paper-stage { grid-column:1; grid-row:1; min-height:0; padding:0; border:0; background:transparent; overflow:visible; }
  .preview-pane.preview-compact #preview { max-width:64px; max-height:64px; }
  .preview-compact .preview-title { grid-column:2; grid-row:1; margin:0; min-width:0; }
  .preview-compact .preview-title h1 { font-size:.875rem; line-height:1.4; }
  .preview-compact :is(#preview,#canvas) { cursor:default; touch-action:pan-y pinch-zoom; }
  .wallpaper-shell .preview-compact .preview-wrap { touch-action:pan-y pinch-zoom; }
  .preview-pane .preview-title { flex-wrap:wrap; gap:8px; }
  .preview-pane .preview-actions { margin-left:auto; }
  .preview-pane .preview-actions { flex-wrap:wrap; flex-shrink:1; min-width:0; max-width:100%; }
  .preview-pane .preview-actions button { min-width:0; max-width:100%; }
  .preview-pane.preview-compact .preview-actions { flex-wrap:wrap; min-width:0; flex-shrink:1; gap:6px; }
  .preview-pane .preview-title h1 { overflow-wrap:anywhere; }
}