.tl-create-wrap { position: relative; flex: 0 0 auto; }
.tl-create-toggle {
  display: grid;
  width: 38px;
  height: 40px;
  padding: 8px;
  place-items: center;
  border: 1px solid #d6dfe8;
  border-radius: 10px;
  background: #fff;
  color: #C1121C;
  cursor: pointer;
}
.tl-create-toggle svg {
  width: 21px;
  height: 21px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
}
.tl-create-toggle:hover,
.tl-create-toggle:focus-visible,
.tl-create-toggle[aria-expanded="true"] {
  border-color: #C1121C;
  background: #fff5f5;
  outline: none;
  box-shadow: 0 0 0 2px #C1121C12;
}
.tl-create-menu {
  position: absolute;
  z-index: 80;
  top: calc(100% + 7px);
  right: 0;
  width: 228px;
  padding: 6px;
  border: 1px solid #dce3eb;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 8px 26px #172d4726;
}
.tl-create-menu[hidden] { display: none !important; }
.tl-create-menu button {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 11px 9px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #16120F;
  font: inherit;
  font-size: 13px;
  text-align: left;
  cursor: pointer;
}
.tl-create-menu button > svg {
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  fill: none;
  stroke: #C1121C;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.tl-create-menu button:hover,
.tl-create-menu button:focus-visible { background: #fff1f2; outline: none; }
.tl-device-row { display: flex; align-items: center; gap: 12px; padding: 14px 0; border-bottom: 1px solid #e3e8ef; }
.tl-device-row > span { flex: 1; min-width: 0; }
.tl-device-row small { display: block; margin-top: 5px; color: #6B625C; font-size: 12px; }
.tl-device-row > button { flex: 0 0 auto; }