.Icon{aspect-ratio:1/1;display:inline-block;border-radius:50%}.Icon .inner{display:inline-block;width:100%;height:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.CardBase{background-color:var(--card-bg-color);border-radius:var(--border-radius);padding:var(--card-padding)}.CardBase:not(:last-child){margin-bottom:var(--gap-card)}.CardBase.add-more h2{margin:0!important}.CardBase.add-more h2~.text{margin-top:1em}.CardBase .button{float:right;cursor:pointer;position:relative;top:-2px}.Uploader #file-drop{width:100%;height:100px;overflow:hidden;padding:1rem;border-radius:var(--border-radius);border:dashed var(--border-width) var(--black);display:flex;align-items:center;justify-content:center;cursor:pointer}.Uploader #file-drop.hover{background-color:var(--filedrop-hover-color)}.Uploader #dropzone-message{display:flex;flex-direction:column;gap:.25rem;text-align:center;font-size:var(--font-size-text)}.Uploader #dropzone-message .help{font-size:var(--font-size-small)}.Uploader #dropzone-message .Icon{display:inline-block;margin-right:.5em;position:relative;bottom:-.15em}.ArtworkSummary,.PresetSummary{display:flex;align-items:flex-start;gap:1rem}.ArtworkSummary .thumbnail-wrapper,.PresetSummary .thumbnail-wrapper{flex-grow:0;flex-shrink:0;width:88px;height:88px;border-radius:6px;display:flex;justify-content:center;align-items:center;aspect-ratio:1/1;background-color:var(--selected-color);padding:3px}.ArtworkSummary .thumbnail-wrapper img.thumbnail,.PresetSummary .thumbnail-wrapper img.thumbnail{object-fit:contain;width:80%;height:80%}.ArtworkSummary .summary,.PresetSummary .summary{flex:1;font-size:var(--font-size-small);display:flex;flex-direction:column;gap:.15rem}.ArtworkSummary .summary .label,.PresetSummary .summary .label{font-weight:700}.ArtworkSummary .edit-button,.ArtworkSummary .remove-button,.PresetSummary .edit-button,.PresetSummary .remove-button{flex-grow:0;flex-shrink:0;cursor:pointer}.Button{padding:0 1em;display:flex;justify-content:center;align-items:center;cursor:pointer;border:none;font-family:var(--typeface);font-size:var(--font-size-text);height:var(--button-height);border-radius:calc(var(--button-height) / 2);-webkit-user-select:none;user-select:none}.Button.big{height:var(--button-height-big);border-radius:calc(var(--button-height-big) / 2)}.Button.highlight{background-color:var(--highlight-color);color:#fff}.Button.primary{background-color:var(--black);color:#fff}.Button.secondary,.Button.naked{background-color:var(--light-gray);color:var(--black)}.Button.naked:hover{background-color:var(--dark-gray)}.Button.disabled{opacity:.45}.Button.icon{padding:0rem}.Button.icon-and-text{gap:.45rem}.ArtworkSlots{display:grid;gap:var(--gap-form);grid-template-columns:repeat(3,1fr)}.ArtworkSlots.single .Button:hover{background-color:var(--dark-gray)}.ArtworkSlots.single .Button.disabled{pointer-events:none;color:var(--black)}.ArtworkSlots.single .Button.disabled.active{background-color:var(--black);opacity:1;color:#fff;pointer-events:auto}.ButtonGroup{display:flex;flex-wrap:wrap;gap:var(--gap-form);align-items:center}.SegementedButton{height:var(--button-height);border-radius:calc(var(--button-height) / 2);background-color:var(--light-gray);flex:1;display:flex;gap:calc(var(--gap-form) / 2);padding:var(--segmented-button-padding)}.SegementedButton>*{cursor:pointer;flex:1;display:flex;justify-content:center;align-items:center;--height: calc(var(--button-height) - 2 * var(--segmented-button-padding));height:var(--height);border-radius:calc(var(--height) / 2);min-width:var(--height)}.SegementedButton>*:hover{background-color:var(--dark-gray)}.SegementedButton>*.selected{background-color:var(--black);color:#fff}.SegementedButton>*.disabled{pointer-events:none;opacity:.33}.react-aria-Slider{--thumb-size: 16px;--track-height: 2px;width:calc(100% - var(--thumb-size));margin-left:calc(var(--thumb-size) / 2);height:var(--thumb-size);position:relative}.react-aria-Slider .react-aria-SliderTrack{height:var(--track-height);border-radius:calc(var(--track-height) / 2);background:var(--light-gray);position:absolute;top:calc((var(--thumb-size) - var(--track-height)) / 2);left:0;right:0}.react-aria-Slider .react-aria-SliderThumb{width:var(--thumb-size);height:var(--thumb-size);border-radius:calc(var(--thumb-size) / 2);background:var(--black);cursor:pointer}.Pill{padding:0 1em;display:flex;align-items:center;border:none;font-family:var(--typeface);font-size:var(--font-size-text);height:var(--button-height);border-radius:calc(var(--button-height) / 2);background-color:var(--light-gray);width:100%;font-variant-numeric:tabular-nums}.Pill .icons{display:flex;gap:var(--gap-form)}.Section:not(:last-child){margin-bottom:var(--gap-section)}.Section .title-value{display:inline-block;margin-left:.75em;font-weight:400;font-variant-numeric:tabular-nums}.ArtworkText .type-settings{display:flex;align-items:center;gap:var(--gap-form)}.ArtworkText .type-settings .typeface-selection{flex:1}.ArtworkText .type-settings .options{flex-grow:0;flex-shrink:0}.ArtworkText textarea{width:100%;background-color:var(--light-gray);border:none;outline:none;height:auto;min-height:var(--button-height);border-radius:calc(var(--button-height) / 2);font-family:var(--typeface);font-size:var(--font-size-text);padding:.8em 1em;resize:none}.ArtworkText svg{display:block;max-width:100%;max-height:100%;object-fit:contain}.ArtworkItem .methods{margin-top:calc(var(--card-padding) * 1.5)}.ArtworkItem .methods .method-label{flex:1;text-align:left}.ArtworkItem .help-text{display:flex;gap:1rem;margin-top:calc(var(--card-padding) * 1.25)!important;line-height:1.35}.printing-methods-listbox{display:block;overflow:hidden;overflow-y:auto;background-color:var(--white)}.printing-methods-listbox .printing-method-item{display:flex;align-items:top;gap:10px;height:var(--button-height);border:none;outline:none;overflow:hidden;cursor:pointer;padding:10px;font-family:var(--typeface);color:var(--black);height:auto;border-radius:6px}.printing-methods-listbox .printing-method-item[data-disabled]{color:var(--muted-text-color)}.printing-methods-listbox .printing-method-item[data-focused],.printing-methods-listbox .printing-method-item[data-pressed]{background:var(--selected-color)}.printing-methods-listbox .method-media{width:77px;height:77px;border-radius:4px;overflow:hidden;flex-shrink:0;background-color:var(--selected-color)}.printing-methods-listbox .method-image{width:100%;height:100%;object-fit:cover}.printing-methods-listbox .method-content{display:flex;flex-direction:column;flex:1}.printing-methods-listbox h4.method-label{margin:0;padding:0;font-size:var(--font-size-title)}.printing-methods-listbox p.method-caption{margin-top:10px;font-size:var(--font-size-small)}.link-container{flex:1;display:flex;gap:.5rem}.link-container .InputField{margin-top:0;flex:1}.dropdown .react-aria-Button{display:flex;align-items:center;height:var(--button-height);border:none;outline:none;cursor:pointer;overflow:hidden;padding:0 1em 0 0;width:100%;border-radius:calc(var(--button-height) / 2);background-color:var(--light-gray)}.dropdown .react-aria-SelectValue{flex:1;display:flex;align-items:center;padding-left:1em;width:0;overflow:hidden;font-family:var(--typeface);color:var(--black)}.dropdown .arrow{display:flex;gap:var(--gap-form);pointer-events:all}.react-aria-Popover[data-trigger=Select]{--trigger-width: var(--panel-width);width:var(--trigger-width);overflow-y:auto;overflow-x:hidden;box-shadow:var(--shadow);border-radius:var(--border-radius);background-color:var(--white);padding:calc(var(--card-padding) / 2)}.react-aria-Popover[data-trigger=Select] .react-aria-ListBox{display:block;overflow:hidden;overflow-y:auto;background-color:var(--white)}.react-aria-Popover[data-trigger=Select] .react-aria-ListBoxItem{display:flex;align-items:center;border:none;outline:none;overflow:hidden;cursor:pointer;padding-left:1em;font-family:var(--typeface);color:var(--black);height:var(--button-height);border-radius:calc(var(--button-height) / 2)}.react-aria-Popover[data-trigger=Select] .react-aria-ListBoxItem[data-disabled]{color:var(--muted-text-color)}.react-aria-Popover[data-trigger=Select] .react-aria-ListBoxItem[data-focused],.react-aria-Popover[data-trigger=Select] .react-aria-ListBoxItem[data-pressed]{background:var(--selected-color)}.color-picker{background:none;border:none;display:flex;align-items:center;outline:none;padding:0;font-size:1rem;font-family:var(--typeface);color:var(--black);width:100%}.color-picker .button-inner{display:flex;align-items:center;gap:var(--gap-form);width:100%}.color-picker .button-inner .content{display:flex;align-items:center;gap:var(--gap-form);flex:1}.color-picker-dialog{--gap: 16px;width:300px;font-size:1rem;font-family:var(--typeface);color:var(--black);outline:none;padding:15px;display:flex;flex-direction:column;gap:var(--gap);max-height:inherit;box-sizing:border-box;overflow:auto;background-color:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow)}.color-picker-dialog h2{margin:0 0 .5em;font-size:var(--font-size-title)}.color-picker-dialog .color-name{display:flex;gap:.5rem;align-items:center}.color-picker-dialog .color-name .react-aria-ColorSwatch{aspect-ratio:1/1;width:var(--button-height);height:var(--button-height)}.color-picker-dialog .similar-colors{display:flex;gap:var(--gap-form)}.color-picker-dialog .similar-colors .react-aria-ColorSwatch{cursor:pointer}.color-picker-dialog .area-and-slider{display:flex;gap:var(--gap)}.color-picker-dialog .react-aria-ColorArea{width:225px;aspect-ratio:1/1}.color-picker-dialog .react-aria-ColorSlider .react-aria-SliderTrack{width:32px;height:100%}.color-picker-dialog .react-aria-ColorSlider .react-aria-ColorThumb{left:50%;position:absolute;transform:translate(-50%,-50%)}.color-picker-dialog .react-aria-ColorThumb{width:27px;height:27px;box-sizing:border-box;border-radius:50%;border:solid 1.5px var(--white)}:root{--white: white;--black: rgb(21, 21, 21);--light-gray: #F5F5F7;--dark-gray: #E0E0E0;--highlight-color: #0a0aad;--error-color: coral;--card-bg-color: var(--white);--filedrop-hover-color: var(--light-gray);--button-selected-color: var(--black);--selected-color: var(--light-gray);--muted-text-color: hsl(0 0% 65% / 1);--typeface: sans-serif;--font-size-title: 14px;--font-size-text: 14px;--font-size-small: 12px;--border-width: 1px;--border-radius: 10px;--button-height: 42px;--button-height-big: 52px;--gap-form: 8px;--gap-card: 8px;--gap-section: 38px;--gap-dropdown-option: 14px;--card-padding: 16px;--segmented-button-padding: 4px;--shadow: 0 5px 10px hsla(0deg, 0%, 50%, .3)}#app{font-family:var(--typeface);font-size:var(--font-size-text);color:var(--black);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app .model-viewer-container{position:relative;width:100%;height:100%}#app .model-viewer-container model-viewer{display:block;width:100%;height:100%;background-color:#fff}#app .model-viewer-container model-viewer .userInput,#app .model-viewer-container model-viewer .userInput:focus,#app .model-viewer-container model-viewer .userInput:focus-visible{outline:none!important;border:none!important}#app .model-viewer-container #viewer-overlay{z-index:5;display:none;position:absolute;top:0;left:0;width:100%;height:100%;justify-content:center;align-items:center;font-size:1rem;border-radius:var(--border-radius)}#app .model-viewer-container #viewer-overlay.error{display:flex;padding:1rem;background-color:rgb(from var(--error-color) r g b/.9)}#app .model-viewer-container #viewer-overlay.generating-previews{padding:0;display:block;background-color:#fff}#app .model-viewer-container #viewer-overlay.generating-previews img~img{display:none}#app h2{margin:0 0 .85em;font-size:var(--font-size-title)}#app p{margin:1em 0 0}#app p~p{margin-top:0}#app button,#app input{font-size:var(--font-size-text)}#app .stacked{display:flex;flex-direction:column;gap:var(--gap-form)}#app .help-text{font-size:var(--font-size-small);margin-top:.9rem!important}#app .error-text{font-size:var(--font-size-small);color:var(--error-color)}@keyframes ani-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#app .spinner{animation-duration:.5s;animation-name:ani-rotate;animation-timing-function:linear;animation-iteration-count:infinite}#app .clickable{cursor:pointer}.react-aria-ColorSwatch{width:24px;height:24px;border-radius:50%}.react-aria-ColorSwatch.selected{outline:solid 2px var(--black);outline-offset:2px}.react-aria-Popover{--scrollbar-track-color: var(--white);--scrollbar-thumb-color: var(--black);--scrollbar-size: 4px}.react-aria-Popover::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}.react-aria-Popover::-webkit-scrollbar-track{background:var(--scrollbar-track-color);border-radius:calc(var(--scrollbar-size) * .5)}.react-aria-Popover::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-color);border-radius:calc(var(--scrollbar-size) * .5)}@supports not selector(::-webkit-scrollbar){.react-aria-Popover{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color)}}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-color: rgb(245, 245, 245);--panel-width: 420px;font-family:serif;color:red}*{box-sizing:border-box}html{background-color:var(--bg-color)}body{margin:0;padding:1rem;font-size:14px}#app{display:grid;grid-template-columns:1fr var(--panel-width);grid-template-areas:"external share" "viewer   panel";gap:1rem}#viewer-root{grid-area:viewer}#viewer-root .model-viewer-container{height:calc(100vh - 10rem)}#panel{grid-area:panel;width:100%}#panel .external{margin-top:1rem;padding:1rem;background-color:#fff}#share{grid-area:share}#external{grid-area:external;display:flex;align-items:center;gap:1rem}.TestControls .Section{margin-bottom:0rem}
