/* Local placement study. Load after shortcut/add.css. */
#home-shortcut-dialog .shortcut-scene {
  position: relative; display: grid; place-items: start center; height: 90px;
  box-sizing: border-box; margin: 0 0 17px; overflow: hidden;
  border: 1px solid #413738; border-radius: 9px; background-color: #201c22;
  background-image:
    radial-gradient(1.1px 1.1px at 12% 62%, #b7a298 80%, transparent),
    radial-gradient(1px 1px at 25% 25%, #b7a298 85%, transparent),
    radial-gradient(1.1px 1.1px at 76% 65%, #b7a298 80%, transparent),
    radial-gradient(1px 1px at 85% 30%, #b7a298 85%, transparent),
    linear-gradient(135deg, #262028, #181719);
}
#home-shortcut-dialog .shortcut-device {
  position: relative; box-sizing: border-box; width: 124px; height: 61px; margin-top: 10px;
  border: 2px solid #817578; box-shadow: inset 0 0 0 2px #171616; border-radius: 5px;
  background: linear-gradient(135deg,#4c3735 6%,#372d35 55%,#27252d 100%);
}
#home-shortcut-dialog .shortcut-device::before,
#home-shortcut-dialog .shortcut-device::after {content: ''; position: absolute; pointer-events: none}
#home-shortcut-dialog .shortcut-device::before {bottom: -10px; left: calc(50% - 3px); width: 6px; height: 9px; background: #817578}
#home-shortcut-dialog .shortcut-device::after {bottom: -12px; left: calc(50% - 14px); width: 28px; height: 3px; border-radius: 2px; background: #817578}
#home-shortcut-dialog .shortcut-device-tile {
  position: absolute; display: flex; flex-direction: column; align-items: center;
  gap: 2px; left: 7px; top: 6px; color: #fff4ee; font-size: 8px; line-height: 1.25; font-weight: 600;
}
#home-shortcut-dialog .shortcut-device-tile img {display: block; width: 23px; height: 23px; border-radius: 5px}
#home-shortcut-dialog .is-phone .shortcut-device {width: 65px; height: 102px; margin-top: 8px; border-radius: 11px}
#home-shortcut-dialog .is-phone .shortcut-device::before {top: 3px; left: calc(50% - 8px); width: 16px; height: 3px; border-radius: 4px; background: #201b1f}
#home-shortcut-dialog .is-phone .shortcut-device::after {display: none}
#home-shortcut-dialog .is-phone .shortcut-device-tile {top: 22px; left: 7px}
#home-shortcut-dialog .is-dock .shortcut-device-tile {top: auto; bottom: 3px; left: calc(50% - 18px); width: 36px; border-radius: 5px; background: #594946; padding: 2px}
#home-shortcut-dialog .is-dock .shortcut-device-tile span {display: none}
#home-shortcut-dialog .shortcut-drag {
  display: flex; align-items: center; gap: 12px; margin: -5px 0 17px; padding: 9px 11px;
  border: 1px dashed #65524b; border-radius: 8px; background: #211d1c;
}
#home-shortcut-dialog .shortcut-drag a {
  display: inline-flex; flex: none; align-items: center; gap: 6px; min-height: 38px;
  border-radius: 5px; color: #f7e9e2; text-decoration: none; font-weight: 700; cursor: grab;
}
#home-shortcut-dialog .shortcut-drag a:active {cursor: grabbing}
#home-shortcut-dialog .shortcut-drag a:focus-visible {outline: 2px solid #ffae8c; outline-offset: 3px}
#home-shortcut-dialog .shortcut-drag a img {width: 28px; height: 28px; border-radius: 6px}
#home-shortcut-dialog .shortcut-drag-hint {font-size: 12px; line-height: 1.45}
@media (max-height: 530px) {
  #home-shortcut-dialog .shortcut-scene {display: none}
}