/* Nowy przepływ projektu: metryka → materiały → katalog → konfiguracja. */
.breadcrumb {
  color: #d2dbe8;
}
.filetools {
  gap: 10px;
  justify-content: flex-end;
}
.filetools button {
  padding: 7px 10px;
  font-size: 12px;
}
#fileStatus {
  max-width: 310px;
  font-size: 10px;
}
.materialsection h3 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
  font-size: 17px;
}
.creator-materialsection { position: relative; height: 654px; padding: 0; overflow: hidden; }
.creator-material-grid {
  position: relative;
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #151a20;
  background-image: linear-gradient(#2a34421c 1px, transparent 1px), linear-gradient(90deg, #2a34421c 1px, transparent 1px);
  background-size: 28px 28px;
}
.creator-material-grid canvas { position: absolute; inset: 0; width: 100%; height: 100%; cursor: grab; }
.creator-material-grid.drawing-mode canvas { opacity: 0; pointer-events: none; }
.creator-material-grid canvas:active { cursor: grabbing; }
.creator-build-tools {
  position: absolute;
  z-index: 5;
  top: 14px;
  left: 14px;
  display: grid;
  gap: 7px;
}
.creator-build-tools button {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  padding: 0;
  border-color: #364352;
  background: #111820e8;
  backdrop-filter: blur(12px);
}
.creator-build-tools button.active { border-color: #0080ff; background: #0080ff22; }
.creator-tool-separator { width: 42px; height: 1px; margin: 3px 0; background: #34404e; }
.build-icon { position: relative; display: block; width: 22px; height: 22px; }
.build-icon-frame { border: 2px solid #b7c4d3; border-radius: 2px; }
.build-icon-vertical::before,
.build-icon-horizontal::before { content: ""; position: absolute; border-radius: 2px; background: #b7c4d3; }
.build-icon-vertical::before { left: 9px; top: 1px; width: 4px; height: 20px; }
.build-icon-horizontal::before { left: 1px; top: 9px; width: 20px; height: 4px; }
.build-icon-shelf::before { content: ""; position: absolute; left: 1px; top: 9px; width: 20px; height: 4px; border-radius: 2px; background: #b7c4d3; }
.build-icon-shelf::after { content: "•••"; position: absolute; left: 3px; top: -7px; color: #72b7ff; font-size: 10px; letter-spacing: 2px; }
.build-icon-hdf { display: grid; place-items: center; border: 1px solid #8493a5; border-radius: 2px; color: #b7c4d3; font-size: 10px; font-weight: 700; }
.build-icon-front { border: 2px solid #b7c4d3; border-radius: 2px; box-shadow: inset 4px 0 0 #0080ff66; }
.build-icon-drawer::before, .build-icon-drawer::after { content: ""; position: absolute; left: 1px; width: 20px; height: 7px; border: 2px solid #b7c4d3; border-radius: 2px; }
.build-icon-drawer::before { top: 2px; }
.build-icon-drawer::after { bottom: 2px; }
.build-icon-hinge::before { content: ""; position: absolute; left: 3px; top: 6px; width: 8px; height: 8px; border: 2px solid #b7c4d3; border-radius: 50%; box-shadow: 8px 0 0 -3px #72b7ff; }
.build-icon-color { border-radius: 50% 50% 50% 10%; background: conic-gradient(#0080ff, #50d890, #ffd24b, #ef5d65, #0080ff); transform: rotate(-45deg) scale(.78); }
.build-icon-leg::before { content: ""; position: absolute; left: 7px; top: 2px; width: 8px; height: 15px; border: 2px solid #b7c4d3; border-top-width: 5px; border-radius: 2px; }
.build-icon-leg::after { content: ""; position: absolute; left: 3px; bottom: 1px; width: 16px; height: 3px; border-radius: 2px; background: #b7c4d3; }
.build-icon-equipment { display: grid; place-items: center; color: #b7c4d3; font-size: 21px; line-height: 1; }
.build-icon-save::before { content: ""; position: absolute; inset: 2px; border: 2px solid #72b7ff; border-radius: 2px; }
.build-icon-save::after { content: ""; position: absolute; left: 7px; bottom: 5px; width: 8px; height: 6px; border: 2px solid #72b7ff; box-shadow: 0 -8px 0 -2px #72b7ff; }
.creator-build-form {
  position: absolute;
  z-index: 6;
  top: 14px;
  left: 65px;
  width: 224px;
  padding: 12px;
  border: 1px solid #364352;
  border-radius: 9px;
  background: #111820f2;
  box-shadow: 0 18px 42px #0008;
  backdrop-filter: blur(16px);
}
.creator-build-form h4 { margin: 0 0 10px; font-size: 12px; }
.creator-build-form label { display: grid; gap: 4px; margin-top: 7px; color: #9facbb; font-size: 9px; }
.creator-build-form input, .creator-build-form select { height: 32px; margin: 0; padding: 0 9px; font-size: 11px; }
.creator-build-form input[type="color"] { width: 100%; padding: 3px; }
.creator-build-form input:focus,
.creator-build-form input:focus-visible,
.creator-build-form select:focus,
.creator-build-form select:focus-visible { outline: none; border-color: #34404e; box-shadow: none; }
.creator-build-form .row { margin-top: 10px; }
.creator-build-form button { min-width: 0; height: 32px; padding: 0 11px; font-size: 10px; }
.creator-equipment-panel {
  position: absolute; z-index: 7; top: 14px; left: 65px; width: min(350px, calc(100% - 95px));
  max-height: calc(100% - 28px); overflow: auto; padding: 16px;
  border: 1px solid #364352; border-radius: 10px; background: #111820f5;
  box-shadow: 0 18px 42px #0008; backdrop-filter: blur(16px);
}
.creator-equipment-panel[hidden] { display: none; }
.creator-equipment-panel h4 { margin: 0 0 10px; font-size: 15px; }
.creator-equipment-spec { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 10px; margin: 12px 0; }
.creator-equipment-spec span { display: flex; flex-direction: column; gap: 3px; color: #9facbb; font-size: 10px; }
.creator-equipment-spec strong { color: #eef3f8; font-size: 12px; }
.creator-equipment-panel label { display: grid; gap: 5px; margin: 9px 0; color: #aebbc9; font-size: 11px; }
.creator-equipment-panel input, .creator-equipment-panel select { min-width: 0; width: 100%; height: 34px; font-size: 12px; }
.creator-equipment-panel input:focus, .creator-equipment-panel select:focus { outline: none; box-shadow: none; border-color: #465465; }
.creator-equipment-panel .equipment-check { display: flex; align-items: center; gap: 8px; }
.creator-equipment-panel .equipment-check input { width: 16px; height: 16px; }
.creator-equipment-panel [hidden] { display: none; }
.creator-equipment-panel .row { margin-top: 12px; }
.creator-equipment-results { margin: 14px 0 6px; }
.creator-equipment-results small { color: #8c9cad; }
.creator-equipment-result { display: grid; width: 100%; gap: 5px; margin-top: 7px; padding: 12px; border: 1px solid #34404e; border-radius: 8px; text-align: left; background: #17212c; }
.creator-equipment-result:hover { border-color: #0080ff; background: #1d2a39; }
.creator-equipment-result strong { font-size: 12px; }
.creator-equipment-result span { color: #9eacbc; font-size: 11px; }
.creator-equipment-result b { color: #79baff; font-size: 11px; }
.creator-equipment-calculated { margin: 13px 0 5px; padding: 9px; border: 1px solid #34404e; border-radius: 6px; color: #d7e9fb; font-size: 11px; line-height: 1.4; }
.creator-equipment-calculated.invalid { color: #ff9c9c; }
.creator-equipment-note, .creator-equipment-status { margin: 9px 0; color: #aebbc9; font-size: 11px; line-height: 1.45; }
.creator-equipment-status:not(:empty) { color: #ff9c9c; }
.creator-equipment-panel a { color: #72b7ff; font-size: 11px; }
.creator-drawing-layer { position: absolute; z-index: 4; inset: 0; width: 100%; height: 100%; pointer-events: none; opacity: 0; transition: opacity 120ms ease; }
.creator-drawing-layer.editing { pointer-events: auto; cursor: crosshair; opacity: 1; background: #11182080; }
.creator-drawing-layer .build-part { fill: #8494a8cc; stroke: #d6e2ef; stroke-width: 1.25; vector-effect: non-scaling-stroke; }
.creator-drawing-layer .build-part.custom { fill: #0080ff88; stroke: #75bbff; cursor: grab; }
.creator-drawing-layer .build-part.kind-hdf { fill: #d8d8d833; stroke-dasharray: 3 3; }
.creator-drawing-layer .build-part.kind-front { fill: #d9e0e888; }
.creator-drawing-layer .build-part.kind-drawer { fill: #89bfff88; }
.creator-drawing-layer .build-part.pending-frame { fill: #75879a66; stroke: #72b7ff; stroke-width: 1.4; }
.creator-drawing-layer .build-part.pending-frame.invalid { fill: #ef5d6555; stroke: #ef5d65; }
.creator-drawing-layer .build-part.pending { fill: #0080ff55; stroke: #75bbff; stroke-dasharray: 6 4; cursor: crosshair; }
.creator-drawing-layer .build-part.dragging { fill: #25a0ffbb; cursor: grabbing; }
.creator-drawing-layer .snap-guide { stroke: #43a6ff; stroke-width: 1; stroke-dasharray: 5 4; vector-effect: non-scaling-stroke; }
.creator-drawing-layer .dimension-label { fill: #c6d3e2; font: 11px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; text-anchor: middle; }
.creator-leg-panel {
  position: absolute;
  z-index: 6;
  top: 14px;
  left: 65px;
  width: 300px;
  padding: 12px;
  border-color: #34404e;
  border: 1px solid #34404e;
  border-radius: 9px;
  background: #111820f2;
  box-shadow: 0 18px 42px #0008;
  backdrop-filter: blur(16px);
}
.creator-leg-panel label { display: grid; gap: 5px; margin-bottom: 9px; color: #aebdce; font-size: 10px; }
.creator-leg-panel label > span:last-child { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 5px; }
.creator-leg-panel select, .creator-leg-panel button { width: auto; height: 34px; margin: 0; padding: 0 11px; font-size: 11px; }
.creator-leg-panel select { width: 100%; }
.creator-leg-panel > .primary { width: 100%; margin-top: 2px; }
.creator-leg-panel small { display: block; margin-top: 9px; line-height: 1.4; color: #aebdce; }
.creator-view-cube {
  position: absolute;
  z-index: 5;
  top: 18px;
  right: 18px;
  width: 166px;
  height: 112px;
  color: #d9e2ec;
  pointer-events: none;
}
.creator-save-float { position: absolute; z-index: 6; right: 14px; bottom: 14px; display: grid; place-items: center; width: 42px; height: 42px; margin: 0; padding: 0; border-color: #364352; background: #111820e8; backdrop-filter: blur(12px); }
.creator-save-float:hover { border-color: #0080ff; background: #0080ff22; }
.orientation-cube {
  position: absolute;
  top: 25px;
  left: 56px;
  width: 62px;
  height: 62px;
  padding: 0;
  border: 0;
  background: transparent;
  transform-style: preserve-3d;
  transform: rotateX(-22deg) rotateY(38deg);
  pointer-events: auto;
}
.orientation-cube span { position: absolute; display: grid; place-items: center; width: 56px; height: 56px; border: 1px solid #50545a; background: #34373b; color: #f1f3f5; font-size: 10px; }
.cube-front { transform: translateZ(28px); }
.cube-side { transform: rotateY(90deg) translateZ(28px); }
.cube-top { transform: rotateX(90deg) translateZ(28px); background: #494d52 !important; }
.cube-rotate { position: absolute; top: 4px; display: grid; place-items: center; width: 34px; height: 34px; padding: 0; border-radius: 50%; border-color: #45494f; background: #34373b; color: white; font-size: 22px; line-height: 1; pointer-events: auto; }
.cube-rotate-left { left: 4px; }
.cube-rotate-right { right: 4px; }
.creator-view-cube .axis { position: absolute; font-size: 11px; font-weight: 700; }
.axis-x { left: 42px; bottom: 3px; color: #ef4747; }
.axis-y { right: 28px; bottom: 3px; color: #39bf64; }
.axis-z { left: 52px; top: 3px; color: #208dff; }
.creator-model-metrics {
  opacity: 0;
  pointer-events: none;
}
.creator-material-grid.has-design .creator-model-metrics { opacity: 1; }
.creator-model-metrics { position: absolute; z-index: 2; right: 14px; bottom: 14px; display: flex; gap: 5px; transition: opacity 120ms ease; }
.creator-model-metrics span { min-width: 38px; padding: 5px 7px; border: 1px solid #34404e; border-radius: 6px; color: #8292a5; background: #111820cf; font-size: 9px; text-align: center; }
.creator-model-metrics span:nth-child(1)::after { content: " mm szer."; }
.creator-model-metrics span:nth-child(2)::after { content: " mm wys."; }
.creator-model-metrics span:nth-child(3)::after { content: " mm płyta"; }
.creator-model-metrics span:nth-child(4)::after { content: " mm światło"; }
.creator-model-metrics span:nth-child(5)::after { content: " mm noga"; }
.cabinet-color-dot { display: inline-block; width: 9px; height: 9px; margin: 0 3px; border: 1px solid #ffffff55; border-radius: 50%; vertical-align: -1px; }
.creator-cabinet-scale { width: min(520px, 72%); height: 92%; color: #78baff; filter: drop-shadow(0 18px 28px #0008); }
.creator-cabinet-scale * { vector-effect: non-scaling-stroke; }
.cabinet-boards { fill: #8f969e; stroke: #07090b; stroke-width: 2; }
.cabinet-opening { fill: #171b20; stroke: #07090b; stroke-width: 2; }
.cabinet-legs { fill: #535b65; stroke: #0a0c0f; stroke-width: 2; }
.floor-line { fill: none; stroke: #39815f; stroke-width: 2; }
.cabinet-dimension-lines { fill: none; stroke: #66819e; stroke-width: 1; }
.cabinet-dimension-lines .dimension-arrow { marker-start: url(#dimensionArrow); marker-end: url(#dimensionArrow); }
.cabinet-dimension-lines text { fill: #aebdce; stroke: none; font-size: 18px; text-anchor: middle; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.cabinet-dimension-lines .vertical-label { writing-mode: vertical-rl; dominant-baseline: middle; }
.sectionnumber {
  color: #78baff;
  background: var(--blue-soft);
  border: 1px solid #0080ff30;
  border-radius: 7px;
  padding: 7px;
  font-size: 12px;
}
.detailcontent {
  margin-top: 18px;
}
summary {
  cursor: pointer;
  color: var(--muted);
}
fieldset {
  margin: 18px 0 0;
  border: 0;
  padding: 0;
  min-width: 0;
}
.checklabel {
  display: flex;
  align-items: center;
  gap: 9px;
  line-height: 1.5;
}
.checklabel input {
  flex-shrink: 0;
}
.cabinetmaterials #inheritedSummary {
  margin-top: 12px;
}
.wizardsteps {
  display: flex;
  gap: 25px;
  padding-bottom: 22px;
  margin-bottom: 25px;
  border-bottom: 1px solid var(--line);
  color: var(--muted);
  font-size: 12px;
}
.wizardsteps .current {
  color: #75b8ff;
}
.choicegrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.choicecard {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 25px 20px;
  text-align: left;
  background: #131a23;
  min-height: 215px;
}
.choicecard > .icon:first-child {
  color: #61aeff;
  margin-bottom: 20px;
}
.choicecard strong {
  font-size: 17px;
}
.choicecard small {
  line-height: 1.6;
}
.choicecard > .icon:last-child {
  margin-top: auto;
  align-self: flex-end;
  color: #66b2ff;
}
.choicecard:hover,
.modelcard:hover {
  border-color: var(--blue);
  background: var(--blue-soft);
}
.customchoice {
  width: 100%;
  display: flex;
  gap: 18px;
  justify-content: flex-start;
  text-align: left;
  padding: 20px;
  border-color: #0080ff70;
  background: var(--blue-soft);
}
.customchoice > .icon {
  color: #7abcff;
}
.customchoice span {
  flex: 1;
}
.customchoice strong {
  display: block;
  font-size: 17px;
}
.customchoice small {
  display: block;
  margin-top: 5px;
}
.modelheading {
  margin: 28px 0 15px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 500;
}
.modelgrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.modelcard {
  display: flex;
  flex-direction: column;
  padding: 12px 15px 18px;
  text-align: center;
  min-width: 0;
  background: #131a23;
}
.modelcard svg {
  height: 110px;
  width: 135px;
}
.modelcard strong {
  font-size: 15px;
}
.modelcard small {
  min-height: 37px;
  font-size: 11px;
}
.extrapart {
  border-top: 1px solid var(--line);
  padding-top: 16px;
}
.extrapart > button {
  margin-top: 12px;
  font-size: 12px;
}
.hardwarefields h3,
.doc-preview h3,
.hardware-list h3 {
  margin-bottom: 15px;
}
.doc-preview {
  margin-top: 14px;
  padding: 18px;
  border: 1px solid #0080ff45;
  border-radius: 10px;
  background: #0e1722;
}
.doc-preview-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
}
.doc-preview-grid > div {
  display: grid;
  gap: 7px;
  font-size: 12px;
}
.doc-preview-grid span {
  padding-bottom: 7px;
  border-bottom: 1px solid #263546;
  color: #c7d4e3;
}
.doc-preview-grid small { display: block; margin-top: 2px; }
.hardware-list { margin-top: 22px; }
.board-field { min-width: 0; }
.board-choice {
  width: 100%;
  min-height: 76px;
  margin-top: 7px;
  padding: 8px;
  justify-content: flex-start;
  text-align: left;
  background: #121820;
}
.board-choice > span:not(.board-sample) { min-width: 0; flex: 1; }
.board-choice strong,
.board-choice small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.board-choice small { margin-top: 3px; color: var(--muted); font-size: 10px; }
.board-choice b { color: #74b8ff; font-size: 11px; font-weight: 600; }
.board-sample {
  display: block;
  flex: 0 0 auto;
  width: 58px;
  height: 58px;
  border: 1px solid #ffffff26;
  border-radius: 7px;
  background-color: #aaa;
}
.board-kamien { background-image: radial-gradient(circle at 16% 20%, #d3d0c9 0 4%, transparent 5%), radial-gradient(circle at 62% 30%, #777671 0 3%, transparent 4%), radial-gradient(circle at 80% 75%, #aaa9a2 0 5%, transparent 6%), linear-gradient(135deg, #8b8a85, #c2c0b9 42%, #74736e); }
.board-jasny-kamien { background-image: linear-gradient(110deg, transparent 0 40%, #cbbcac88 42% 46%, transparent 48%), radial-gradient(circle at 20% 70%, #e9ddc9 0 18%, transparent 19%), linear-gradient(135deg, #f1dfc8, #c9ad8e, #eee0cb); }
.board-szary-kamien { background-image: radial-gradient(circle at 30% 40%, #c6c5c2 0 3%, transparent 4%), linear-gradient(135deg, #b6b5b3, #e0dfdc 48%, #aaa9a6); }
.board-ciemny-kamien { background-image: radial-gradient(circle at 20% 30%, #585955 0 2%, transparent 3%), radial-gradient(circle at 70% 75%, #878782 0 3%, transparent 4%), linear-gradient(135deg, #363a38, #777772 50%, #454847); }
.board-trawertyn { background-image: repeating-linear-gradient(100deg, #e6d7c2 0 7px, #cdb79a 8px 10px, #f0e5d4 11px 18px); }
.board-kremowy-kamien { background-image: radial-gradient(circle at 65% 30%, #d8d0c5 0 2%, transparent 3%), linear-gradient(135deg, #ded9d0, #f4efe7 45%, #c5bfb5); }
.board-drewno { background-image: repeating-linear-gradient(94deg, #b5824f 0 2px, #d3a56c 3px 8px, #8c5f37 9px 10px, #e0bd8a 11px 16px); }
.board-drewno-ciemne { background-image: repeating-linear-gradient(94deg, #6f4a2d 0 2px, #a77a4d 3px 8px, #4f351f 9px 10px, #bd8e59 11px 16px); }
.board-kaszmir { background: linear-gradient(135deg, #b2aaa0, #d2ccc3); }
.board-czarny { background: linear-gradient(135deg, #151515, #383838); }
.board-bialy { background: linear-gradient(135deg, #f1f1ef, #cfcfcb); }
.board-bialy-cieply { background: linear-gradient(135deg, #fffefa, #e9e3d9); }
.board-picker-layout { display: grid; grid-template-columns: minmax(0, 1fr) 250px; min-height: 625px; }
.board-picker-tools { padding: 18px 26px; border-bottom: 1px solid var(--line); }
.board-picker-tools input { max-width: 380px; margin: 0 12px 0 0; }
.board-picker-tools small { color: var(--muted); }
.board-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; padding: 26px; max-height: 590px; overflow: auto; }
.board-tile { display: grid; gap: 7px; padding: 0; border: 0; border-radius: 9px; text-align: left; background: transparent; color: var(--text); }
.board-tile .board-sample { width: 100%; height: 150px; border-radius: 9px; }
.board-tile strong { font-size: 16px; }
.board-tile > span:not(.board-sample) { color: var(--muted); font-size: 14px; }
.board-tile small { color: #747e8b; font-size: 10px; font-weight: 650; letter-spacing: .3px; }
.board-tile:hover .board-sample, .board-tile.selected .board-sample { outline: 3px solid var(--blue); outline-offset: 2px; }
.board-filters { padding: 25px; border-left: 1px solid var(--line); background: #161c22; }
.board-filters h3 { font-size: 18px; margin-bottom: 28px; }
.board-filters > small { display: block; margin-bottom: 10px; font-size: 10px; font-weight: 700; letter-spacing: .7px; }
.board-filters button { width: 100%; justify-content: flex-start; padding: 10px 0; border: 0; border-radius: 0; background: transparent; color: var(--muted); }
.board-filters button.active { color: #83c0ff; }
@media (max-width: 740px) {
  .topbar {
    height: auto;
    min-height: 60px;
    padding-top: 12px;
    padding-bottom: 12px;
    align-items: flex-start;
  }
  .filetools {
    gap: 5px;
  }
  #fileStatus {
    max-width: 170px;
    font-size: 9px;
  }
  .tabs {
    gap: 16px;
    overflow-x: auto;
  }
  .tabs button {
    white-space: nowrap;
    font-size: 12px;
  }
  .choicegrid {
    grid-template-columns: 1fr;
  }
  .choicecard {
    min-height: 130px;
    padding: 18px;
    gap: 5px;
  }
  .choicecard > .icon:first-child {
    margin-bottom: 6px;
  }
  .modelgrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .wizardsteps {
    gap: 14px;
    font-size: 11px;
  }
  .doc-preview-grid { grid-template-columns: 1fr; }
  .board-picker-layout { grid-template-columns: 1fr; }
  .board-filters { display: flex; gap: 8px; overflow-x: auto; padding: 14px; border: 0; border-top: 1px solid var(--line); }
  .board-filters h3, .board-filters > small { display: none; }
  .board-filters button { width: auto; white-space: nowrap; }
  .board-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 16px; }
}

/* Jedna karta materiałów, także dla dowolnej liczby dekorów. */
.board-choice .board-unknown {
  display: grid;
  place-items: center;
  background: #1b232c;
  color: #91a0b0;
  font-size: 30px;
  font-weight: 400;
}
.project-decor-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: 20px; }
.add-project-decor { margin-top: 16px; }
.project-worktop-fields { margin-top: 24px; display: grid; gap: 16px; }
.project-additional-materials { margin-top: 24px; }
.project-materials-save { margin-top: 24px; }
@media (max-width: 700px) { .project-decor-list { grid-template-columns: 1fr; } }