.p9-public.p9-shell .ds-root{--ds-stage:#17191c;--ds-panel:#121316b8;--ds-line:#ffffff21;--ds-muted:#aaa9ad;max-width:1900px;color:var(--p9-text);background:linear-gradient(115deg, var(--p9-bg), var(--ds-stage) 65%, var(--p9-bg));margin-inline:auto;padding:0 clamp(16px,3vw,52px) 48px;font-family:Inter,sans-serif}html[dir=rtl] .p9-public.p9-shell .ds-root{font-family:IBM Plex Sans Arabic,sans-serif}html[data-nz-theme=offwhite] .p9-public.p9-shell .ds-root{--ds-stage:#dedbd5;--ds-panel:#f3f0e9b3;--ds-line:#1a191d29;--ds-muted:#5c595f}.ds-root *,.ds-root :before,.ds-root :after{box-sizing:border-box}.ds-root button,.ds-root input{font:inherit}.ds-root button{cursor:pointer}.ds-root button:disabled,.ds-root input:disabled{cursor:not-allowed}.ds-root svg{fill:none;stroke:currentColor;stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:22px;height:22px}.ds-local{border-bottom:1px solid var(--ds-line);min-height:44px;color:var(--ds-muted);letter-spacing:.13em;justify-content:space-between;gap:16px;padding-block:13px;font-size:9px;display:flex}.ds-layout{grid-template-columns:minmax(0,1fr) minmax(320px,370px);gap:clamp(20px,2.5vw,40px);padding-top:28px;display:grid}.ds-workspace{min-width:0;position:relative}.ds-intro{z-index:1;margin-bottom:20px;position:relative}.ds-intro>p:first-child{letter-spacing:.25em;color:var(--ds-muted);margin:0 0 10px;font-size:9px}.p9-public.p9-shell .ds-intro h1{letter-spacing:-.045em;text-transform:none;flex-direction:column;gap:2px;margin:0;font:600 clamp(27px,3.15vw,48px)/1.05 Inter,sans-serif;display:flex}.ds-intro h1>span{letter-spacing:-.03em;font-size:.7em;font-weight:700}html[dir=rtl] .p9-public.p9-shell .ds-intro h1{letter-spacing:-.02em;font-family:IBM Plex Sans Arabic,sans-serif;line-height:1.18}.ds-intro .ds-subtitle{letter-spacing:.015em;margin:13px 0 6px;font-size:16px;font-weight:400}.ds-intro>small{color:var(--ds-muted);font-size:10px}.ds-controls .ds-garment-switch{margin-top:0;display:flex}.ds-garment-section{grid-column:1/-1}.ds-root[data-studio-garment=tshirt] .ds-garment{max-width:none}.ds-root .ds-tshirt-preview{fill:none;stroke:none;width:100%;height:76px}.p9-public.p9-shell .ds-root[data-studio-garment=tshirt]{--ds-stage:#343539}html[data-nz-theme=offwhite] .p9-public.p9-shell .ds-root[data-studio-garment=tshirt]{--ds-stage:#dedbd5}.ds-canvas-layout{grid-template-columns:88px minmax(0,1fr);align-items:start;gap:18px;display:grid}.ds-view-strip{flex-direction:column;gap:10px;padding-top:220px;display:flex}.ds-glass{background-color:var(--og-fallback,#29282e);background-image:linear-gradient(90deg, transparent, #fffc, transparent), radial-gradient(circle at var(--og-x,50%) var(--og-y,-40%), var(--og-reflection,#ffffff3d), transparent 55%), linear-gradient(102deg, var(--og-side,#ffffff1c), transparent 31%, var(--og-tint,transparent) 80%, #ffffff0b), linear-gradient(145deg, var(--og-top,#ffffff36), var(--og-middle,#ffffff09) 29%, #120f150e 60%, var(--og-bottom,#0a0a0e1f));border:1px solid var(--og-edge,#ffffff4f);color:var(--p9-text);box-shadow:inset 0 1px 0 var(--og-shine,#ffffff7d), inset 1px 0 0 #ffffff1a, inset 0 -2px 2px #0003, 0 10px 26px var(--og-shadow,#00000052);background-position:50% 0,0 0,0 0,0 0;background-repeat:no-repeat;background-size:80% 1px,100% 100%,100% 100%,100% 100%;background-clip:padding-box;border-radius:12px;transition:border-color .18s,box-shadow .18s,background-color .18s}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.ds-glass{background-color:var(--og-fill,#6b69713b);-webkit-backdrop-filter:blur(var(--og-blur,16px)) saturate(var(--og-saturation,1.38));backdrop-filter:blur(var(--og-blur,16px)) saturate(var(--og-saturation,1.38))}}.ds-root button.ds-glass:not(:disabled):hover{border-color:var(--og-hover-edge,#ffffff80)}.ds-root :is(button,input):focus-visible{outline:2px solid var(--p9-accent);outline-offset:3px}.ds-root :is(button,input):disabled{opacity:.47}.ds-view{text-align:start;flex-direction:column;align-items:stretch;width:100%;min-height:114px;padding:5px 6px 9px;display:flex;position:relative}.ds-view img{object-fit:contain;width:100%;height:76px}.ds-view>span{font-size:10px;line-height:1.4;display:block}.ds-view small{color:var(--ds-muted);margin-top:2px;font-size:9px;display:block}.ds-view>i{top:7px;color:var(--p9-text);font-size:11px;font-style:normal;display:none;position:absolute;inset-inline-end:7px}.ds-view[aria-pressed=true]{border-color:var(--p9-accent)}.ds-view[aria-pressed=true]>i{display:block}.ds-stage-column{min-width:0}.ds-stage-toolbar{justify-content:space-between;align-items:center;gap:8px;height:50px;padding-bottom:8px;display:flex}.ds-stage-toolbar>span{letter-spacing:.08em;color:var(--ds-muted);font-size:9px}.ds-side-switch,.ds-color-switch{border-radius:7px;gap:0;width:fit-content;max-width:100%;padding:3px;display:inline-flex}.ds-side-switch button,.ds-color-switch button{min-width:70px;min-height:44px;color:inherit;background:0 0;border:0;border-radius:3px;justify-content:center;align-items:center;gap:9px;padding:9px 14px;font-size:11px;display:flex;position:relative}.ds-side-switch button[aria-pressed=true]:after,.ds-color-switch button[aria-pressed=true]:after{content:"";inset-inline:12px;background:var(--p9-accent);height:2px;position:absolute;bottom:2px}.ds-side-switch button[aria-pressed=true],.ds-color-switch button[aria-pressed=true]{background:#7f7f7f17;font-weight:600}.ds-swatch{border:1px solid #8c8c8c99;border-radius:50%;flex-shrink:0;width:23px;height:23px}.ds-swatch-black{background:#111}.ds-swatch-offwhite{background:#f4f1e9}.ds-stage{background:0 0;border-radius:2px;place-items:center;min-width:0;display:grid;position:relative;overflow:hidden}.ds-artboard{aspect-ratio:1;width:min(100%,760px);position:relative}.ds-garment{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.ds-ink-layer,.ds-editor-layer,.ds-selection-outline{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ds-root :is(.ds-ink-layer,.ds-selection-outline){fill:none;stroke:none;width:100%;height:100%}.ds-editor-layer{overflow:hidden}.ds-selection-outline polygon{fill:none;stroke:var(--p9-accent-text);stroke-width:1.25px}.ds-artwork{position:absolute}.ds-drag-art{touch-action:none;pointer-events:auto;background:0 0;border:0;width:100%;min-width:44px;height:100%;min-height:44px;margin:0;padding:0;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:grab!important}.ds-drag-art:active{cursor:grabbing!important}.ds-resize-art{color:#fff;touch-action:none;pointer-events:auto;background:0 0;border:0;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%);cursor:nwse-resize!important}.ds-resize-art span{background:#252328;border:1px solid #ddd;border-radius:3px;width:18px;height:18px;font-size:13px}.ds-select-art{border-radius:9px;justify-content:center;align-items:center;width:100%;min-height:44px;margin-top:10px;display:flex;font-size:10px!important}.ds-stage-bottom{flex-direction:column;align-items:center;gap:10px;padding:15px 0 0;display:flex}.ds-stage-bottom>p{text-align:center;color:var(--ds-muted);margin:0;font-size:9px}.ds-controls{background-color:var(--ds-panel);background-image:linear-gradient(90deg, transparent, var(--og-shine), transparent), linear-gradient(145deg, #ffffff0f, transparent 35%, #0000000d);background-position:50% 0,0 0;background-size:80% 1px,100% 100%;border-radius:18px;align-self:start;min-width:0;padding:6px 21px}.ds-control-section{padding-block:14px}.ds-control-section+.ds-control-section{border-top:1px solid var(--ds-line)}.p9-public.p9-shell .ds-control-section h2{letter-spacing:-.01em;text-transform:none;align-items:center;gap:15px;margin:0 0 12px;font:500 14px/1.4 Inter,sans-serif;display:flex}html[dir=rtl] .p9-public.p9-shell .ds-control-section h2{font-family:IBM Plex Sans Arabic,sans-serif}.ds-control-section h2>span{color:var(--p9-accent);border-inline-end:1px solid var(--ds-line);padding-inline-end:13px;font-size:12px;font-weight:500}.ds-dropzone{border:1px dashed var(--ds-line);background:#7f7f7f0a;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:145px;padding:17px 13px 13px;display:flex}.ds-drop-active{border-color:var(--p9-accent);background:color-mix(in srgb, var(--p9-accent) 5%, transparent)}.ds-dropzone>svg{width:29px;height:29px}.ds-dropzone strong{text-align:center;font-size:12px;font-weight:400}.ds-dropzone>small{color:var(--ds-muted);text-align:center;font-size:9px}.ds-file-input{clip-path:inset(50%);opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.ds-file-input:focus-visible+.ds-choose{outline:2px solid var(--p9-accent);outline-offset:3px}.ds-choose{justify-content:center;align-items:center;gap:9px;width:100%;min-height:44px;margin-top:4px;display:flex;font-size:11px!important}.ds-choose svg{width:17px;height:17px}.ds-filename{overflow-wrap:anywhere;max-width:100%}.ds-private,.ds-help{color:var(--ds-muted);margin:10px 0 0;font-size:9px;line-height:1.75}.ds-status{min-height:0;margin:0;font-size:11px;line-height:1.6}.ds-status:not(:empty){padding-top:9px}.ds-status[role=alert]{color:var(--p9-text);border-inline-start:2px solid var(--p9-accent);margin-top:9px;padding-inline-start:8px}.ds-position-row{grid-template-columns:28px 1fr 1fr;gap:9px;margin-bottom:13px;display:grid}.ds-control-glyph{color:var(--ds-muted);place-items:center;display:grid}.ds-number{border-radius:8px;align-items:center;gap:6px;min-width:0;min-height:44px;padding:8px;display:flex}.ds-number>span{color:var(--ds-muted);white-space:nowrap;font-size:9px}.ds-number input{text-align:center;width:100%;min-width:0;color:var(--p9-text);background:0 0;border:0;padding:1px;font-size:11px}.ds-slider{grid-template-columns:28px 54px minmax(30px,1fr) 49px;align-items:center;gap:9px;min-height:44px;margin-block:12px;font-size:10px;display:grid}.ds-slider input{width:100%;min-width:0;min-height:44px;accent-color:var(--p9-accent);margin:0}.ds-slider output{text-align:center;border-radius:8px;padding:9px 3px;font-size:10px}.ds-transform-actions{grid-template-columns:minmax(0,1fr) 44px 44px;gap:8px;margin-top:14px;display:grid}.ds-transform-actions button{border-radius:9px;justify-content:center;align-items:center;gap:8px;min-width:0;min-height:44px;padding:8px;font-size:10px;display:flex}.ds-transform-actions button svg{width:18px;height:18px}.ds-remove{min-height:44px;color:var(--ds-muted);background:0 0;border:0;align-items:center;gap:6px;padding:8px 0 0;display:flex;font-size:10px!important}.ds-remove svg{width:15px;height:15px}.ds-order{justify-content:center;align-items:center;gap:10px;width:100%;min-height:48px;display:flex;font-size:12px!important}.ds-preview-section .ds-help{font-size:10px}.ds-export-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.ds-export-actions button{touch-action:manipulation;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:52px;padding:12px 8px;display:flex}.ds-export-actions small{font-size:10px;line-height:1.4}@media (width>=1600px){.ds-root .ds-tshirt-preview{height:91px}.ds-canvas-layout{grid-template-columns:104px minmax(0,1fr);gap:26px}.ds-view img{height:91px}.ds-artboard{width:min(100%,850px)}}@media (width>=901px){.ds-intro{inset-inline-start:0;width:min(49%,380px);position:absolute;top:0}.ds-stage-toolbar{justify-content:flex-end}.ds-stage-toolbar>span{display:none}.ds-canvas-layout{padding-top:0}.ds-intro .ds-subtitle{margin-top:12px}}@media (width<=1100px) and (width>=901px){.ds-root .ds-tshirt-preview{height:60px}.ds-layout{grid-template-columns:minmax(0,1fr) 320px;gap:18px}.ds-canvas-layout{grid-template-columns:72px minmax(0,1fr);gap:10px}.ds-view{min-height:96px}.ds-view img{height:60px}.ds-controls{padding-inline:15px}}@media (width<=900px){.ds-root .ds-tshirt-preview{height:72px}.ds-layout{grid-template-columns:1fr;gap:22px;padding-top:22px}.ds-intro{margin-bottom:16px}.p9-public.p9-shell .ds-intro h1{font-size:clamp(28px,5vw,42px)}.ds-intro .ds-subtitle{margin-top:10px;font-size:14px}.ds-canvas-layout{flex-direction:column-reverse;gap:16px;display:flex}.ds-stage-column{width:100%}.ds-stage-toolbar{height:51px}.ds-stage{width:100%}.ds-artboard{width:min(100%,520px)}.ds-view-strip{flex-direction:row;gap:8px;width:100%;padding-top:0}.ds-view{width:calc(25% - 6px);min-width:0;min-height:105px}.ds-view img{height:72px}.ds-view small{font-size:8px}.ds-controls{grid-template-columns:1fr 1fr;gap:0 24px;padding:6px 20px;display:grid}.ds-control-section+.ds-control-section{border-top:0}.ds-color-section,.ds-preview-section{border-top:1px solid var(--ds-line)!important}}@media (width<=580px){.ds-root .ds-tshirt-preview{height:60px}.ds-local{letter-spacing:.07em;align-items:center;font-size:7px}.ds-intro>p:first-child{font-size:8px}.ds-intro>small{font-size:9px}.ds-stage-toolbar>span{font-size:8px}.ds-stage-toolbar .ds-side-switch button{min-width:60px;padding-inline:12px}.ds-stage-bottom{gap:8px;padding-top:12px}.ds-stage-bottom>p{font-size:8px}.ds-view{min-height:98px;padding:4px 5px 7px}.ds-view img{height:60px}.ds-view>span{font-size:9px}.ds-controls{border-radius:14px;padding:4px 17px;display:block}.ds-control-section{padding-block:18px}.ds-control-section+.ds-control-section{border-top:1px solid var(--ds-line)}.ds-color-switch button{padding-inline:13px;font-size:10px}.ds-slider{grid-template-columns:27px 58px minmax(35px,1fr) 49px;gap:8px}}@media (prefers-reduced-motion:reduce){.ds-root *,.ds-root :before,.ds-root :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}