:root{--accent-color:#222;--accent-color:#222;--accent-color-darken:#222;--secondary-typeface:'Space Mono',monospace;/* App */--app-default-font:'DM Sans',sans-serif;--app-accent-color:#222;--app-font-color:#464646;--app-icon-color:black;--app-panel-bg:white;--app-panel-border:1px solid red;--app-panel-radius:12px;--app-panel-top:8%;--app-panel-left:8%;--app-panel-bottom:8%;--app-panel-width:302px;--app-canvas-margin:50px;--app-header-bg:#FFFFFF;--app-header-height:50px;--app-header-color:#464646;--app-title-color:#464646;--app-title-font:var(--app-default-font);--app-title-font-size:15px;--app-title-font-weight:500;--app-logo-size:20px;--app-input-bg:var(--header-bg);--app-input-bg-hover:#e1e1e1;--app-input-color:#464646;--app-input-radius:7px;--app-input-border:none;--app-input-font:'Space Mono',monospace;--app-input-font-weight:300;/* NEW */--app-input-font-size:18px;--app-input-height:45px;--app-input-thumb-size:28px;--app-label-color:#555;--app-label-font:'Space Mono',monospace;--app-label-font-weight:300;/* NEW */--app-label-font-size:11px;--app-section-margin:15px;--app-border-width:1px;--app-section-border:var(--app-border-width) solid #eee;--app-slider-color:#222;--app-copyright-color:#666;--app-tab-border:none;--app-tab-color:#555;--app-tab-separator:1px solid rgba(0,0,0,0.07);--font-b-weight:300;--app-tab-bg:var(--input-bg);--app-tab-active-bg:#222;--app-tab-active-color:#FFF;--app-tab-radius:5px;--app-tab-height:38px;--app-scrollbar-color:#ddd;/* Override common variables from main stylesheet */--input-height:48px;--m-gap:13px}body{background-color:var(--header-bg);width:100%;height:100%;position:absolute}/* BASIC ELEMENT STYLES */::-webkit-scrollbar-track{border-radius:10px;background-color:rgba(255,255,255,0)}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-thumb{border-radius:5px;border:2px solid var(--app-panel-bg);-webkit-box-shadow:inset 0 0 1px rgba(0,0,0,.3);background-color:var(--app-scrollbar-color)}.canvas-border{outline:4px dotted var(--accent-color)}.background{position:fixed;width:100%;height:100%;z-index:-1000}#background-b{z-index:-2000;filter:blur(5px);-webkit-filter:blur(5px)}a{text-decoration:none;color:var(--accent-color)}a:hover{text-decoration:underline;cursor:pointer}a.none{text-decoration:none;color:unset}a.none:hover{text-decoration:none}button.app-input{text-align:center}input[type=number]{text-align:right}input[type=number]:disabled,input[type=text]:disabled{color:#888;pointer-events:none}input[type=text].dimension-input,input[type=number].dimension-input{text-align:right;border-radius:var(--input-radius) 0 0 var(--input-radius);border-right:none;padding-right:5px}.dimension-input:hover ~ .units,.dimension-input:focus ~ .units{box-shadow:var(--input-hover)}.units-input-container{display:flex}.units{height:var(--input-height);border:var(--input-border);border-left:none;box-sizing:border-box;display:inline-flex;align-items:center;padding:0;text-align:left;background-color:var(--input-bg);border-radius:0 var(--input-radius) var(--input-radius) 0;font-size:var(--app-input-font-size);color:#888;font-family:'Space Mono',sans-serif}div.units-mm{width:55px}div.units-inches{width:33px}.units-px{width:45px}.unit-example{background-color:var(--input-bg);padding-left:5px;padding-right:5px;border-radius:3px}#back-button-in-create-header{width:25px;height:25px;display:none}.plugin-back{position:fixed;top:var(--app-panel-top);right:var(--app-panel-left);box-shadow:0 0 10px rgb(0 0 0 / 17%);z-index:500}.plugin-back:hover{box-shadow:0 0 15px rgb(0 0 0 / 50%);cursor:pointer}.circle-icon-small{background-color:white;border-radius:50%;display:inline-block;display:flex;align-items:center;justify-content:center;height:40px;width:40px;box-shadow:0 0 10px rgba(0, 0, 0, 0.17)}.circle-icon-small > img,.circle-icon-small > svg{width:20px;height:20px;position:relative;right:1px}.svg-icon svg{width:100%;height:100%}.svg-icon-path svg path{stroke:var(--app-icon-color)}.svg-icon-fill svg path,.svg-icon-fill svg circle{fill:var(--app-icon-color)}.input-row{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--s-gap)}.input-row > *{flex-grow:1;width:0}.input-group{display:flex;flex-direction:column;align-items:flex-start;gap:var(--xs-gap)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}/* Background transitions */#solid-color{animation:hue-rotate 20s linear infinite}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.spinner-icon-loading{background-image:var(--transparent-svg);-webkit-animation:rotate 400ms linear infinite;-moz-animation:rotate 400ms linear infinite;-ms-animation:rotate 400ms linear infinite;animation:rotate 400ms linear infinite;background-repeat:no-repeat;background-size:contain}.spinner{height:50px;width:50px;background-image:var(--transparent-svg);-webkit-animation:rotate 400ms linear infinite;-moz-animation:rotate 400ms linear infinite;-ms-animation:rotate 400ms linear infinite;animation:rotate 400ms linear infinite;background-repeat:no-repeat;background-size:contain;background-position:center}.spinner-icon{display:none;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0;width:50px;height:50px;background-repeat:no-repeat;background-size:contain}.placement-select.active{background-color:var(--input-hover)}.hidden-input{display:none}.menu-toggle:hover{cursor:pointer}#download-button{border-radius:0 0 var(--app-panel-radius) var(--app-panel-radius);background-color:var(--app-panel-bg)}#adjustments-menu,#joint-adjustments-menu,#more-menu,#download-menu > .menu-content,#download-menu{max-width:300px}#spectrum-menu{max-width:320px}#share-menu{max-width:440px}#share-url{border-radius:5px 0 0 5px;font-size:14px;height:40px}#share-thumb-container{opacity:1;width:auto;margin-bottom:5px;margin-right:-3px}#share-thumb{border-radius:50%;height:30px;width:30px;background-color:var(--header-bg);background-size:80px}.copy-box{border-radius:0 5px 5px 0;background-color:#666;color:white;display:inline-flex;align-items:center;justify-content:center;height:40px;width:83px;font-size:13px;font-family:'Space Mono',monospace;user-select:none;cursor:pointer}.copy-box:hover{background-color:#555}.copy-box:active{background-color:#555;box-shadow:inset 0 0 15px 0px #000}.circle-thumb{min-width:var(--app-input-thumb-size);min-height:var(--app-input-thumb-size);display:inline-block;border-radius:50%;position:relative;background-size:60%;background-color:var(--header-bg)}.pseudo-icon{background-position:center;background-repeat:no-repeat;background-size:18px 18px}.material > .circle-thumb,#joints > .circle-thumb{background-size:220%;background-position:center}.adjustments-input-label{position:absolute}.adjustment-input-group{margin-top:15px}.adjustment-input-group:first-child{margin-top:0}.reset{width:100%;text-align:center;font-size:11px;color:var(--accent-color);padding-bottom:4px}.reset-button:hover{cursor:pointer}.reset-pattern-search{display:none;justify-content:center;align-items:center;height:250px}#controls{position:fixed;left:var(--app-panel-left);top:var(--app-panel-top);bottom:var(--app-panel-bottom);width:var(--app-panel-width);background-color:var(--app-panel-bg);border-radius:var(--app-panel-radius);box-shadow:0px 0px 20px rgba(0,0,0,0.25);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:10;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.no-controls #controls{display:none}.additional-controls{border-bottom:var(--app-section-border)}#copyright2{font-size:9px;height:0;transform:translateY(1px);color:grey;text-align:center}#copyright-terms{color:var(--app-copyright-color)}#bump-option{z-index:200}.canvas-container,.off-menu{position:fixed;top:calc(var(--app-panel-top) + var(--app-canvas-margin));right:var(--app-panel-top);bottom:calc(var(--app-panel-bottom) + var(--app-canvas-margin));left:calc(var(--app-panel-left) + var(--app-panel-width) + var(--app-canvas-margin));display:flex;align-items:center;justify-content:center}.no-controls .canvas-container,.no-controls .off-menu{left:var(--app-panel-top)}#canvas-container{z-index:-500}.map-preview canvas{width:100%;height:100%;object-fit:cover;height:200px}.fullscreen{width:100%;height:100%;position:fixed}#scene-canvas-container>canvas{height:100%;width:100%;object-fit:cover}.canvas,#canvas-placeholder{max-width:calc(100% - 20px);max-height:calc(100% - 20px);width:auto;height:auto;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0;z-index:-600}#svg-canvas{z-index:5}#plane-canvas{cursor:grab}#hatch-preview{width:100%;height:100%;position:fixed;left:0;top:0;background-image:url('/img/concrete2.svg');z-index:-50;display:none}.header{border-bottom:var(--app-section-border);min-height:var(--app-header-height);background-color:var(--app-header-bg);display:flex;align-items:center;justify-content:space-between;padding:0 var(--app-section-margin);color:var(--app-header-color);border-radius:var(--app-panel-radius) var(--app-panel-radius) 0 0}.menu-title{display:inline-block;font-family:var(--font-a);color:var(--app-header-color);font-weight:var(--app-section-title-weight);font-size:var(--small-text);margin-top:2px}.nav-menu-item{padding:18px 15px 13px 15px;border-bottom:1px solid var(--header-bg);color:var(--font-color);letter-spacing:0.4px;position:relative;user-select:none;display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box;height:50px;border-radius:0}.nav-menu-item:hover{cursor:pointer;color:var(--accent-color);text-decoration:none}.nav-menu-item:last-child{border-bottom:none}.nav-menu-item img,.nav-menu-item .svg-icon{width:23px;height:23px;opacity:0.3}.diamond{position:fixed;left:calc(var(--app-panel-left) + var(--app-panel-width) + 35px);top:214px;z-index:-25;height:46px;-webkit-filter:drop-shadow( 0px 0px 15px rgba(0,0,0,0.25) );filter:drop-shadow( 0px 0px 15px rgba(0,0,0,0.25) )}.diamond polygon{fill:var(--app-panel-bg)}#app-title-image{max-height:21px}#user-menu-app{width:300px}/* Grouped Button Class*/.gbutton-container{border-radius:calc(var(--app-tab-radius) + 2px);color:var(--app-tab-color);z-index:500;margin:var(--app-section-margin) var(--app-section-margin) 0;display:flex;height:var(--app-tab-height);justify-content:space-around;border:var(--app-tab-border);overflow:hidden}.gbutton{text-align:center;width:100%;user-select:none;font-family:var(--font-b);font-weight:var(--font-b-weight);border-left:var(--app-tab-separator);color:var(--app-tab-color);background-color:var(--app-tab-bg);font-size:var(--app-label-font-size);display:flex;align-items:center;justify-content:center;text-transform:uppercase}.gbutton.active,.gbutton.active:hover{color:var(--app-tab-active-color);background-color:var(--app-tab-active-bg)}.gbutton:first-child{border-left:none;border-radius:var(--app-tab-radius) 0 0 var(--app-tab-radius)}.gbutton:hover{box-shadow:inset 0 100px 0 0 rgba(0,0,0,0.04);cursor:pointer}.gbutton:last-child{border-radius:0 var(--app-tab-radius) var(--app-tab-radius) 0}.gbutton.active img{filter:invert(1);opacity:1}.gbutton img{max-height:80%;height:17px;opacity:0.6}#page-content table,td,th{text-align:left;max-width:750px;border:none;border-collapse:collapse;vertical-align:top}.card{background-color:white;border-radius:8px;box-shadow:0px 0px 20px rgba(0,0,0,0.25)}.section{padding:var(--app-section-margin);border-top:var(--app-section-border);position:relative}.section:first-child{border-top:none}.section-first{border-top:none}.section-header-container{display:inline-flex;justify-content:space-between;width:100%}.section-header{font-family:var(--font-a);font-weight:var(--app-section-title-weight);font-size:var(--small-text);color:var(--app-section-title-color);display:flex;justify-content:space-between;align-items:center;position:relative}#add-material-container{border-top:var(--app-section-border);position:relative;align-items:center;display:flex}.remove-material{top:-5px;position:relative}.new-section-button{font-size:14px;display:flex;width:100%;align-items:center;height:50px;color:var(--app-label-color);padding:0 var(--app-section-margin)}.new-section-button:hover{background-color:var(--input-bg);cursor:pointer;color:var(--app-font-color)}.new-section-button-text{margin-left:8px;margin-top:2px}.shift-parameter{width:100%}.incrementor-button{font-size:24px}.pro-feature{position:relative}.pro-feature:hover .pro,.pro-feature:hover + .pro,.pro-feature.active .pro{display:inline-flex}.pro,a.pro{display:none;font-family:var(--font-a);font-size:12px;background-color:var(--lilac);padding:3px 6px;border-radius:15px;color:white;position:absolute;text-decoration:none}.pro:hover{cursor:pointer;box-shadow:inset 0px 0px 500px 500px rgba(0, 0, 0, 0.2);text-decoration:none}.menu-option-pro{position:absolute;z-index:20}.resolution{font-size:12px;background-color:var(--input-bg);padding:1px 4px;border-radius:2px;display:inline-block;margin-bottom:0px;position:relative;font-family:var(--secondary-typeface)}.inactive{user-select:none;pointer-events:none}.inactive > div,.inactive > img,.inactive > input,.inactive > label,.inactive.tile-upload-option{opacity:0.5}.scrollable-area{overflow-y:scroll;height:100%}#download-settings{font-size:11px}/* Databox */.dbox-menu-item{padding:0 10px;display:flex;align-items:center;border-bottom:1px solid var(--header-bg);height:38px;box-sizing:border-box;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.dbox-menu-item:hover{background-color:var(--header-bg);cursor:pointer}.more-button > img{max-height:70%}/* Menu */.menu{position:relative;top:var(--app-panel-top);right:var(--app-panel-left);bottom:8%;left:calc(var(--app-panel-left) + var(--app-panel-width) + 50px);width:calc(100% - var(--app-panel-width) - var(--app-panel-left) - var(--app-canvas-margin) - 50px);max-width:1000px;background-color:var(--app-panel-bg);border-radius:var(--app-panel-radius);box-shadow:0px 0px 20px rgba(0,0,0,0.25);display:none;z-index:900;min-height:150px;overflow:hidden}.menu.spectrum-menu{overflow:visible}#kebab-menu{max-width:400px}.save-param-choice:checked ~ .save-param-options{display:block}.save-param-options{display:none;padding:10px 25px}.banner-container{width:100%;position:fixed;z-index:11000;top:0;display:flex;justify-content:center}.top-menu{display:none;position:fixed;top:calc(8% + 75px);right:calc(8vw - 20px);border-radius:8px;background-color:white;border-radius:12px;box-shadow:0px 0px 20px rgba(0,0,0,0.25);z-index:500}.spectrum-menu{max-width:300px;bottom:auto}.sp-top.sp-cf{border-bottom:none}.spectrum-menu > .menu-content{overflow:visible;padding:0;position:initial}.sp-input-container,.sp-button-container{padding:0;position:relative}.sp-button-container button{width:80px}.sp-input-container > input{width:100%;height:100%}.spectrum-below{display:flex;padding:6px 12px 10px 12px;gap:var(--s-gap)}.spectrum-preview{background-color:#FFFFFF;width:30px;height:30px;border-radius:15px;position:absolute;top:calc(50% - 15px);right:12px}.menu-content{overflow-y:scroll;max-height:calc(84vh - var(--app-header-height) - var(--app-border-width));text-align:left;box-sizing:border-box;background-color:var(--app-panel-bg);border-radius:0 0 var(--app-panel-radius) var(--app-panel-radius)}.menu-nav{display:flex;justify-content:center;height:45px;width:100%;cursor:pointer}.menu-nav:hover{background-color:var(--header-bg);border-radius:var(--app-panel-radius)}.menu-nav > *{cursor:pointer;width:20px}.menu-nav:hover > *{opacity:0.8}.menu-nav > div{width:25px}.pattern-category,#pattern-search,#material-search,input[type=text].header-search{max-width:200px;margin-right:12px}#pattern-search,#material-search,input[type=text].header-search{background-image:url('/icon/search.svg');background-position:95%;background-repeat:no-repeat;background-size:18px}p{max-width:750px;line-height:1.4;white-space:pre-wrap}.menu-option{position:relative;display:inline-block;width:14%;margin:3%;margin-top:35px;margin-bottom:35px;font-size:12px;text-align:center}.planet-container{display:flex;flex-wrap:wrap}.option-img-container{width:100%;padding-bottom:100%;position:relative;overflow:hidden;border-radius:50%;box-sizing:border-box;background-color:var(--input-bg);background-size:cover}.option-img-container.pattern-img{background-size:40%}.option-thumb{background-repeat:no-repeat;background-size:20%;background-position:center}.option-img-container:hover,.active > .option-img-container{box-shadow:0px 0px 0px 5px var(--accent-color);cursor:pointer}.menu-option-title{margin-top:25px;overflow:hidden;text-overflow:ellipsis;font-weight:300;text-align:center;white-space:nowrap}.branded-web-app .menu-option-title{white-space:unset}.menu-option-brand{margin-top:7px;overflow:hidden;text-overflow:ellipsis;font-weight:400;text-align:center;line-height:1.4;height:13px;filter:saturate(0)}.menu-option-brand img{max-height:100%;max-width:80%}/* Portrait mode stacked */@media only screen and (max-width: 499px){/* 3 Up */.menu-option{width:25.3%;margin:4%;margin-top:10px;margin-bottom:20px}.menu-option-title{margin-top:15px;font-size:10px}.menu{max-width:none}}@media only screen and (min-width: 499px) and (max-width: 824px){/* 3 Up */.menu-option{width:25%;margin:4.16%;margin-top:25px;margin-bottom:5px}}@media only screen and (min-width: 825px) and (max-width: 949px){/* 4 Up */.menu-option{width:18%;margin:3.5%;margin-top:25px;margin-bottom:5px}}@media only screen and (min-width: 950px) and (max-width: 1100px){/* 5 Up */.menu-option{width:14%;margin:3%;margin-bottom:10px}}@media only screen and (min-width: 1101px) and (max-width: 1280px){/* 4 Up */.menu-option{width:17%;margin:4%;margin-top:35px;margin-bottom:10px}}@media only screen and (max-width: 499px){:root{--app-panel-left:5%;--app-panel-bottom:10px}#controls{position:fixed;bottom:var(--app-panel-bottom);left:var(--app-panel-left);right:var(--app-panel-left);top:240px;width:unset}.canvas{max-width:100%;max-height:100%}.canvas-container:not(.no-controls .canvas-container),.off-menu:not(.no-controls .canvas-container){top:20px;right:var(--app-panel-left);left:var(--app-panel-left);height:200px}#scene-canvas-container{top:0;left:0;height:345px}#adjustments-menu{max-width:none}#more-menu{width:auto}.menu{position:fixed;top:var(--app-panel-left);right:var(--app-panel-left);left:var(--app-panel-left);bottom:auto;box-shadow:0px 0px 1000px 1000px rgb(0 0 0 / 20%)}.menu-content{max-height:calc(92vh - var(--app-header-height) - var(--app-border-width))}.menu-content{left:var(--app-panel-left);right:var(--app-panel-left);top:calc(var(--app-panel-left) + 50px);bottom:var(--app-panel-left)}.arrow{display:none}}/* Compact mode */@media only screen and (min-width: 499px) and (max-width: 1000px){:root{--app-input-height:36px;--app-input-font-size:14px;--app-input-radius:5px;--app-input-thumb-size:24px;--app-canvas-margin:15px;--app-section-title-font-size:13px;--app-section-margin:10px;--app-label-font-size:10px;--app-tab-height:36px;--app-panel-radius:8px;--app-panel-top:1px;--app-panel-left:1px;--app-panel-bottom:1px;--app-panel-width:250px;--app-button-border:1px solid var(--app-accent-color);--app-button-height:36px;--app-button-font-size:15px;--app-header-height:40px;--input-height:40px;--small-text:14px;--radius:8px;--xs-gap:3px;--s-gap:9px;--m-gap:12px;.app-icon {
            height:18px;width:18px}}#copyright2{transform:unset}#app-title-image{max-height:18px}#adjustments-menu{max-width:270px}.icon{width:16px}.diamond{position:fixed;left:calc(var(--app-panel-width) + var(--app-panel-left) + var(--app-panel-left) - 15px);filter:drop-shadow( 0px 0px 5px rgba(0,0,0,0.25) )}.menu{left:calc(var(--app-panel-width) + var(--app-panel-left) + var(--app-panel-left))}.menu-content{max-height:calc(100vh - var(--app-panel-top) - var(--app-panel-bottom) - var(--app-header-height) - var(--app-border-width))}/* Go to full screen menus at 750px */}


@media only screen and (max-width: 750px){.menu {
        width:auto;max-width:calc(100% - (var(--app-panel-left) * 2));left:var(--app-panel-left)}