.color-field{position:relative;display:flex;align-items:center;gap:.5rem}.swatch{width:24px;height:24px;border-radius:4px;border:1px solid #ccc;cursor:pointer}.popover{position:absolute;z-index:999;top:120%;left:0;box-shadow:0 2px 12px #00000026}.popover{position:absolute;z-index:999;top:120%;left:0;box-shadow:0 2px 12px #00000026;display:flex;flex-direction:column;align-items:stretch;gap:.5rem;background:#fff;padding:.5rem;border:1px solid #000;border-radius:6px}.swatch.empty{background:repeating-conic-gradient(#eee,#eee 25%,#fff 0%,#fff 50%) 0 0/8px 8px}.swatch.empty:after{content:"";position:absolute;top:2px;left:2px;right:2px;bottom:2px;background:linear-gradient(45deg,transparent 45%,red 46%,red 54%,transparent 55%);pointer-events:none}.swatch{width:24px;height:24px;border:1px solid #aaa;border-radius:3px;cursor:pointer;position:relative}.web-colors-grid{display:grid;grid-template-columns:repeat(12,20px);gap:4px;padding:4px 0}.color-tile{width:20px;height:20px;border:1px solid #666;cursor:pointer}.color-tile:hover,.color-tile:focus{outline:2px solid #000}.pbc-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:9000;display:flex;align-items:center;justify-content:center}.pbc-dialog{background:#fffde7;border:1px solid #c8a600;border-radius:7px;padding:14px 16px 12px;min-width:300px;max-width:440px;width:90vw;box-shadow:0 8px 28px #0006;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;outline:none}.pbc-header{margin-bottom:10px;padding-bottom:7px;border-bottom:1px solid #e0c840}.pbc-title{font-size:15px;font-weight:700;color:#2a1800;letter-spacing:.01em}.pbc-change-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px;margin-bottom:10px;font-size:13px;color:#222}.pbc-change-label{font-weight:600;color:#555;min-width:34px}.pbc-change-value{font-family:Courier New,Courier,monospace;font-size:13px}.pbc-change-value.pbc-new{font-weight:700;color:#1a6a00}.pbc-change-arrow{color:#666;font-weight:700}.pbc-change-unit{color:#555;font-size:12px}.pbc-prompt{font-size:12px;font-weight:700;color:#3a2800;margin-bottom:7px;text-transform:uppercase;letter-spacing:.05em}.pbc-options{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.pbc-option{display:flex;align-items:flex-start;gap:8px;padding:7px 10px;background:#fffbee;border:1px solid #dfc030;border-radius:5px;cursor:pointer;transition:background .12s,border-color .12s;-webkit-user-select:none;user-select:none}.pbc-option:hover:not(.pbc-option--disabled){background:#fff9c0;border-color:#b89000}.pbc-option--selected{background:#fff5a0;border-color:#a07800;box-shadow:inset 0 0 0 1px #a0780033}.pbc-option--disabled{opacity:.48;cursor:not-allowed}.pbc-option input[type=radio]{margin-top:3px;flex-shrink:0;accent-color:#7a5a00}.pbc-option-body{display:flex;flex-direction:column;gap:2px}.pbc-option-label{font-weight:700;font-size:14px;color:#111}.pbc-option-values{font-size:13px;color:#222;display:flex;align-items:baseline;flex-wrap:wrap;gap:1px}.pbc-mono{font-family:Courier New,Courier,monospace}.pbc-option-values .pbc-arrow{color:#444}.pbc-option-values strong.pbc-mono{color:#1a6a00}.pbc-option-unit{color:#444;font-size:12px}.pbc-option-reason{font-size:12px;color:#777;font-style:italic}.pbc-error-msg{font-size:12px;color:#8b0000;background:#fff0f0;border:1px solid #e08080;border-radius:4px;padding:7px 10px;margin-bottom:10px}.pbc-buttons{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #e0c840;padding-top:10px}.pbc-btn{padding:5px 16px;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;border:1px solid;transition:background .12s,border-color .12s;font-family:inherit}.pbc-btn--cancel{background:#f0ede0;border-color:#c8c0a0;color:#555}.pbc-btn--cancel:hover{background:#e4e0cc;border-color:#b0a880}.pbc-btn--accept{background:#4e7800;border-color:#3a5c00;color:#fff}.pbc-btn--accept:hover:not(:disabled){background:#3a5c00;border-color:#2c4600}.pbc-btn--accept:disabled{background:#a0b880;border-color:#8aaa60;cursor:not-allowed;color:#eee}.select-style-button{display:flex;justify-content:center;align-items:center;width:100%;padding:8px 12px;font-size:.9rem;line-height:1.2;text-align:center;background:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.select-style-button:hover,.select-style-button:focus{border-color:#2684ff;box-shadow:0 0 0 1px #2684ff;outline:none}.select-style-button:active{background:#f2f2f2}.select-style-button:disabled{background:#f9f9f9;color:#999;cursor:not-allowed}.svg-container{margin:0;display:flex;flex-direction:column;flex:1 1 0;width:100%;height:100%;min-height:0;box-sizing:border-box}.svg-inner{flex:1 1 auto;min-height:0;min-width:0;overflow:hidden;padding:10px;box-sizing:border-box}.drawing-svg{width:100%;height:100%;transform-origin:center center}.vertical-slider-root{position:relative;display:inline-block}.vertical-slider-btn{background:#f8f9fa;border:1px solid #4a4f54;border-radius:4px;width:40px;height:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s,border-color .2s;z-index:2;gap:2px;min-width:40px}.vertical-slider-btn:hover{background-color:#e9ecef;border-color:#adb5bd}.vertical-slider-popup{position:absolute;left:50%;bottom:48px;transform:translate(-50%);background:#fff;border:1px solid #bbb;border-radius:10px;box-shadow:0 8px 32px #0000002e;padding:16px 8px 8px;display:flex;flex-direction:column;align-items:center;z-index:1000;min-width:48px}.vertical-slider-track{writing-mode:vertical-lr;direction:rtl;width:32px;height:140px;margin:0 0 8px;background:transparent}.vertical-slider-value{font-size:1.1em;font-weight:500;color:#333;margin-top:4px;text-align:center}.vertical-slider-text{font-size:10px;font-weight:500;line-height:1;text-align:center}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:grid;grid-template-rows:var(--header-h) 1fr;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.InchToMM{margin-right:0;margin-left:auto}.InchToMM label{text-align:right;font-size:smaller;vertical-align:text-bottom;display:inline-block;width:6em;margin-right:5px}.InchToMM div{padding:5px}.InchToMM input{text-align:right;font-size:smaller;width:5em;vertical-align:top}.App-logo{animation:App-logo-spin infinite 20s linear;height:50px}.Download{display:flex;width:100%;margin:auto}.Download a{margin-right:10px}.Download button{background-color:#fff;border:none;color:#000;text-align:center;font-size:12px;-webkit-transition-duration:.4s;transition-duration:.4s;cursor:pointer;border:2px solid DodgerBlue;border-radius:8px;box-shadow:0 8px 16px #0003,0 6px 20px #00000030;height:2em;width:100%;display:flex;justify-content:center;margin-bottom:10px;margin-right:0;padding:.2em 1em 0}.Download button:hover{background-color:#1e90ff;color:#fff}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--header-h: 70px;--sidebar-ideal: 48ch;--sidebar-min: 39ch;--sidebar-size: clamp(var(--sidebar-min), var(--sidebar-ideal), 35vw)}header{display:flex;align-items:center;background:#000;color:#fff;font-weight:600;overflow:hidden}.header-gear{width:70px;height:70px;flex-shrink:0;object-fit:cover;display:block;margin-left:5px}.header-banner{flex:1;height:70px;display:flex;align-items:center;background-image:url(/assets/BbtW7cCS.png);background-size:cover;background-position:center;padding:0 1.25rem 0 0;min-width:0}.header-title{display:flex;flex-direction:column;justify-content:center;line-height:1.15;flex-shrink:0}.header-title h1{margin:0;font-size:1.35rem;font-weight:700;letter-spacing:.02em;white-space:nowrap;text-shadow:0 1px 6px rgba(0,0,0,.8)}.title-xl{color:#4dabf7;font-weight:900}.header-byline{margin:0;font-size:.68rem;color:#aaa;text-shadow:0 1px 4px rgba(0,0,0,.8);font-weight:400;letter-spacing:.06em;text-transform:lowercase}main{display:grid;grid-template-columns:var(--sidebar-size) 6px 1fr;overflow:hidden;height:100vh;min-height:0}.resize-handle{grid-column:2;cursor:col-resize;background:#e0e0e0;position:relative;z-index:10;flex-shrink:0;transition:background .15s ease}.resize-handle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:32px;background:#aaa;border-radius:2px;transition:background .15s ease,height .15s ease}.resize-handle:hover,.resize-handle--dragging{background:#c8dcff}.resize-handle:hover:after,.resize-handle--dragging:after{background:#2684ff;height:48px}body.resize-dragging{-webkit-user-select:none;user-select:none;cursor:col-resize}.sidebar-container{min-width:0;width:100%;height:calc(100vh - var(--header-h));display:flex;flex-direction:column;overflow:hidden}.sidebar-scroll-wrapper{flex:1 1 auto;overflow-y:auto;overflow-x:hidden}.drawing-area{display:flex;flex-direction:column;min-height:0;height:100%;background:#fff;position:relative;overflow-x:hidden;overflow-y:visible}.drawing-content{flex:1 1 auto;min-height:0;position:relative;overflow:hidden}.footer{height:125px;background:#f0f0f0fa;border-top:1px solid #ccc;border:2px solid lightgray;z-index:100;display:flex;align-items:flex-start;justify-content:flex-start;padding:8px;font-size:18px;color:#333;font-weight:500;width:100%;flex-shrink:0;position:relative;overflow:visible;isolation:isolate}.footer-controls{margin-right:24px;display:flex;align-items:center;gap:24px}.footer-controls .view-mode-label{font-size:16px;white-space:nowrap}.control-group{display:flex;align-items:center;gap:8px}.footer-controls select{width:100%;min-width:0;box-sizing:border-box;font-size:.9rem;min-height:34px;padding:1px 6px;line-height:1.2;border:1px solid #ced4da;border-radius:4px;background-color:#fff;color:#333;transition:border-color .2s ease,box-shadow .2s ease}.footer-controls select:focus{outline:none;border-color:#2684ff;box-shadow:0 0 0 1px #2684ff}.footer-controls select:hover{border-color:#2684ff;box-shadow:0 0 0 1px #2684ff}.reset-view-button{font-size:22px;padding:6px;background-color:#f8f9fa;border:1px solid #4a4f54;border-radius:4px;cursor:pointer;transition:background-color .2s,border-color .2s;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:40px}.reset-view-button:hover:not(:disabled){background-color:#e9ecef;border-color:#adb5bd}.reset-view-button:disabled{opacity:.6;cursor:not-allowed}.reset-view-text{font-size:10px;font-weight:500;line-height:1;text-align:center}.transparency-label,.metal-type-label{font-size:14px;white-space:nowrap}.metal-type-select{width:100%;min-width:0;box-sizing:border-box;font-size:.9rem;min-height:34px;padding:1px 6px;line-height:1.2;border:1px solid #ced4da;border-radius:4px;background-color:#fff;color:#333;transition:border-color .2s ease,box-shadow .2s ease}.metal-type-select:focus{outline:none;border-color:#2684ff;box-shadow:0 0 0 1px #2684ff}.metal-type-select:hover{border-color:#2684ff;box-shadow:0 0 0 1px #2684ff}.env-map-control{display:flex;align-items:center;gap:6px}.env-map-checkbox{margin:0;cursor:pointer}.env-map-label{font-size:14px;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none}.footer .react-select__menu-portal{z-index:3000!important;position:absolute}.footer .Select__menu,.footer .react-select__menu{position:fixed!important;z-index:3000!important}.react-select__menu-portal{z-index:9999!important;position:absolute!important}:root{--sidebar-font-size: clamp(.8125rem, .65rem + .6vw, 1.0625rem);--sidebar-font-size-sm: clamp(.75rem, .6rem + .5vw, .95rem);--sidebar-font-size-lg: clamp(1rem, .85rem + .8vw, 1.25rem);--sidebar-control-min-h: 1em;--sidebar-select-min-h: 1em;--sidebar-label-col: clamp(180px, 25vw, 200px)}.sidebar-values-2>*:nth-child(2n){justify-self:stretch;width:100%}label{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important;font-size:var(--sidebar-font-size);line-height:1.2;text-align:right;vertical-align:middle;justify-self:end}.sidebar-values-2 input,.sidebar-values-3 input{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important;font-size:var(--sidebar-font-size);line-height:1.2;min-width:0;width:100%;min-height:var(--sidebar-control-min-h);padding:.25em .6em;border:1px solid #ced4da;border-radius:4px;box-sizing:border-box;text-align:right;vertical-align:top;transition:border-color .15s ease-in-out}.sidebar-values-2 input:focus,.sidebar-values-3 input:focus{outline:none;border-color:#2684ff;box-shadow:0 0 0 1px #2684ff}.sidebar-values-1{display:grid;grid-template-columns:1fr;gap:8px 0}.sidebar-values-2{display:grid;grid-area:input-area;grid-template-columns:var(--sidebar-label-col) auto;grid-column-gap:8px;grid-row-gap:3px;justify-items:left;align-items:center;margin-bottom:3px}.sidebar-values-3{display:grid;grid-area:input-area;grid-template-columns:var(--sidebar-label-col) 1fr 1fr;grid-column-gap:8px;grid-row-gap:3px;justify-items:left;align-items:center;margin-bottom:3px}.sidebar-values-3 label{text-align:right;vertical-align:middle;justify-self:end}.sidebar-values-2 .react-select__control{width:100%;min-width:0;box-sizing:border-box;font-size:var(--sidebar-font-size-sm);min-height:var(--sidebar-select-min-h);padding:.2em .5em;line-height:1.2}.react-select__control,.react-select__value-container,.react-select__single-value,.react-select__input-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important;font-size:var(--sidebar-font-size)}.sidebar-values-3 .react-select__control{width:100%;min-width:0;box-sizing:border-box;font-size:var(--sidebar-font-size-sm);min-height:var(--sidebar-select-min-h);padding:.2em .5em;line-height:1.2}.sidebar-values-2 .react-select__value-container,.sidebar-values-3 .react-select__value-container,.sidebar-values-2 .react-select__indicators,.sidebar-values-3 .react-select__indicators{padding-top:.1em;padding-bottom:.1em}.sidebar-values-2 .react-select__menu-portal,.sidebar-values-3 .react-select__menu-portal{z-index:9999!important;position:absolute!important}.sidebar-values-2 .react-select__menu,.sidebar-values-3 .react-select__menu{position:fixed!important;z-index:9999!important}.react-style-button{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:var(--sidebar-font-size);line-height:1.2;padding:.4em .8em;border:1px solid #ced4da;border-radius:4px;background-color:#fff;color:#333;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;min-height:calc(var(--sidebar-control-min-h) * .8)}.react-style-button:hover{border-color:#2684ff;box-shadow:0 0 0 1px #2684ff}.react-style-button:focus{outline:none;border-color:#2684ff;box-shadow:0 0 0 2px #2684ff4d}.ps-sidebar-container .ps-menu-button .ps-menu-label{font-size:var(--sidebar-font-size-lg);font-weight:400;line-height:1.3;text-transform:uppercase}.ps-sidebar-container .ps-menu-button:hover .ps-menu-label{color:#2684ff}.ps-collapsed .ps-menu-label{display:none}.ps-sidebar-container .ps-menuitem-root.ps-submenu-root>.ps-menu-button{background-color:#eef2f8;transition:background .15s ease;padding-top:.35em;padding-bottom:.35em}.ps-sidebar-container .ps-menuitem-root.ps-submenu-root>.ps-menu-button:hover{background-color:#dbe4f3}.ps-sidebar-container .ps-submenu-content{background-color:#faf8fc;padding:0 18px 0 8px}.ps-sidebar-container .ps-menuitem-root.ps-open{position:relative;z-index:50}.ps-sidebar-container{width:var(--sidebar-size)!important;min-width:var(--sidebar-min)!important;border-right:1px solid #ccd3da}.sidebar-values-2>.leftAlign,.sidebar-values-3>.leftAlign{justify-self:start;width:auto}.leftAlign input[type=checkbox],input[type=checkbox].leftAlign{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);zoom:1.2}.unit-pill{display:inline-flex;align-items:center;align-self:stretch;padding:0 .9em 0 .3em;margin-left:0;font-size:var(--sidebar-font-size);font-weight:300;border:1px solid #ced4da;border-left:0;border-radius:0 4px 4px 0;cursor:pointer;position:relative;height:100%;box-sizing:border-box;min-height:var(--sidebar-control-min-h)}.unit-select .unit-pill:after{content:"▼";font-size:.6em;position:absolute;right:.3em;top:50%;transform:translateY(-50%);pointer-events:none;color:currentColor;opacity:.7}.unit-select .unit-pill:hover{background-color:#d0d7de}.bni-with-unit{display:inline-flex;align-items:stretch}.bni-with-unit>input{border-top-right-radius:0;border-bottom-right-radius:0}.bni-with-unit>.unit-select,.bni-with-unit>.unit-pill{align-self:stretch}.bni-with-unit>input{height:auto}.unit-pill.mm{background-color:#e57373;color:#fff}.unit-pill.in{background-color:#9e9e9e;color:#fff}.unit-select{position:relative;display:inline-flex}.unit-menu{display:none;position:absolute;right:0;top:100%;margin-top:2px;min-width:4.5rem;background:#fff;border:1px solid #ced4da;border-radius:4px;box-shadow:0 4px 12px #00000014;list-style:none;padding:4px 0;z-index:10000}.unit-menu.open{display:block}.unit-menu li{padding:6px 10px;cursor:pointer;white-space:nowrap;line-height:1.2;font-size:var(--sidebar-font-size)}.unit-menu li:hover{background:#f2f5f9}