.elementor-15096 .elementor-element.elementor-element-0e4ca95:not(.elementor-motion-effects-element-type-background), .elementor-15096 .elementor-element.elementor-element-0e4ca95 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFA;background-image:url("https://a8p.pl/wp-content/uploads/2025/10/u5646516422_A_modern_minimalist_living_room_featuring_an_acce_bceb8316-2ce8-4edd-9457-b8192e3eaced_1-2.jpg");background-position:center center;background-repeat:no-repeat;}.elementor-15096 .elementor-element.elementor-element-0e4ca95 > .elementor-container{max-width:1600px;}.elementor-15096 .elementor-element.elementor-element-0e4ca95{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-150px;margin-bottom:0px;padding:0px 20px 0px 20px;}.elementor-15096 .elementor-element.elementor-element-0e4ca95 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-15096 .elementor-element.elementor-element-e6ed8e9 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-15096 .elementor-element.elementor-element-d627507{width:var( --container-widget-width, 250px );max-width:250px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:250px;--container-widget-flex-grow:0;text-align:left;text-transform:uppercase;color:#000000;}.elementor-15096 .elementor-element.elementor-element-a99b89b.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-15096 .elementor-element.elementor-element-a99b89b > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-15096 .elementor-element.elementor-element-f3c5e0b:not(.elementor-motion-effects-element-type-background), .elementor-15096 .elementor-element.elementor-element-f3c5e0b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFA;}.elementor-15096 .elementor-element.elementor-element-f3c5e0b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-40px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-15096 .elementor-element.elementor-element-f3c5e0b > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-15096 .elementor-element.elementor-element-81d810b:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-15096 .elementor-element.elementor-element-81d810b > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFA;}.elementor-15096 .elementor-element.elementor-element-81d810b > .elementor-element-populated{border-style:solid;border-color:#CCCCCC;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-15096 .elementor-element.elementor-element-81d810b > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-15096 .elementor-element.elementor-element-7e51691 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-15096 .elementor-element.elementor-element-1c9d759:not(.elementor-motion-effects-element-type-background), .elementor-15096 .elementor-element.elementor-element-1c9d759 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-15096 .elementor-element.elementor-element-1c9d759{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-15096 .elementor-element.elementor-element-1c9d759 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-15096 .elementor-element.elementor-element-1a5ea37:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-15096 .elementor-element.elementor-element-1a5ea37 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-15096 .elementor-element.elementor-element-1a5ea37 > .elementor-element-populated{border-style:solid;border-color:#CCCCCC;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-15096 .elementor-element.elementor-element-1a5ea37 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-15096 .elementor-element.elementor-element-50d9d25 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-15096 .elementor-element.elementor-element-64fb4e7{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-15096 .elementor-element.elementor-element-d4c7901 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-15096 .elementor-element.elementor-element-7b0cc17{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-15096 .elementor-element.elementor-element-579f195:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-15096 .elementor-element.elementor-element-579f195 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-15096 .elementor-element.elementor-element-579f195 > .elementor-element-populated{border-style:solid;border-color:#CCCCCC;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-15096 .elementor-element.elementor-element-579f195 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-15096 .elementor-element.elementor-element-fc85459{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15096 .elementor-element.elementor-element-429456e{margin-top:0px;margin-bottom:0px;padding:47px 23px 30px 60px;}.elementor-15096 .elementor-element.elementor-element-0bd2010 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-15096 .elementor-element.elementor-element-be588b1 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-15096 .elementor-element.elementor-element-5c0db2a > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-15096 .elementor-element.elementor-element-fb561ad{--display:flex;}.elementor-15096 .elementor-element.elementor-element-b1770e2{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-15096 .elementor-element.elementor-element-b1770e2.elementor-element{--align-self:center;}.elementor-15096 .elementor-element.elementor-element-b1770e2 .elementor-wrapper{--video-aspect-ratio:1;}.elementor-15096 .elementor-element.elementor-element-78a5d74{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-15096 .elementor-element.elementor-element-6bb1327{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15096 .elementor-element.elementor-element-d4a26b8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15096 .elementor-element.elementor-element-5877b9b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15096 .elementor-element.elementor-element-19bb95b{background-color:#F8F9FA;grid-column:span 1;}.elementor-15096 .elementor-element.elementor-element-19bb95b .elementor-image-box-wrapper{text-align:center;}.elementor-15096 .elementor-element.elementor-element-19bb95b .elementor-image-box-title{margin-bottom:8px;font-family:"Manrope", Sans-serif;font-size:70px;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;word-spacing:0px;color:#D9C8AE;}.elementor-15096 .elementor-element.elementor-element-19bb95b .elementor-image-box-description{font-family:"Manrope", Sans-serif;font-size:25px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;word-spacing:0px;color:#212529;}.elementor-15096 .elementor-element.elementor-element-50fbff3{width:100%;max-width:100%;}.elementor-15096 .elementor-element.elementor-element-50fbff3 > .elementor-widget-container{background-color:#F8F9FA;}.elementor-15096 .elementor-element.elementor-element-50fbff3.elementor-element{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-15096 .elementor-element.elementor-element-23bce88{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15096 .elementor-element.elementor-element-23bce88:not(.elementor-motion-effects-element-type-background), .elementor-15096 .elementor-element.elementor-element-23bce88 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F9FA;}.elementor-15096 .elementor-element.elementor-element-a2a4e9c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15096 .elementor-element.elementor-element-22ee826:not(.elementor-motion-effects-element-type-background), .elementor-15096 .elementor-element.elementor-element-22ee826 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-repeat:no-repeat;}.elementor-15096 .elementor-element.elementor-element-22ee826, .elementor-15096 .elementor-element.elementor-element-22ee826 > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-15096 .elementor-element.elementor-element-22ee826{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 60px 0px 60px;}.elementor-15096 .elementor-element.elementor-element-22ee826 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-15096 .elementor-element.elementor-element-b3e077f > .elementor-element-populated{border-style:solid;border-width:1px 0px 0px 0px;border-color:#CCCCCC24;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-15096 .elementor-element.elementor-element-b3e077f > .elementor-element-populated, .elementor-15096 .elementor-element.elementor-element-b3e077f > .elementor-element-populated > .elementor-background-overlay, .elementor-15096 .elementor-element.elementor-element-b3e077f > .elementor-background-slideshow{border-radius:0px 0px 0px 0px;}.elementor-15096 .elementor-element.elementor-element-e6c1ded{--display:flex;}.elementor-15096 .elementor-element.elementor-element-e6c1ded:not(.elementor-motion-effects-element-type-background), .elementor-15096 .elementor-element.elementor-element-e6c1ded > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F9FA;}.elementor-15096 .elementor-element.elementor-element-undefined-e61aafa{--grid-template-columns:repeat(0, auto);text-align:center;width:var( --container-widget-width, 25% );max-width:25%;--container-widget-width:25%;--container-widget-flex-grow:0;--icon-size:30px;--grid-column-gap:50px;--grid-row-gap:0px;}.elementor-15096 .elementor-element.elementor-element-undefined-e61aafa .elementor-social-icon{background-color:#02010100;--icon-padding:0em;}.elementor-15096 .elementor-element.elementor-element-undefined-e61aafa .elementor-social-icon i{color:#D9C8AE;}.elementor-15096 .elementor-element.elementor-element-undefined-e61aafa .elementor-social-icon svg{fill:#D9C8AE;}@media(min-width:768px){.elementor-15096 .elementor-element.elementor-element-6bb1327{--width:50%;}.elementor-15096 .elementor-element.elementor-element-d4a26b8{--width:50%;}}@media(max-width:1024px){.elementor-15096 .elementor-element.elementor-element-0e4ca95{margin-top:-190px;margin-bottom:0px;padding:0px 53px 0px 54px;}.elementor-15096 .elementor-element.elementor-element-81d810b > .elementor-element-populated{border-width:1px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-15096 .elementor-element.elementor-element-81d810b > .elementor-element-populated, .elementor-15096 .elementor-element.elementor-element-81d810b > .elementor-element-populated > .elementor-background-overlay, .elementor-15096 .elementor-element.elementor-element-81d810b > .elementor-background-slideshow{border-radius:1px 0px 0px 0px;}.elementor-15096 .elementor-element.elementor-element-1a5ea37 > .elementor-element-populated{border-width:1px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-15096 .elementor-element.elementor-element-1a5ea37 > .elementor-element-populated, .elementor-15096 .elementor-element.elementor-element-1a5ea37 > .elementor-element-populated > .elementor-background-overlay, .elementor-15096 .elementor-element.elementor-element-1a5ea37 > .elementor-background-slideshow{border-radius:1px 0px 0px 0px;}.elementor-15096 .elementor-element.elementor-element-579f195 > .elementor-element-populated{border-width:1px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-15096 .elementor-element.elementor-element-579f195 > .elementor-element-populated, .elementor-15096 .elementor-element.elementor-element-579f195 > .elementor-element-populated > .elementor-background-overlay, .elementor-15096 .elementor-element.elementor-element-579f195 > .elementor-background-slideshow{border-radius:1px 0px 0px 0px;}.elementor-15096 .elementor-element.elementor-element-429456e{padding:47px 54px 127px 54px;}.elementor-15096 .elementor-element.elementor-element-be588b1 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-15096 .elementor-element.elementor-element-19bb95b{width:100%;max-width:100%;}.elementor-15096 .elementor-element.elementor-element-22ee826{padding:0px 50px 0px 25px;}.elementor-15096 .elementor-element.elementor-element-b3e077f > .elementor-element-populated{border-width:0px 0px 0px 0px;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-15096 .elementor-element.elementor-element-undefined-e61aafa{text-align:left;width:100%;max-width:100%;}}@media(max-width:767px){.elementor-15096 .elementor-element.elementor-element-0e4ca95{margin-top:0px;margin-bottom:0px;padding:0px 28px 0px 28px;}.elementor-15096 .elementor-element.elementor-element-e6ed8e9.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-15096 .elementor-element.elementor-element-e6ed8e9 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-15096 .elementor-element.elementor-element-d627507{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-15096 .elementor-element.elementor-element-a99b89b.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-15096 .elementor-element.elementor-element-a99b89b > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:50px 0px 0px 0px;}.elementor-15096 .elementor-element.elementor-element-81d810b > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-15096 .elementor-element.elementor-element-7e51691 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-15096 .elementor-element.elementor-element-1c9d759{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-15096 .elementor-element.elementor-element-1a5ea37 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-15096 .elementor-element.elementor-element-50d9d25 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-15096 .elementor-element.elementor-element-64fb4e7{margin-top:100px;margin-bottom:100px;}.elementor-15096 .elementor-element.elementor-element-7b0cc17{margin-top:-60px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-15096 .elementor-element.elementor-element-579f195 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-15096 .elementor-element.elementor-element-579f195 > .elementor-element-populated{margin:-2px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-15096 .elementor-element.elementor-element-fc85459{--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-15096 .elementor-element.elementor-element-429456e{margin-top:0px;margin-bottom:0px;padding:47px 28px 0px 028px;}.elementor-15096 .elementor-element.elementor-element-0bd2010 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-15096 .elementor-element.elementor-element-be588b1 > .elementor-element-populated{margin:50px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-15096 .elementor-element.elementor-element-5c0db2a > .elementor-element-populated{margin:50px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-15096 .elementor-element.elementor-element-b1770e2{width:100%;max-width:100%;}.elementor-15096 .elementor-element.elementor-element-19bb95b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 11px 0px 10px;}.elementor-15096 .elementor-element.elementor-element-19bb95b .elementor-image-box-wrapper{text-align:left;}.elementor-15096 .elementor-element.elementor-element-19bb95b .elementor-image-box-title{margin-bottom:8px;font-size:35px;}.elementor-15096 .elementor-element.elementor-element-19bb95b .elementor-image-box-description{font-size:20px;}.elementor-15096 .elementor-element.elementor-element-22ee826{margin-top:0px;margin-bottom:0px;padding:0px 28px 0px 28px;}.elementor-15096 .elementor-element.elementor-element-b3e077f > .elementor-element-populated{padding:50px -0px 0px 0px;}}@media(max-width:1024px) and (min-width:768px){.elementor-15096 .elementor-element.elementor-element-81d810b{width:100%;}.elementor-15096 .elementor-element.elementor-element-7e51691{width:100%;}.elementor-15096 .elementor-element.elementor-element-1a5ea37{width:100%;}.elementor-15096 .elementor-element.elementor-element-50d9d25{width:100%;}.elementor-15096 .elementor-element.elementor-element-d4c7901{width:100%;}.elementor-15096 .elementor-element.elementor-element-579f195{width:100%;}.elementor-15096 .elementor-element.elementor-element-0bd2010{width:50%;}.elementor-15096 .elementor-element.elementor-element-be588b1{width:50%;}.elementor-15096 .elementor-element.elementor-element-5c0db2a{width:50%;}}/* Start custom CSS for html, class: .elementor-element-acd1ad4 */body {
  font-family: Arial, sans-serif;
  margin: 20px;
}

