.designer-intro{justify-content:space-between;align-items:end;gap:40px;max-width:1600px;margin:auto;padding:55px clamp(20px,4vw,64px) 40px;display:flex}.designer-intro h1{font:700 clamp(50px,5vw,76px)/.95 var(--display);text-transform:uppercase;margin:0}.designer-intro h1 span{color:#006b88}.designer-intro>p{color:#485861;max-width:390px;margin:0 0 4px;font-size:18px}.designer-workspace{grid-template-columns:260px minmax(0,1fr) 300px;gap:28px;max-width:1600px;margin:auto;padding:0 clamp(20px,4vw,64px) 60px;display:grid}.designer-workspace h2{font:600 25px/1.2 var(--display);text-transform:uppercase;margin:0 0 20px}.blank-list{flex-direction:column;gap:8px;display:flex}.blank-list button{text-align:left;color:#101b23;cursor:pointer;background:#e8eef1;border:1px solid #c2cfd5;align-items:center;gap:10px;min-height:82px;padding:8px 12px;transition:background .2s,border-color .2s;display:flex}.blank-list button:hover{background:#dce9ee}.blank-list button[aria-pressed=true]{background:#d8edf3;border-color:#006b88}.blank-list svg{flex:none;width:47px;height:58px}.blank-list b{font-size:14px;display:block}.blank-list small{color:#485861;margin-top:4px;font-size:12px;display:block}.blank-check{color:#006b88;margin-left:auto;font-size:20px}.designer-color{justify-content:space-between;align-items:center;gap:12px;margin-top:20px;display:flex!important}.designer-color input{height:36px;width:48px!important;margin:0!important;padding:2px!important}.designer-note{color:#485861;font-size:13px;line-height:1.6}.designer-canvas{background:#e6ecef;align-self:start;min-width:0}.canvas-heading{justify-content:space-between;align-items:center;gap:14px;padding:24px 24px 16px;display:flex}.canvas-heading h2{margin:0;font-size:30px}.canvas-heading>span{color:#485861;font-size:13px}.area-tabs{border-bottom:1px solid #c2cfd5;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:0 16px;display:grid}.area-tabs button{color:#485861;min-height:48px;font:600 13px var(--body);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 4px}.area-tabs button[aria-pressed=true]{color:#006b88;border-color:#006b88}.area-tabs button:hover{background:#d7e5eb}.garment-stage{max-width:620px;margin:auto;padding:16px 20px 0}.garment-stage svg{width:100%;max-height:500px;display:block}.preview-caption{color:#485861;text-align:center;margin:0;padding:0 20px 10px;font-size:13px}.designer-canvas>.designer-note{text-align:center;margin:0;padding:0 24px 24px}.designer-controls label,.designer-request label,.designer-styles>label{font-size:14px;font-weight:600;display:block}.designer-controls input:not([type=range]):not([type=color]):not([type=file]),.designer-request input,.designer-request textarea{color:#101b23;width:100%;font:15px var(--body);background:#fff;border:1px solid #a7bac4;border-radius:0;margin-top:8px;padding:11px 12px;display:block}.designer-controls>label{margin-bottom:18px}.designer-controls .upload-button{color:#00c9ff;min-height:52px;font:500 20px var(--display);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;background:#05080b;border:1px solid #00c9ff;justify-content:center;align-items:center;margin:0;display:flex;position:relative}.upload-button input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.upload-button:focus-within{outline-offset:3px;outline:3px solid #e22b91}.artwork-file{overflow-wrap:anywhere;flex-direction:column;gap:6px;margin:16px 0;font-size:13px;display:flex}.artwork-file button,.designer-reset{color:#006b88;text-align:left;cursor:pointer;min-height:44px;font:14px var(--body);background:0 0;border:0;padding:8px 0;text-decoration:underline}.designer-slider>span{justify-content:space-between;display:flex}.designer-slider output{color:#485861;font-weight:400}.designer-slider input{accent-color:#006b88;width:100%;min-height:24px;margin:12px 0 0}.designer-finish{border-top:1px solid #c2cfd5;grid-template-columns:1fr 1fr;gap:70px;max-width:1600px;margin:auto;padding:50px clamp(20px,4vw,64px);display:grid}.designer-finish h2{font:700 clamp(36px,4vw,54px)/1 var(--display);text-transform:uppercase;margin:0 0 24px}.designer-finish p{color:#485861;max-width:620px}.designer-disclosure{font-size:14px}.designer-request{flex-direction:column;gap:18px;min-width:0;display:flex}.request-row{grid-template-columns:1fr 120px;gap:16px;display:grid}.designer-request .button{cursor:pointer;align-self:start}.designer-request .button:disabled{opacity:.45;cursor:not-allowed;transform:none}.designer-request>p{margin:0;font-size:13px}.designer-request>a{color:#006b88;text-underline-offset:4px;font-size:14px;text-decoration:underline}.designer-status{z-index:5;color:#101b23;background:#d8edf3;border-top:1px solid #a7bac4;max-width:1600px;margin:0 auto;padding:18px 24px;font-size:14px;position:sticky;bottom:0}.designer-status:empty{display:none}button:focus-visible{outline-offset:3px;outline:3px solid #e22b91}@media (max-width:1150px){.designer-workspace{grid-template-columns:210px minmax(0,1fr);gap:24px}.designer-controls{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:0 32px;display:grid}.designer-controls h2,.designer-controls>.designer-note:last-child{grid-column:1/-1}.designer-controls>.upload-button{align-self:start}.designer-controls>.designer-note{margin-top:0}.designer-finish{gap:35px}}@media (max-width:760px){.designer-intro{padding-top:36px;display:block}.designer-intro h1{font-size:54px}.designer-intro>p{margin-top:24px;font-size:16px}.designer-workspace{flex-direction:column;gap:30px;display:flex}.blank-list{grid-template-columns:1fr 1fr;display:grid}.blank-list button{gap:6px;padding:9px}.blank-list svg{width:29px;height:45px}.blank-list b{font-size:12px}.blank-list small{font-size:11px}.blank-check{display:none}.designer-canvas{align-self:stretch}.canvas-heading{flex-direction:column;align-items:start;gap:5px;padding:20px 16px}.area-tabs{padding:0 8px}.area-tabs button{font-size:12px}.garment-stage{padding:8px}.designer-controls{display:block}.designer-finish{grid-template-columns:1fr;gap:24px;padding-top:36px}.request-row{grid-template-columns:1fr 100px}.designer-status{max-height:150px;padding:12px 20px;overflow-y:auto}}.apparel-quote{flex-direction:column;gap:18px;min-width:0;display:flex}.apparel-quote label{font-size:14px;font-weight:600;display:block}.apparel-quote input,.apparel-quote textarea{width:100%;font:15px var(--body);color:#101b23;background:#fff;border:1px solid #a7bac4;border-radius:0;margin-top:8px;padding:12px;display:block}.apparel-quote textarea{overflow-wrap:anywhere;font-size:13px}.apparel-quote .button{cursor:pointer;align-self:start}.apparel-quote .button:disabled{opacity:.45;cursor:not-allowed;transform:none}.apparel-quote p{margin:0;font-size:14px}.designer-request .button-outline:disabled{opacity:.45;cursor:not-allowed;transform:none}.designer-finish{scroll-margin-top:110px}.blank-list picture{background:#fff;flex:none;width:47px;height:59px}.blank-list img{object-fit:contain;width:100%;height:100%}.photo-mockup{aspect-ratio:4/5;background:#fff;width:100%;max-width:420px;margin:0 auto 16px;position:relative;overflow:hidden}.photo-layer{position:absolute;inset:0}.photo-layer picture,.photo-layer img{width:100%;height:100%;display:block}.photo-layer img{object-fit:contain}.photo-layer svg{width:100%;height:100%;max-height:none;display:block;position:absolute;inset:0}.mockup-tools{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;padding:0 16px 16px;display:flex}.mockup-tools button{color:#006b88;min-height:44px;font:600 13px var(--body);cursor:pointer;background:#fff;border:1px solid #006b88;padding:8px 12px;transition:background .2s}.mockup-tools button:hover,.mockup-tools button[aria-pressed=true]{background:#d8edf3}.mockup-tools span{color:#485861;font-size:13px}@media (max-width:760px){.blank-list picture{width:34px;height:43px}.garment-stage{padding:12px}.mockup-tools{gap:10px}.designer-status{max-height:none;position:static}}.photo-mockup>svg{width:100%;height:100%;max-height:none;display:block}.photo-mockup.sleeve-focus{aspect-ratio:3/5;max-height:540px}.garment-colors{margin-top:24px}.garment-colors>p{margin-bottom:8px;font-size:14px;font-weight:600}.color-trigger,.color-options button{color:#101b23;width:100%;min-height:44px;font:14px var(--body);text-align:left;cursor:pointer;background:#f8fafb;border:1px solid #a7bac4;align-items:center;gap:10px;padding:10px 12px;display:flex}.color-trigger>span:last-child{margin-left:auto}.color-block{border:1px solid #77858d;flex:0 0 24px;width:24px;height:24px}.color-options{border:1px solid #a7bac4;max-height:330px;margin-top:6px;overflow-y:auto}.color-options button{border:0;border-bottom:1px solid #d3dce0}.color-options button:hover,.color-options button[aria-pressed=true]{background:#d8edf3}.designer-controls select{color:#101b23;width:100%;min-height:44px;font:14px var(--body);background:#f8fafb;border:1px solid #a7bac4;border-radius:0;margin-top:8px;padding:10px;display:block}.text-style-buttons,.placement-target{gap:8px;margin-bottom:18px;display:flex}.text-style-buttons button,.placement-target button{color:#006b88;min-height:44px;font:14px var(--body);cursor:pointer;background:#f8fafb;border:1px solid #a7bac4;flex:1;padding:8px}.text-style-buttons button[aria-pressed=true],.placement-target button[aria-pressed=true]{background:#d8edf3;border-color:#006b88}.designer-controls input:focus-visible,.designer-controls select:focus-visible{outline-offset:2px;outline:3px solid #e22b91}@media (min-width:761px) and (max-width:1150px){.designer-controls{width:100%;max-width:620px;margin:0 auto;display:block}.designer-controls>h2{margin-bottom:20px}}.color-trigger:hover,.text-style-buttons button:hover,.placement-target button:hover{background:#d8edf3}.color-trigger:active,.text-style-buttons button:active,.placement-target button:active{transform:scale(.99)}.photo-mockup{position:relative}.photo-mockup>div{height:100%}.photo-mockup>div>svg{width:100%;height:100%;max-height:none;display:block}.photo-loading{text-align:center;color:#314751;background:#fff;justify-content:center;align-items:center;margin:0;padding:24px;font-size:14px;display:flex;position:absolute;inset:0}.editable-marks [data-design-target],.transform-outline{cursor:move}.transform-resize{cursor:nwse-resize}.transform-rotate{cursor:grab}.transform-rotate:active{cursor:grabbing}.design-transform:focus-visible{outline:none}.design-transform:focus-visible .transform-outline{stroke:#e22b91;stroke-width:2.5px}.direct-edit-help{color:#314751;margin:0 0 16px;font-size:14px;line-height:1.6}.keyboard-help{color:#485861;margin-bottom:12px;font-size:13px}.keyboard-help summary{cursor:pointer;color:#006b88;min-height:44px;padding:10px 0}.keyboard-help summary:focus-visible{outline-offset:2px;outline:3px solid #e22b91}.keyboard-help p{line-height:1.6}.placement-target button:disabled{opacity:.45;cursor:not-allowed}.design-transform:focus{outline:none}.designer-status{position:static}.placement-reset{color:#006b88;cursor:pointer;min-height:44px;font:14px var(--body);background:0 0;border:0;padding:8px 0;text-decoration:underline;display:block}.placement-reset:disabled{opacity:.45;cursor:not-allowed}.designer-review{border-top:1px solid #c2cfd5;max-width:1600px;margin:auto;padding:48px clamp(20px,4vw,64px);scroll-margin-top:110px}.review-heading{justify-content:space-between;align-items:center;gap:32px;margin-bottom:32px;display:flex}.review-heading h2{font:700 clamp(36px,4vw,54px)/1 var(--display);text-transform:uppercase;margin:0 0 16px}.review-heading p:not(.eyebrow){color:#485861;max-width:680px;margin:0;line-height:1.6}.review-heading .button{cursor:pointer;flex-shrink:0}.review-heading .button:disabled{opacity:.45;cursor:not-allowed;transform:none}.review-product{margin:0 0 20px;font-weight:700}.review-product span{color:#485861;font-weight:400}.completed-views{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.completed-views figure{min-width:0;margin:0}.completed-views figcaption{font:600 24px var(--display);text-transform:uppercase;justify-content:space-between;gap:8px;margin-bottom:12px;display:flex}.completed-views figcaption span{font:12px var(--body);text-transform:none;color:#485861;align-self:center}.completed-view{aspect-ratio:4/5;background:#fff}.completed-view>svg{width:100%;height:100%;display:block}.designer-review>.designer-note{max-width:850px;margin:20px 0 0}.review-empty{color:#485861;background:#e6ecef;margin:0;padding:24px}.review-saved{color:#314751;margin:20px 0 0;font-size:14px}.review-saved a{color:#006b88;text-underline-offset:4px;text-decoration:underline}@media (max-width:1150px){.completed-views{grid-template-columns:repeat(2,minmax(0,1fr))}.review-heading{flex-direction:column;align-items:start;gap:20px}}@media (max-width:760px){.designer-review{padding-top:36px}.completed-views{gap:24px 12px}.completed-views figcaption{flex-direction:column;gap:4px;min-height:46px;font-size:21px}.completed-views figcaption span{align-self:start;font-size:12px}.review-heading .button{align-self:start}}.designer-request select{color:#101b23;width:100%;min-height:44px;font:15px var(--body);background:#fff;border:1px solid #a7bac4;border-radius:0;margin-top:8px;padding:12px;display:block}.apparel-order{flex-direction:column;gap:18px;min-width:0;display:flex}.apparel-order>p{margin:0}.apparel-order ul{margin:0;padding:0;list-style:none}.apparel-order li{border-bottom:1px solid #c2cfd5;justify-content:space-between;gap:20px;padding:16px 0;display:flex}.apparel-order li span{overflow-wrap:anywhere;min-width:0}.apparel-order small{color:#485861;margin-top:6px;display:block}.apparel-order li strong{white-space:nowrap}.apparel-subtotal{border-bottom:2px solid #00c9ff;justify-content:space-between;gap:16px;padding:16px 0;font-size:22px;font-weight:700;display:flex}.apparel-order .button{cursor:pointer;align-self:start}.apparel-order .button:disabled{opacity:.45;cursor:not-allowed;transform:none}
