.render{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background-color:var(--render-bg)}.render-focus-controls{position:absolute;top:.75rem;right:.75rem;z-index:1;display:flex;flex-direction:column;gap:.35rem}.render-angle-reset{position:absolute;right:.75rem;bottom:.75rem;z-index:1}.render-focus-button{background-color:#ffffffeb!important;border:1px solid rgba(0,0,0,.08);box-shadow:0 1px 3px #0000001f;width:2rem;height:2rem}@media screen and (prefers-color-scheme: dark){.render-focus-button{background-color:#323232eb!important;border-color:#ffffff1f}}.render canvas{display:block}.form{width:calc(100% - 2em);display:flex;justify-content:flex-start;flex-direction:row;flex-wrap:wrap}.form-section-note{margin:0;padding:.45em .55em;border-radius:var(--radius);border-left:2px solid rgba(255,220,0,.55);background-color:#ffdc0014;font-size:.8125rem;line-height:1.45;color:inherit;opacity:.8}.form-pattern-description{margin:0;padding:0 .15em;font-size:.8125rem;line-height:1.45;color:inherit;opacity:.65}@media screen and (prefers-color-scheme: dark){.form-section-note{background-color:#ffdc000f;border-left-color:#ffdc0073}}@media screen and (max-width: 768px){.form{width:100%}}.help-dialog-paper.MuiPaper-root{position:relative!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;background-color:var(--bg)!important;color:var(--txt);height:min(78vh,620px);max-height:78vh;overflow:hidden!important;padding:0!important}.help-dialog-body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}.help-dialog-actions{flex:0 0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;padding:.35rem .65rem .55rem;border-top:1px solid color-mix(in srgb,var(--txt) 10%,transparent);background:var(--bg)}.help-dialog-actions>:first-child{justify-self:start}.help-dialog-actions>:last-child{justify-self:end}.help-page-count{font-size:.75rem;color:color-mix(in srgb,var(--txt) 45%,transparent);letter-spacing:.02em;text-align:center;justify-self:center}.help-page{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.help-hero{position:relative;flex:1 1 auto;min-height:14rem;overflow:hidden;background:var(--bg)}.help-hero-img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.help-hero-img-contain{object-fit:contain;object-position:center;padding:1.5rem 1rem 4rem;box-sizing:border-box}.help-hero-fade{position:absolute;left:0;right:0;bottom:0;height:55%;z-index:2;pointer-events:none;background:linear-gradient(to bottom,transparent 0%,color-mix(in srgb,var(--bg) 25%,transparent) 28%,color-mix(in srgb,var(--bg) 70%,transparent) 58%,color-mix(in srgb,var(--bg) 94%,transparent) 82%,var(--bg) 100%)}.help-hero-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;width:100%;height:100%;padding:.5rem .5rem 0;box-sizing:border-box}.help-hero-compare-item{margin:0;min-height:0;position:relative;overflow:hidden;border-radius:.4rem;img {display: block; width: 100%; height: 100%; object-fit: cover; object-position: center;} figcaption {position: absolute; top: .4rem; left: .4rem; z-index: 1; font-size: .7rem; font-weight: 600; letter-spacing: .02em; color: var(--txt); background: color-mix(in srgb,var(--bg) 65%,transparent); backdrop-filter: blur(4px); padding: .15rem .4rem; border-radius: .25rem;}}.help-hero .help-close.MuiIconButton-root{position:absolute!important;top:.65rem!important;right:.65rem!important;z-index:5!important;width:2rem!important;height:2rem!important;padding:0!important;color:var(--txt)!important;background-color:color-mix(in srgb,var(--bg) 75%,transparent)!important;border:1px solid color-mix(in srgb,var(--txt) 20%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 1px 8px color-mix(in srgb,#000 40%,transparent)}.help-hero .help-close.MuiIconButton-root:hover{background-color:var(--bg)!important}.help-hero>span:has(>.help-close){position:absolute!important;top:.65rem!important;right:.65rem!important;z-index:5!important;width:2rem!important;height:2rem!important;display:block!important}.help-copy{position:relative;z-index:3;flex:0 0 auto;margin-top:-3.25rem;padding:0 1.15rem .85rem;display:flex;flex-direction:column;gap:.4rem;background:transparent}.help-title{margin:0;font-size:1.15rem;font-weight:600;line-height:1.25}.help-lead{margin:0;font-size:.92rem;line-height:1.4;color:color-mix(in srgb,var(--txt) 82%,transparent)}.help-note{margin:0;font-size:.8rem;line-height:1.35;color:color-mix(in srgb,var(--txt) 55%,transparent);padding-left:.65rem;border-left:3px solid color-mix(in srgb,#ffdc00 70%,transparent)}.help-pending{margin:0;font-size:.75rem;color:color-mix(in srgb,var(--txt) 45%,transparent)}.sidebar{display:flex;flex-direction:column;align-items:center;overflow-x:hidden;overflow-y:auto}.sidebar>*{flex-grow:0}.sidebar .sidebar-header{position:relative;width:100%;display:flex;align-items:center;justify-content:center;padding:.5em 0}.sidebar .logo{width:50%;max-width:100px;margin:0}.sidebar .sidebar-help{position:absolute;top:.35em;right:.35em;color:color-mix(in srgb,var(--txt) 45%,transparent)}.sidebar .sidebar-help:hover{color:color-mix(in srgb,var(--txt) 75%,transparent);background-color:color-mix(in srgb,var(--txt) 8%,transparent)}.sidebar .gap{flex-grow:5;min-height:1em}.sidebar .actions{width:calc(100% - 1.5em);padding:.5em 0 0;display:flex;flex-direction:row;gap:.5em;align-items:stretch}.sidebar .actions .actions-download{flex:1 1 0;min-width:0}.sidebar .actions .actions-download-stl.MuiButton-contained{background-color:color-mix(in srgb,#FFDC00 18%,var(--bg));color:#ffdc00;box-shadow:none}.sidebar .actions .actions-download-stl.MuiButton-contained:hover{background-color:color-mix(in srgb,#FFDC00 28%,var(--bg));box-shadow:none}.sidebar .actions .actions-share.MuiButton-outlined{flex:0 0 auto;min-width:0;padding-inline:.65em;color:color-mix(in srgb,var(--txt) 55%,transparent);border-color:color-mix(in srgb,var(--txt) 28%,transparent)}.sidebar .actions .actions-share.MuiButton-outlined:hover{color:color-mix(in srgb,var(--txt) 75%,transparent);border-color:color-mix(in srgb,var(--txt) 45%,transparent);background-color:color-mix(in srgb,var(--txt) 6%,transparent)}.sidebar .export-history{width:calc(100% - 1.5em);padding:.5em 0 0;display:flex;flex-direction:column;gap:.35em}.sidebar .export-history .export-history-label{font-size:.75rem;color:color-mix(in srgb,var(--txt) 45%,transparent)}.sidebar .export-history .export-history-row{display:flex;flex-direction:row;align-items:center;gap:.25em}.sidebar .export-history .export-history-select{flex:1 1 0;min-width:0;font-size:.8125rem}.sidebar .export-history .export-history-action{flex:0 0 auto;color:color-mix(in srgb,var(--txt) 45%,transparent)}.sidebar .footer{width:100%;padding:.5em;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:.5em}.sidebar .footer .footer-links{display:flex;flex-direction:row;align-items:center;gap:.5em}.sidebar .footer .footer-link{color:var(--txt);display:flex;align-items:center}.sidebar .footer .footer-reset{background:none;border:none;padding:0;font:inherit;font-size:.75rem;gap:.3em;cursor:pointer;color:color-mix(in srgb,var(--txt) 45%,transparent);svg {width: .85em; height: .85em;} &:hover {color: color-mix(in srgb,var(--txt) 65%,transparent);}}.sidebar .footer .boxbuilder-link img{width:1.5rem;height:1.5rem;display:block}*{margin:0;padding:0;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--txt) 20%,transparent) transparent}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{outline:none;border:transparent;border-radius:3px;background-color:color-mix(in srgb,var(--txt) 20%,transparent)}::-webkit-scrollbar-button{display:none;width:0;height:0}::-webkit-scrollbar-corner{background-color:transparent}::-webkit-scrollbar-track{border-radius:.125rem;background-color:transparent}:root{--txt: #181818;--bg: #f8f8f8;--render-bg: #ffffff}@media screen and (prefers-color-scheme: dark){:root{--txt: #f8f8f8;--bg: #181818;--render-bg: #242424}}body{--radius: .25rem;background-color:var(--bg);color:var(--txt)}main{display:flex;flex-direction:row;align-items:stretch;height:100vh;max-width:100vw}.app-crash-recovery{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.75rem;min-height:100vh;padding:2rem;max-width:32rem;margin:0 auto;box-sizing:border-box;color:var(--txt, #181818);background:var(--bg, #f8f8f8)}.app-crash-recovery-title{font-size:1.25rem;font-weight:600;margin:0}.app-crash-recovery-body{margin:0;line-height:1.45;opacity:.85}.app-crash-recovery-actions{display:flex;gap:.5rem;margin-top:.25rem}.app-crash-recovery-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid color-mix(in srgb,var(--txt, #181818) 25%,transparent);background:var(--txt, #181818);color:var(--bg, #f8f8f8);border-radius:var(--radius, .25rem);padding:.5rem .85rem;font:inherit;font-size:.9rem;cursor:pointer}.app-crash-recovery-button:hover{opacity:.9}@media screen and (prefers-color-scheme: dark){.app-crash-recovery{color:#f8f8f8;background:#181818}.app-crash-recovery-button{background:#f8f8f8;color:#181818;border-color:color-mix(in srgb,#f8f8f8 25%,transparent)}}*{box-sizing:border-box}body{margin: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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}