h1 {
  text-align: center;
      margin-left: auto;
    margin-right: auto;
  color: #D9C8AE;
}
h2 {
text-align: center;
    margin-left: auto;
    margin-right: auto;
  color: white;
}
form {
  display: flex;
  flex-direction: column;
    width: 300px;
  margin: 0 auto 20px auto;
}

form label {
  margin-bottom: 5px;
}

form input, form select, form button {
  margin-bottom: 15px;
  padding: 10px;
  font-size: 16px;
  width: 100%;
}

form button {
  background-color: #0073e6;
  color: white;
  border: none;
  cursor: pointer;
}

form button:hover {
  background-color: #005bb5;
}

canvas {
  display: block;
  margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for wpforms, class: .elementor-element-50fbff3 *//* Ustalanie maksymalnej szerokości formularza i centrowanie go */
.wpforms-container .wpforms-form {
  width: 100%;         /* wypełnia całą dostępną przestrzeń */
  max-width: 800px;    /* maksymalnie 800px (zmień według potrzeb) */
  margin: 0 auto;      /* wyśrodkuj */
  box-sizing: border-box; /* zabezpieczenie przed dziwnym rozliczaniem marginesów/paddingu */
}

/* Opcjonalnie, jeśli obszar kontenera ma jakieś wymuszone paddingi/marginesy
   i chcesz zapobiec poziomemu paskowi przewijania: */
.wpforms-container {
  overflow-x: hidden; 
}/* End custom CSS */
/* Start custom CSS */<!-- Kalkulator Desek Ściennych z Wizualizacją -->

<!-- Formularz kalkulatora -->
<div id="kalkulator-desek">
    <h1 style="color: #ffffff;">Kalkulator Desek Ściennych</h1>
    <form id="wall-form">
        <label for="wallWidth" style="color: #ffffff;">Szerokość ściany (cm):</label>
        <input type="number" id="wallWidth" step="1" required><br>

        <label for="wallHeight" style="color: #ffffff;">Wysokość ściany (cm):</label>
        <input type="number" id="wallHeight" step="1" required><br>

        <label for="direction" style="color: #ffffff;">Kierunek ułożenia desek:</label>
        <select id="direction" required>
            <option value="horizontal">Poziomo</option>
            <option value="vertical">Pionowo</option>
        </select><br>

        <button type="submit">Oblicz i Wyświetl</button>
    </form>

    <h2><span id="result" style="color: #ffffff;"></span></h2>

    <div id="canvas-container" style="position: relative; display: inline-block;">
        <canvas id="visualizationCanvas" style="border: 1px solid white;"></canvas>
    </div><br>

    <button id="saveBtn">Zapisz Wizualizację</button>
</div>/* End custom CSS */