.constructor-panel.is-hidden {
  display: none;
}

.constructor-toggle-button {
  margin-top: 18px;
  background: rgba(255, 255, 255, 0.86);
  color: var(--accent-dark);
  border: 1px solid var(--line);
}

.svg-constructor-host {
  min-height: 280px;
  padding: 4px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid var(--line);
}

.wardrobe-constructor-svg {
  width: 100%;
  height: auto;
  display: block;
  touch-action: none;
  user-select: none;
}

.constructor-frame {
  fill: #fffaf4;
  stroke: #8e5d47;
  stroke-width: 2.4;
}

.constructor-tsarga {
  fill: rgba(142, 93, 71, 0.16);
  stroke: #8e5d47;
  stroke-width: 1.4;
}

.constructor-section-fill {
  fill: rgba(241, 229, 217, 0.56);
}

.constructor-divider {
  fill: #8e5d47;
  cursor: ew-resize;
}

.constructor-shelf {
  fill: #b68466;
  cursor: grab;
}

.constructor-shelf-hitbox {
  fill: transparent;
  cursor: grab;
}

.constructor-drawer {
  fill: #d8b69f;
  stroke: #8e5d47;
  stroke-width: 1.2;
  cursor: ns-resize;
}

.constructor-rod {
  stroke: #5e6870;
  stroke-width: 3;
  stroke-linecap: round;
  cursor: ns-resize;
}

.constructor-rod-hitbox {
  stroke: transparent;
  stroke-width: 18;
  stroke-linecap: round;
  cursor: ns-resize;
}

.constructor-rod-label {
  fill: #5e6870;
  font-size: 9px;
  font-weight: 700;
  pointer-events: none;
}

.constructor-section-title {
  fill: #5f4032;
  font-size: 10px;
  font-weight: 700;
}

.constructor-inner-size {
  fill: #6c4331;
  font-size: 9px;
  font-weight: 700;
}

.constructor-dimension {
  fill: #6c4331;
  font-size: 10px;
  font-weight: 700;
}

.constructor-dimension-horizontal {
  writing-mode: horizontal-tb;
}

.constructor-dimension-vertical {
  writing-mode: vertical-rl;
}

.wardrobe-constructor-svg.is-dragging .constructor-shelf {
  cursor: grabbing;
}

.wardrobe-constructor-svg.is-dragging .constructor-shelf-hitbox {
  cursor: grabbing;
}

.wardrobe-constructor-svg.is-dragging .constructor-rod,
.wardrobe-constructor-svg.is-dragging .constructor-rod-hitbox {
  cursor: grabbing;
}
