ss-embroidery{display:block}.studio-entry{border-block:1px solid var(--color-border);padding-block:1.25rem}.studio-entry>*+*{margin-top:.75rem}.studio-dialog{width:min(1150px,calc(100% - 2rem));max-height:calc(100dvh - 2rem);padding:0;border:1px solid var(--color-border);border-radius:var(--radius-large);background:var(--color-background);color:var(--color-text);overflow:auto;overscroll-behavior:contain}.studio-dialog::backdrop{background:color-mix(in srgb,var(--color-dark),transparent 40%)}body:has(.studio-dialog[open]){overflow:hidden}.studio-shell{padding:clamp(1.25rem,3vw,2.5rem)}.studio-header{display:flex;gap:1rem;align-items:start;justify-content:space-between}.studio-header h2{margin-top:.5rem;font-size:clamp(2rem,4vw,3rem)}.studio-close{width:44px;min-height:44px;flex-shrink:0;border:1px solid var(--color-border);border-radius:50%;background:transparent;font-size:1.5rem}.studio-intro{max-width:48rem;margin-top:.75rem;font-size:.9375rem}.studio-context{margin-block:1.5rem;display:grid;gap:.25rem;padding-block:1rem;border-block:1px solid var(--color-border);font-size:.875rem;overflow-wrap:anywhere}.studio-context span{color:var(--color-muted)}.studio-context img{width:64px;height:80px;object-fit:contain;grid-row:span 2}.studio-context:has(img:not([hidden])){grid-template-columns:64px minmax(0,1fr);column-gap:1rem}.studio-preview-mark[data-position-editing=true]{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;outline:1px dashed var(--color-accent-ink);outline-offset:6px;min-height:44px;min-width:44px;align-content:center}.studio-preview-mark[data-position-editing=true]:active{cursor:grabbing}.studio-position-tools{margin-block:1rem}.studio-reference{display:grid;grid-template-columns:96px minmax(0,1fr);gap:.75rem;align-items:center;margin:.75rem 0 0}.studio-reference img{width:96px;height:96px;object-fit:contain;border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface)}.studio-nudge{display:grid;grid-template-columns:repeat(3,48px);gap:.5rem;margin-top:.75rem}.studio-nudge button{min-height:44px;border:1px solid var(--color-control-border);border-radius:var(--radius-small);background:var(--color-surface);font-size:1.25rem}.studio-nudge [data-nudge=up]{grid-column:2}.studio-nudge [data-nudge=left]{grid-column:1}[data-review-image]{object-fit:contain}.studio-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.5rem,3vw,3rem);align-items:start}.studio-layout>*{min-width:0}.studio-preview-panel{position:sticky;top:1rem}.studio-preview{position:relative;isolation:isolate;container-type:inline-size;aspect-ratio:400 / 460;background:var(--color-surface-secondary);border-radius:var(--radius-large);overflow:hidden;--fabric: var(--color-border);--seam: var(--color-control-border)}.studio-preview[data-fabric=dark]{--fabric: var(--color-dark);--seam: var(--color-control-border)}.studio-preview>svg{width:100%;height:100%;display:block;fill:var(--fabric);stroke:var(--seam);stroke-width:1}.studio-preview .studio-seam{fill:none;stroke:var(--seam);stroke-width:1}.studio-preview-label{position:absolute;z-index:1;top:1rem;width:100%;text-align:center;color:var(--color-text)}.studio-preview-caption{position:absolute;z-index:1;bottom:.75rem;width:100%;text-align:center;color:var(--color-text)}.studio-preview-mark{position:absolute;transform:translate(-50%,-50%);text-align:center;display:grid;justify-items:center;gap:.25rem;line-height:1.15}.studio-preview-mark img{width:auto;height:auto;max-width:100%;max-height:6rem;object-fit:contain}.studio-preview-mark span{display:block;white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}.studio-fabric,.studio-steps{display:flex;gap:.5rem;margin-block:.75rem}.studio-fabric button,.studio-steps button{min-height:44px;border:1px solid var(--color-control-border);border-radius:var(--radius-small);background:var(--color-surface);padding:.5rem .75rem;font-size:.8125rem}.studio-fabric button[aria-pressed=true],.studio-steps button[aria-pressed=true]{border-color:var(--color-accent-ink);background:var(--color-accent);color:var(--color-on-accent)}.studio-steps{margin-top:0}.studio-steps button{flex:1;padding-inline:.25rem}.studio-panel{padding-top:1rem}.studio-panel .input{min-height:48px}.studio-panel textarea.input{min-height:7rem}.studio-panel .button{width:100%}.studio-colors{padding:0;margin:0;border:0;min-width:0}.studio-colors legend{padding:0;margin-bottom:.75rem;font-size:.875rem;font-weight:600}.studio-colors>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-bottom:.75rem}.studio-color{position:relative;display:flex;gap:.5rem;align-items:center;justify-content:center;flex-wrap:wrap;min-height:56px;padding:.5rem .25rem;border:1px solid var(--color-control-border);border-radius:var(--radius-small);background:var(--color-surface);font-size:.75rem}.studio-color[aria-pressed=true]{border:2px solid var(--color-accent-ink);font-weight:700}.studio-color[aria-pressed=true]:after{content:"\2713"}.studio-color i{width:1rem;height:1rem;border:1px solid var(--color-control-border);border-radius:50%;background:var(--swatch);flex-shrink:0}.studio-upload{padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius-small)}.studio-upload input{padding:.65rem}.studio-upload input::file-selector-button{padding:.5rem;border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-background);color:var(--color-text);font:inherit;margin-right:.5rem}.studio-upload [data-file-name]{overflow-wrap:anywhere}.studio-text-button{min-height:44px;background:none;border:0;padding:.5rem 0;text-decoration:underline;text-underline-offset:.25em;text-align:left}.studio-message{color:var(--color-error);overflow-wrap:anywhere}.studio-message:empty{display:none}.studio-draft{padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius-small)}.studio-review{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:.75rem 1rem;font-size:.875rem}.studio-review dt{color:var(--color-muted)}.studio-review dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.studio-price{padding:1rem 0;border-block:1px solid var(--color-border);font-size:.875rem;font-weight:600}.studio-font-browser{border-block:1px solid var(--color-border);padding-block:1rem}.studio-font-heading{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;font-size:.875rem}.studio-font-browser summary{min-height:44px;padding-block:.75rem;cursor:pointer;font-size:.875rem}.studio-font-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem;margin-block:.75rem}.studio-font-card{position:relative;min-width:0;height:144px;display:flex;flex-direction:column;justify-content:end;gap:.25rem;padding:.75rem;text-align:left;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-small)}.studio-font-card[aria-pressed=true]{border-color:var(--color-accent-ink)}.studio-font-card[aria-pressed=true]:after{content:"\2713";position:absolute;top:.35rem;right:.5rem;color:var(--color-accent-ink)}.studio-font-sample{display:block;height:72px;font-size:22px;font-weight:400;line-height:1.1;white-space:pre-wrap;overflow-wrap:anywhere;overflow:hidden}.studio-font-name{font:600 .75rem/1.2 var(--font-body);overflow-wrap:anywhere}.studio-font-load{height:.875rem;font:400 .625rem/1.2 var(--font-body);color:var(--color-muted)}.studio-preview-mark [data-preview-text]{font-weight:400}.studio-preview-mark [data-mode=monogram]{display:flex;align-items:baseline;gap:.04em;white-space:nowrap}.studio-preview-mark .studio-initial--center{font-size:1.45em}.studio-preview-mark [data-mode=applique]{-webkit-text-stroke:1px var(--applique-border);paint-order:stroke fill;text-shadow:0 1px 1px rgb(0 0 0 / .15)}.studio-preview-mark [data-mode=applique][data-material=twill]{background:repeating-linear-gradient(135deg,var(--applique-fill) 0 2px,color-mix(in srgb,var(--applique-fill),#000 15%) 2px 3px);background-clip:text;-webkit-background-clip:text;color:transparent!important}.studio-zoom{position:absolute;z-index:1;top:.5rem;right:.5rem;min-height:44px;padding:.25rem .75rem;border:1px solid var(--color-control-border);border-radius:999px;background:#ffffffeb;color:var(--color-text);font-size:.8125rem;font-weight:600}.studio-zoom[aria-pressed=true]{background:var(--color-accent);border-color:var(--color-accent-ink)}.studio-preview>svg{transition:transform .2s ease;transform-origin:var(--mark-x, 50%) var(--mark-y, 50%)}.studio-preview[data-zoom=true]>svg{transform:scale(2.6)}.studio-preview[data-zoom=true] .studio-preview-mark{scale:2.6;transform-origin:0 0}@media(prefers-reduced-motion:reduce){.studio-preview>svg{transition:none}}.studio-entry .studio-open{width:100%;min-height:52px;font-size:1.0625rem}.studio-actionbar{display:grid;gap:.5rem;padding-top:.75rem}.studio-live-price{margin:0;font-size:.875rem;font-weight:600}.studio-live-price:empty{display:none}@media(max-width:47.999rem){.studio-dialog{width:100%;max-width:100%;height:100dvh;max-height:100dvh;border-radius:0;border:0;margin:0;--studio-header: 3.5rem;--studio-stage: min(30dvh, 15rem)}.studio-shell{padding:0 1rem 1rem}.studio-header{position:sticky;top:0;z-index:3;align-items:center;min-height:var(--studio-header);background:var(--color-background)}.studio-header .eyebrow{display:none}.studio-header h2{margin:0;font-size:1.375rem}.studio-intro{display:none}.studio-context{margin-block:0 .5rem;padding-block:.5rem;font-size:.8125rem}.studio-context img{width:40px;height:50px}.studio-context:has(img:not([hidden])){grid-template-columns:40px minmax(0,1fr);column-gap:.75rem}.studio-layout{display:flex;flex-direction:column;gap:.75rem}.studio-preview-panel{display:contents}.studio-preview{order:1;position:sticky;top:var(--studio-header);z-index:2;height:var(--studio-stage);width:auto;max-width:100%;align-self:center;margin-inline:auto;box-shadow:0 0 0 100vmax var(--color-background);clip-path:inset(0 -100vmax -.5rem)}.studio-preview-label{top:.4rem;font-size:.625rem}.studio-preview-caption{bottom:.35rem;font-size:.75rem}.studio-zoom{top:.35rem;right:.35rem}.studio-preview-label{display:none}.studio-reference{order:2;grid-template-columns:56px minmax(0,1fr);margin:0}.studio-reference img{width:56px;height:56px}.studio-workspace{order:3;scroll-margin-top:calc(var(--studio-header) + var(--studio-stage) + .75rem)}.studio-preview-panel>:not(.studio-preview,.studio-reference){order:4}.studio-steps{margin-block:.25rem 0}.studio-panel{padding-top:.75rem}.studio-panel .field,.studio-panel .studio-font-browser,.studio-panel fieldset{scroll-margin-top:calc(var(--studio-header) + var(--studio-stage) + .75rem)}.studio-actionbar{position:sticky;bottom:0;z-index:2;margin-inline:-1rem;padding:.625rem 1rem calc(.625rem + env(safe-area-inset-bottom));background:var(--color-background);border-top:1px solid var(--color-border)}.studio-font-card{height:112px}[data-review-image]{display:none}.studio-font-sample{height:54px;font-size:19px}.studio-fabric{justify-content:center}}.studio-rows-section{margin:0;padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius-small)}.studio-rows-section legend{padding:0 .25rem;font-weight:600}.studio-row{display:grid;gap:.75rem;padding:.75rem 0;border-top:1px solid var(--color-border)}.studio-row:first-child{border-top:0;padding-top:0}.studio-row textarea.input{min-height:4.5rem}@media(min-width:48rem){.studio-row{grid-template-columns:minmax(0,2fr) 6rem minmax(0,3fr);align-items:end}.studio-row>.studio-text-button{grid-column:1 / -1;justify-self:start}}.studio-elements{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;transform-origin:var(--mark-x, 50%) var(--mark-y, 50%);transition:transform .2s ease}.studio-preview[data-zoom=true] .studio-elements{transform:scale(2.6)}.studio-element{position:absolute;transform:translate(-50%,-50%);display:grid;justify-items:center;padding:.15rem;border-radius:4px;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;outline:1px dashed transparent;outline-offset:2px}.studio-element:hover{outline-color:color-mix(in srgb,var(--color-accent-ink),transparent 50%)}.studio-element:focus-visible{outline:2px solid var(--color-accent-ink)}.studio-element.is-selected{outline:2px dashed var(--color-accent-ink);touch-action:none;cursor:grab;background:#ffffff1f}.studio-element.is-selected:active{cursor:grabbing}.studio-element-body{display:block;width:100%;text-align:center;line-height:1.12;white-space:pre;pointer-events:none;text-shadow:0 0 1px rgb(0 0 0 / .35)}.studio-element-body[data-mode=monogram]{display:flex;justify-content:center;align-items:baseline;gap:.04em;white-space:nowrap}.studio-element-body .studio-initial--center{font-size:1.45em}.studio-element-body img{display:block;width:100%;height:auto;max-height:40cqw;object-fit:contain}.studio-element-placeholder{display:block;padding:.3em;font-size:2.4cqw;background:#ffffffd9;color:var(--color-text);border:1px dashed var(--color-control-border)}.studio-element:not(:has(.studio-element-body>*,.studio-element-body:not(:empty))){min-width:2.5rem;min-height:1.25rem}.studio-handle{display:none;position:absolute;right:-24px;bottom:-24px;width:20px;height:20px;border-radius:50%;background:var(--color-surface);border:2px solid var(--color-accent-ink);cursor:ew-resize}.studio-handle:before{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px}.studio-element.is-selected .studio-handle{display:block}.studio-preview[data-zoom=true] .studio-handle{transform:scale(.4)}.studio-layers{padding:0;margin:0;border:0;min-width:0}.studio-layers legend{padding:0;font-weight:600;font-size:.9375rem}.studio-layer-list{display:grid;gap:.4rem}.studio-layer{width:100%;min-height:48px;padding:.5rem .75rem;text-align:left;border:1px solid var(--color-control-border);border-radius:var(--radius-small);background:var(--color-surface);font:inherit;font-size:.875rem;overflow-wrap:anywhere}.studio-layer[aria-pressed=true]{border:2px solid var(--color-accent-ink);background:var(--color-accent-subtle);font-weight:600}.studio-layer-add,.studio-history,.studio-artwork-actions{display:flex;flex-wrap:wrap;gap:.5rem}.studio-chip{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.35rem .85rem;border:1px solid var(--color-control-border);border-radius:999px;background:var(--color-surface);color:var(--color-text);font:inherit;font-size:.875rem;cursor:pointer;position:relative}.studio-chip[disabled]{opacity:.45;cursor:default}.studio-chip[hidden]{display:none}.studio-file-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip-path:inset(50%)}label:has(>.studio-file-input):focus-within,.studio-upload-button:has(+.studio-file-input:focus-visible){outline:2px solid var(--color-accent-ink);outline-offset:2px}.studio-upload-button{width:100%}.studio-artwork-list{display:grid;gap:.5rem}.studio-artwork{display:grid;grid-template-columns:56px minmax(0,1fr);gap:.25rem .75rem;align-items:center;padding:.5rem;border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface)}.studio-artwork img{width:56px;height:56px;object-fit:contain;background:repeating-conic-gradient(#eee 0 25%,#fff 0 50%) 0 0 / 12px 12px;border-radius:4px;grid-row:span 2}.studio-artwork p{margin:0;overflow-wrap:anywhere}.studio-element-editor{padding-top:.25rem}.studio-editor-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .75rem;border-radius:var(--radius-small);background:var(--color-accent-subtle)}.studio-editor-head[hidden]{display:none}.studio-element-logo{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.studio-element-logo img{width:80px;height:80px;object-fit:contain;background:repeating-conic-gradient(#eee 0 25%,#fff 0 50%) 0 0 / 12px 12px;border-radius:4px}.studio-size{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:.5rem;align-items:center}.studio-size input[type=range]{width:100%;min-height:44px;accent-color:var(--color-accent-ink)}.studio-position{display:grid;gap:.25rem}.studio-remove{color:var(--color-error, #9b1c1c)}@media(prefers-reduced-motion:reduce){.studio-elements{transition:none}}.studio-upload>[hidden]:first-child+*{margin-top:0}.studio-element.is-selected{z-index:2}.studio-upload .studio-file-input,.studio-file-input{padding:0;border:0;margin:0}.studio-review-only{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface)}.studio-review-only__title{margin:0;font-size:1.125rem}.studio-review-only .input{min-height:48px}.studio-review-only .button{min-height:48px;justify-self:start}
/*# sourceMappingURL=/cdn/shop/t/34/assets/embroidery-studio.css.map */