.studioPage{padding:32px 0 64px}.studioPage>.container{width:min(1480px,100% - 48px)}.studioPage .pageIntro{max-width:none;margin-bottom:0}.studioPage .pageIntro h1{margin:8px 0;font-size:clamp(2rem,3vw,3rem)}.studioPage .pageIntro p{max-width:none;margin:0}.studioPage .sectionStack{gap:24px}.studioCustomerWorkspace{--text:#edf0f2;--muted:#b1b7bd;--panel:#202225;--line:#45484c;gap:12px;font-family:Arial,Helvetica,sans-serif}.studioCustomerWorkspace h2,.studioCustomerWorkspace h3,.studioCustomerWorkspace h4{font-family:inherit}.studioCustomerWorkspace .detailCard{box-shadow:none;border:1px solid var(--line);background:var(--panel);border-radius:12px}.studioCustomerWorkspace .patchBuilderTopbar{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:16px 20px}.studioCustomerWorkspace .patchBuilderTopbar h2{letter-spacing:-.02em;margin:5px 0;font-size:1.2rem}.studioCustomerWorkspace .patchBuilderTopbar p{font-size:.78rem}.studioCustomerWorkspace .studioKicker{letter-spacing:.1em;font-size:.65rem}.studioCustomerWorkspace .button{letter-spacing:.02em;border-radius:7px;padding:11px 14px;font-family:inherit;font-size:.72rem;line-height:1.3}.studioCustomerWorkspace .buttonPrimary{box-shadow:none}.studioCustomerWorkspace .patchBuilderHatPicker{padding:14px 20px}.studioCustomerWorkspace .patchBuilderHatPicker>summary strong{text-transform:none;letter-spacing:0;font-size:.9rem}.studioCustomerWorkspace .patchBuilderHatPicker>summary>span:last-child{font-size:.82rem}.studioCustomerWorkspace .patchBuilderWorkspace{gap:16px}.studioCustomerWorkspace.patchHatMode .patchBuilderWorkspace{grid-template-columns:340px minmax(0,1fr)}.studioCustomerWorkspace.patchHatMode .patchBuilderStage{grid-area:1/2/3}.studioCustomerWorkspace.patchHatMode .patchBuilderInspector{grid-column:1;position:static}.studioCustomerWorkspace .patchBuilderStage{position:static}.studioCustomerWorkspace .patchBuilderControls,.studioCustomerWorkspace .patchBuilderInspector{padding:20px}.studioCustomerWorkspace .patchBuilderStage{padding:18px}.studioCustomerWorkspace .catalogFilterLabel{letter-spacing:.01em;text-transform:none;gap:8px;font:600 .73rem/1.4 Arial,sans-serif;display:grid}.studioCustomerWorkspace .catalogFilterLabel input:not([type=range]),.studioCustomerWorkspace .catalogFilterLabel select,.studioCustomerWorkspace .catalogFilterLabel textarea{border:1px solid var(--line);min-width:0;min-height:42px;color:var(--text);background:#141618;border-radius:6px;padding:10px;font:400 .84rem/1.4 Arial,sans-serif}:is(.studioCustomerWorkspace .catalogFilterLabel input:focus-visible,.studioCustomerWorkspace .catalogFilterLabel select:focus-visible,.studioCustomerWorkspace .catalogFilterLabel textarea:focus-visible){outline:2px solid var(--accent-soft);outline-offset:2px}.studioCustomerWorkspace .builderFieldGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0}.studioCustomerWorkspace .designerProductSettings{margin:18px 0}.studioCustomerWorkspace .designerProductSettings>summary{padding:14px 0;font-size:.88rem}.studioCustomerWorkspace .patchBuilderApprovalNote{background:0 0;border:0;padding:0;font-size:.73rem}.studioCustomerWorkspace .patchBuilderSectionHeading{justify-content:flex-start}.studioCustomerWorkspace .patchBuilderSectionHeading>span{display:none}.studioCustomerWorkspace .patchBuilderSectionHeading h3{font-size:.94rem}.studioCustomerWorkspace .patchBuilderSectionHeading p,.studioCustomerWorkspace .builderHelper{font-size:.76rem;line-height:1.6}.studioCustomerWorkspace .mockupViewSwitch{border:1px solid var(--line);background:#141618;border-radius:8px}.studioCustomerWorkspace .mockupViewSwitch button{border-radius:5px;font:600 .84rem/1.3 Arial,sans-serif}.studioCustomerWorkspace .hatPhotoViewSwitch{max-width:360px;margin:12px auto}.studioCustomerWorkspace .hatPhotoViewSwitch button{padding:8px;font-size:.73rem}.studioCustomerWorkspace .hatMockupStage{border-radius:8px;width:min(100%,560px);margin:14px auto 0}.studioCustomerWorkspace .hatMockupStageCompact{width:min(100%,434px)}.studioCustomerWorkspace .patchBuilderMockupHeader p{font-size:.8rem}.studioCustomerWorkspace .hatMockupPreviewToolbar,.studioCustomerWorkspace .hatMockupHint{max-width:560px;margin-left:auto;margin-right:auto}.studioCustomerWorkspace .patchBuilderMockupPhotoActions{margin-top:18px}.studioCustomerWorkspace .patchBuilderMockupNote{font-size:.71rem}.studioCustomerWorkspace .studioPlacementDetails{border-top:1px solid var(--line);padding-top:12px}.studioPlacementDetails>summary{cursor:pointer;padding:8px 0;font-size:.84rem;font-weight:600}.studioPlacementDetails .patchBuilderPlacementHeader{margin-top:14px}.studioCustomerWorkspace .patchBuilderCompare{margin-top:20px}.studioCustomerWorkspace.patchHatMode .designerHandoff{border:0;margin:0}.studioCustomerWorkspace .designerHandoff>summary{padding:0 0 16px;font-size:.94rem}.studioCustomerWorkspace .patchBuilderQuoteCard{font-size:.8rem}.studioCustomerWorkspace .patchBuilderQuoteCard>strong{text-transform:none;letter-spacing:0;line-height:1.6}.studioCustomerWorkspace .patchBuilderLayerRow{flex-wrap:wrap}.studioCustomerWorkspace .patchBuilderLayerIcon{width:30px;height:30px}.studioCustomerWorkspace .statusMessage{border-radius:8px;margin:0;padding:10px 16px;font-size:.78rem}.studioMaterialHeading{gap:5px;margin-bottom:18px;display:grid}.studioMaterialHeading h3{margin:0;font-size:1rem}.studioMaterialHeading>span{color:var(--muted);font-size:.72rem}.studioSelectedMaterial{align-items:center;gap:14px;margin:16px 0;display:flex}.studioMaterialTile{aspect-ratio:1;border:1px solid #ffffff26;border-radius:7px;width:100%;display:block;overflow:hidden}.studioSelectedMaterial>.studioMaterialTile{flex-shrink:0;width:84px;height:84px}.studioSelectedMaterial>div{gap:7px;min-width:0;display:grid}.studioSelectedMaterial strong{font-size:.84rem;line-height:1.4}.studioSelectedMaterial span{color:var(--accent-soft);font-size:.76rem}.studioSelectedMaterial small{color:var(--muted);font-size:.68rem;line-height:1.4}.studioMaterialBrowser{border:1px solid var(--line);border-radius:7px;padding:0 12px}.studioMaterialBrowser>summary{cursor:pointer;color:var(--text);padding:12px 0;font-size:.8rem}.studioMaterialBrowser .catalogFilterLabel{margin-bottom:12px}.studioMaterialGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:360px;margin-bottom:12px;padding:3px;display:grid;overflow:auto}.studioMaterialGrid button{color:var(--text);border:1px solid var(--line);text-align:left;cursor:pointer;min-width:0;font:inherit;background:#141618;border-radius:7px;flex-direction:column;justify-content:flex-start;padding:6px;display:flex}.studioMaterialGrid button[aria-pressed=true]{border-color:var(--accent-soft);box-shadow:0 0 0 1px var(--accent-soft)}.studioMaterialGrid button:focus-visible{outline-offset:1px;outline:2px solid #69c4dc}.studioMaterialGrid button>span:not(.studioMaterialTile){padding-top:7px;font-size:.69rem;line-height:1.4;display:block}.studioMaterialGrid small{color:var(--muted);padding-top:5px;font-size:.62rem;display:block}.studioMaterialNote{color:var(--muted);margin:12px 0 0;font-size:.71rem;line-height:1.6}.studioCustomerWorkspace.patchDesignerPro .patchBuilderWorkspace{grid-template-columns:290px minmax(0,1fr) 290px}.studioCustomerWorkspace .patchBuilderInspectorControls{grid-template-columns:minmax(0,1fr)}@media (max-width:1200px){.studioCustomerWorkspace.patchDesignerPro .patchBuilderWorkspace{grid-template-columns:290px minmax(0,1fr)}.studioCustomerWorkspace.patchDesignerPro .patchBuilderInspector{grid-column:2;position:static}.studioCustomerWorkspace.patchDesignerPro .patchBuilderControls{grid-row:1/3}.studioCustomerWorkspace .patchBuilderTopbar{align-items:flex-start;gap:20px}}@media (max-width:900px){.studioCustomerWorkspace.patchHatMode .patchBuilderWorkspace{grid-template-columns:290px minmax(0,1fr)}.studioCustomerWorkspace .patchBuilderTopbar{flex-wrap:wrap}.studioCustomerWorkspace .patchBuilderActions{justify-content:flex-start}}@media (max-width:760px){.studioPage{padding-top:24px}.studioPage>.container{width:calc(100% - 24px)}.studioCustomerWorkspace.patchHatMode .patchBuilderWorkspace,.studioCustomerWorkspace.patchDesignerPro .patchBuilderWorkspace{grid-template-columns:minmax(0,1fr)}.studioCustomerWorkspace.patchHatMode .patchBuilderStage,.studioCustomerWorkspace.patchHatMode .patchBuilderInspector,.studioCustomerWorkspace.patchDesignerPro .patchBuilderInspector,.studioCustomerWorkspace.patchDesignerPro .patchBuilderControls{grid-area:auto}.studioCustomerWorkspace .patchBuilderInspector{order:2}.studioCustomerWorkspace .patchBuilderStage{padding:12px}.studioCustomerWorkspace .patchBuilderActions{gap:8px;width:100%;display:flex}.studioCustomerWorkspace .patchBuilderActions .button{width:auto}.studioCustomerWorkspace .patchBuilderActions .buttonPrimary{flex:1}.studioCustomerWorkspace .patchBuilderHatPicker>summary{flex-direction:row}.studioCustomerWorkspace .patchBuilderHatPicker>summary>span:last-child{text-align:right;max-width:90px}.studioCustomerWorkspace .builderFieldGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}.studioCustomerWorkspace .designerProductSettings .builderFieldGrid>.catalogFilterLabel{grid-column:1/-1}.studioSelectedMaterial strong{text-transform:none;letter-spacing:0}.studioSteps{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.studioSteps button{border:1px solid var(--line);background:var(--panel);color:var(--muted);text-align:left;cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:14px;font:600 .82rem Arial,sans-serif;display:flex}.studioSteps button>span{border:1px solid var(--line);border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;display:grid}.studioSteps button[aria-current=step]{border-color:var(--accent-soft);color:var(--text)}.studioSteps button[aria-current=step]>span{background:var(--accent-soft);color:#191919}.studioSteps button:focus-visible{outline-offset:2px;outline:2px solid #69c4dc}.studioCustomerWorkspace .patchBuilderControls .patchBuilderHatPicker{background:0 0;border:0;padding:0}.studioCustomerWorkspace .patchBuilderHatPicker>summary{display:none}.studioCustomerWorkspace .patchBuilderHatPickerContent{margin:0}.studioCustomerWorkspace .patchBuilderPickerHeading{flex-direction:column;align-items:stretch}.studioCustomerWorkspace .patchBuilderHatGrid,.studioCustomerWorkspace .patchBuilderColorGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.studioCustomerWorkspace .patchBuilderHatCard,.studioCustomerWorkspace .patchBuilderColorCard{font:inherit;padding:6px}.studioCustomerWorkspace .patchBuilderHatCard strong,.studioCustomerWorkspace .patchBuilderColorCard strong{font-size:.72rem}.studioCustomerWorkspace .patchBuilderHatCard>span:not(.patchBuilderHatCardImage){display:none}.studioCustomerWorkspace .patchBuilderHatCard small,.studioCustomerWorkspace .patchBuilderColorCard small{font-size:.64rem}.studioCustomerWorkspace .patchBuilderHatCardImage{aspect-ratio:4/3;color:#62564a;background:#fff;position:relative}.studioCustomerWorkspace .patchBuilderHatCardImage img{object-fit:contain;object-position:center;width:calc(100% - 16px);height:calc(100% - 16px);position:absolute;top:8px;left:8px}.studioCustomerWorkspace .studioThumbnailNote{margin:10px 0 0;font-size:.65rem;line-height:1.5}.studioCustomerWorkspace[data-step=proof] .patchBuilderInspector,.studioCustomerWorkspace[data-step=proof] .patchBuilderStage{grid-row:1}.studioCalibration{border:1px solid var(--line);border-radius:8px;margin-top:18px;padding:14px}.studioCalibration summary{cursor:pointer;font-size:.84rem;font-weight:700}.studioCalibration p,.studioCutControls p,.studioProofPanel p{color:var(--muted);font-size:.76rem;line-height:1.6}.studioCalibration .builderFieldGrid>label:last-child{grid-column:1/-1}.studioCalibrationGuide{pointer-events:none;border-left:3px solid #00c9e4;border-right:3px solid #00c9e4;height:40px;position:absolute;top:50%;transform:translateY(-50%)}.studioCalibrationGuide:before{content:"";border-top:2px dashed #00c9e4;position:absolute;top:50%;left:0;right:0}.studioCalibrationGuide span{color:#fff;white-space:nowrap;background:#12262d;padding:4px 8px;font:12px Arial,sans-serif;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.studioScaleStatus{color:var(--accent-soft);font-size:.76rem;line-height:1.6}.studioCutControls{border-top:1px solid var(--line);margin:20px 0;padding-top:10px}.studioCutControls h4{margin:10px 0;font-size:.85rem}.studioCutControls>button{width:100%;margin-top:12px}.studioProofPanel{border-bottom:1px solid var(--line);margin-bottom:24px;padding-bottom:24px}.studioProofPanel h3{margin-top:0;font-size:1.05rem}.studioProofPanel h4{margin-bottom:8px;font-size:.88rem}.studioProofChoices{gap:12px;max-height:220px;margin-bottom:12px;padding:10px 0;display:grid;overflow:auto}.studioProofChoices label{align-items:center;gap:10px;font-size:.78rem;line-height:1.4;display:flex}.studioProofChoices input{accent-color:var(--accent-soft);width:18px;height:18px}@media (max-width:760px){.studioSteps{grid-template-columns:repeat(2,minmax(0,1fr))}.studioSteps button{gap:7px;padding:10px;font-size:.72rem}.studioCustomerWorkspace[data-step=proof] .patchBuilderInspector,.studioCustomerWorkspace[data-step=proof] .patchBuilderStage{grid-row:auto}}.siteShell:has(.studioCustomerWorkspace)>.topbar{position:static}.studioSteps{background:#141618;padding:6px 0;position:static}.patchDesignerFocus .studioSteps{position:static}.studioCustomerWorkspace .hatMockupPatch>.patchCanvas,.studioCustomerWorkspace .patchBuilderComparePatch>.patchCanvas{filter:drop-shadow(0 .6px .45px #110a06b8)}.hat3dViewer{color:#e4e7eb;margin-top:12px}.hat3dToolbar{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.hat3dToolbar button,.hat3dPlacement button,.hat3dError button{color:#303840;cursor:pointer;background:#fff;border:1px solid #cfd4d8;border-radius:6px;min-height:44px;padding:8px 12px;font-family:inherit;font-size:12px;font-weight:600;line-height:1.2}.hat3dToolbar button[aria-pressed=true]{color:#fff;background:#25313b;border-color:#25313b}.hat3dToolbar button:disabled,.hat3dPlacement button:disabled{opacity:.5;cursor:default}.hat3dStage{aspect-ratio:1;background:#e8e8e5;border-radius:10px;width:100%;max-height:480px;overflow:hidden}.hat3dStage canvas{max-width:100%;display:block}.hat3dHint,.hat3dStatus{text-align:center;color:#a9b1b9;margin:10px 0;font-size:12px}.hat3dPlacement{border-top:1px solid #dce1e5;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-top:16px;display:grid}.hat3dPlacement label{flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:12px;font-weight:600;display:flex}.hat3dPlacement label span{color:#a9b1b9;font-weight:400}.hat3dPlacement input{accent-color:#ad622d;width:100%;min-width:0}.hat3dPlacement button{grid-column:1/-1;justify-self:start}.hat3dReferenceNote{color:#a9b1b9;margin:14px 0 0;font-size:11px;line-height:1.5}.hat3dError{color:#4e3425;background:#fff6ed;border:1px solid #dfb59b;border-radius:6px;margin:10px 0;padding:12px;font-size:13px}@media (max-width:620px){.hat3dPlacement{grid-template-columns:1fr}.hat3dToolbar button{padding:9px 10px}}.studioCustomerWorkspace{scroll-margin-top:8px}.studioSteps button:disabled{opacity:.55;cursor:wait}.studioStepActions{border:1px solid var(--line);background:var(--panel);border-radius:10px;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:16px 20px;display:flex}.studioStepActions>:last-child{margin-left:auto}.studioSizeSettings h3{margin-top:0;font-size:1rem}.studioSizeSettings>p{color:var(--muted);font-size:.78rem;line-height:1.6}.studioPatchSummary{gap:16px;margin:24px 0;font-size:.82rem;display:grid}.studioPatchSummary dt{color:var(--muted);margin-bottom:5px}.studioPatchSummary dd{margin:0;line-height:1.5}@media (max-width:760px){.studioStepActions>.button{flex:160px}.studioCustomerWorkspace[data-step=hat] .patchBuilderControls,.studioCustomerWorkspace[data-step=placement] .patchBuilderControls{order:-2}}.studioPage .pageIntro h1{font-size:clamp(1.65rem,2.5vw,2.3rem)}.studioPage .pageIntro p{font-size:.95rem}.studioCustomerWorkspace .patchBuilderTopbar{background:0 0;border:0;padding:8px 0}.studioCustomerWorkspace .patchBuilderTopbar h2{margin:0;font-size:1.4rem}.studioCustomerWorkspace .button{text-transform:none;letter-spacing:0;min-height:44px;font-size:.85rem}.studioCustomerWorkspace .catalogFilterLabel{font-size:.82rem}.studioCustomerWorkspace .catalogFilterLabel input:not([type=range]),.studioCustomerWorkspace .catalogFilterLabel select,.studioCustomerWorkspace .catalogFilterLabel textarea{font-size:1rem}.studioCustomerWorkspace.patchDesignerPro .patchBuilderWorkspace{grid-template-columns:320px minmax(0,1fr);align-items:start}.studioCustomerWorkspace.patchDesignerPro .patchBuilderControls{grid-row:1/3}.studioCustomerWorkspace.patchDesignerPro .patchBuilderStage{grid-area:1/2}.studioCustomerWorkspace.patchDesignerPro .patchBuilderInspector{grid-area:2/2;position:static}.studioCustomerWorkspace .patchBuilderInspectorControls{gap:14px}.studioCustomerWorkspace .patchBuilderInspectorControls>.builderFieldGrid{margin:0}.studioCustomerWorkspace .patchBuilderHatGrid{margin-top:8px}.studioCustomerWorkspace .patchBuilderColorGrid{max-height:420px;padding:3px;overflow:auto}.studioCustomerWorkspace .patchBuilderPickerHeading h4{margin:0 0 10px;font-size:1rem}.studioCustomerWorkspace .patchBuilderHatCard strong,.studioCustomerWorkspace .patchBuilderColorCard strong{text-transform:none;letter-spacing:0;font-size:.8rem}.studioCustomerWorkspace .patchBuilderColorCard small,.studioCustomerWorkspace .patchBuilderHatCard small{font-size:.72rem}.studioShapePicker h3{margin:0 0 14px;font-size:1rem}.studioShapeGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.studioShapeGrid button,.studioSizeChoices button{color:var(--text);border:1px solid var(--line);cursor:pointer;background:#141618;border-radius:8px;justify-items:center;gap:6px;padding:10px 5px;font:600 .74rem Arial,sans-serif;display:grid}.studioShapeGrid button svg{fill:#b98b5f;stroke:#edcea8;stroke-width:2px;width:100%;height:40px}.studioShapeGrid button[aria-pressed=true],.studioSizeChoices button[aria-pressed=true]{border-color:var(--accent-soft);box-shadow:0 0 0 1px var(--accent-soft);background:#342b21}.studioShapeGrid button:disabled{opacity:.45;cursor:default}:is(.studioShapeGrid button:focus-visible,.studioSizeChoices button:focus-visible){outline-offset:3px;outline:2px solid #69c4dc}.studioCustomerWorkspace .studioMaterialPicker{margin-top:24px}.studioMaterialHeading{margin-bottom:10px}.studioSelectedMaterial{margin:10px 0 16px}.studioSelectedMaterial>.studioMaterialTile{width:48px;height:48px}.studioSelectedMaterial strong{font-size:.9rem}.studioFeaturedMaterials{grid-template-columns:repeat(3,minmax(0,1fr));max-height:none;overflow:visible}.studioMaterialGrid button>span:not(.studioMaterialTile){font-size:.74rem}.studioFeaturedMaterials .studioMaterialTile{aspect-ratio:1.5}.studioCustomerWorkspace .designerProductSettings,.studioLayerDetails,.studioOptional{border-top:1px solid var(--line);margin:16px 0 0}.studioCustomerWorkspace .designerProductSettings>summary,.studioLayerDetails>summary,.studioOptional>summary,.designerPreflight>summary{cursor:pointer;padding:16px 0;font-size:.88rem;font-weight:600}.studioLayerDetails>summary span{color:var(--muted);margin-left:6px}.studioOptional>.catalogFilterLabel{margin:12px 0}.studioCustomerWorkspace .patchBuilderStage .hatFrontPhotoNote{margin-bottom:0}.studioCustomerWorkspace .workbenchCommandbar{background:#202225;gap:12px;padding:12px}.studioCustomerWorkspace .patchWorkbench button{border:1px solid var(--line);background:#141618;border-radius:7px;min-height:44px;padding:10px 14px;font-size:.85rem}.studioCustomerWorkspace .patchWorkbench .workbenchUpload{color:#21190f;background:#f0c68e;border-color:#f0c68e;font-weight:700}.studioCustomerWorkspace .workbenchViewbar{background:#202225}.studioCustomerWorkspace .workbenchViewport{overscroll-behavior:auto;border-radius:8px;max-height:490px}.studioCustomerWorkspace .workbenchHelp{text-align:center;color:var(--muted);background:0 0;margin:0;padding:12px 4px 0;font-size:.78rem}.studioSizeSettings input[type=range]{width:100%;accent-color:var(--accent-soft)}.studioSizeRangeLabels{color:var(--muted);justify-content:space-between;font-size:.75rem;display:flex}.studioSizeChoices{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:20px;display:grid}.studioSizeChoices button{padding:18px 6px}.studioSizeChoices strong{font-size:1.15rem}.studioSizeChoices span{color:var(--muted);font-weight:400}.studioStepActions{align-items:center;padding:12px 16px;position:static}.studioStepHint{color:var(--muted);font-size:.85rem}.studioStepActions .buttonPrimary{min-width:210px}.studioCustomerWorkspace .studioProofPanel{border:0;margin-bottom:0;padding-bottom:0}.studioCustomerWorkspace .studioProofPanel>.button{width:100%}.studioCustomerWorkspace .studioPatchSummary{margin:20px 0}.studioCustomerWorkspace .hat3dStage{max-height:520px}@media (min-width:761px){.studioCustomerWorkspace.patchHatMode .patchBuilderStage{position:sticky;top:16px}.studioCustomerWorkspace .hat3dStage{max-height:clamp(240px,100dvh - 440px,520px)}.studioCustomerWorkspace .hatMockupStage{width:min(100%,clamp(240px,100dvh - 340px,560px))}}@media (max-width:760px){.studioSteps{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.studioSteps button{flex-direction:column;justify-content:center;gap:4px;padding:8px 4px;font-size:.78rem}.studioSteps button>span{width:22px;height:22px;font-size:.7rem}.studioCustomerWorkspace .patchBuilderTopbar{gap:12px}.studioCustomerWorkspace .patchBuilderTopbar h2{font-size:1.25rem}.studioCustomerWorkspace .patchBuilderActions{width:auto}.studioCustomerWorkspace .patchBuilderActions .button{padding:8px 12px;font-size:.78rem}.studioCustomerWorkspace.patchDesignerPro .patchBuilderWorkspace{grid-template-columns:minmax(0,1fr)}.studioCustomerWorkspace.patchDesignerPro .patchBuilderControls,.studioCustomerWorkspace.patchDesignerPro .patchBuilderStage,.studioCustomerWorkspace.patchDesignerPro .patchBuilderInspector{grid-area:auto}.studioCustomerWorkspace .patchBuilderWorkspace>.patchBuilderStage{order:-3}.studioCustomerWorkspace .patchBuilderWorkspace>.patchBuilderInspector{order:-2}.studioCustomerWorkspace .patchBuilderWorkspace>.patchBuilderControls,.studioCustomerWorkspace[data-step=hat] .patchBuilderControls,.studioCustomerWorkspace[data-step=placement] .patchBuilderControls{order:-1}.studioCustomerWorkspace .hat3dStage{max-height:320px}.studioCustomerWorkspace .workbenchCommandbar{gap:8px;padding:8px}.studioCustomerWorkspace .patchWorkbench button{padding:8px 10px;font-size:.8rem}.studioCustomerWorkspace .workbenchHelp{font-size:.72rem}.studioCustomerWorkspace .studioStepActions{padding:10px 10px max(10px, env(safe-area-inset-bottom));gap:8px;bottom:0}.studioStepActions>.button{flex:none}.studioStepActions>.buttonPrimary{flex:1;min-width:0}.studioStepHint{display:none}}.studioSizeSelect{margin-top:18px}.studioReviewEdits{flex-wrap:wrap;gap:10px;display:flex}.studioReviewEdits button,.studioArtworkReview button{border:1px solid var(--line);min-height:44px;color:var(--text);cursor:pointer;background:#202225;border-radius:7px;padding:8px 12px}.studioArtworkReview{background:#29251d;border:1px solid #bda069;border-radius:8px;margin-top:18px;padding:16px}.studioArtworkReview h4{margin:0 0 8px}.studioArtworkReview ul{padding-left:20px;font-size:.85rem}@media (max-width:760px){.studioCustomerWorkspace[data-step=hat] .patchBuilderWorkspace>.patchBuilderControls,.studioCustomerWorkspace[data-step=placement] .patchBuilderWorkspace>.patchBuilderControls,.studioCustomerWorkspace[data-step=proof] .patchBuilderWorkspace>.patchBuilderInspector{order:-4}.studioCustomerWorkspace.patchHatMode .hat3dStage{max-height:240px}.studioCustomerWorkspace .hatMockupStage{width:min(100%,300px);margin-inline:auto}.studioCustomerWorkspace .studioStepActions{position:static}.studioCustomerWorkspace input,.studioCustomerWorkspace select,.studioCustomerWorkspace textarea{scroll-margin-block:150px;font-size:16px}}.studioCustomerWorkspace .workbenchViewport{aspect-ratio:auto;background:#edf0f2}.studioQuickEdit{border-top:1px solid var(--line);background:#202225;grid-template-columns:minmax(140px,2fr) minmax(110px,1fr) minmax(100px,1fr);align-items:center;gap:12px;padding:12px;display:grid}.studioCustomerWorkspace .studioQuickEdit textarea{resize:vertical;height:44px;min-height:44px}.studioQuickEdit input[type=range]{accent-color:#f0c68e;width:100%;min-height:42px}.studioQuickActions{grid-column:1/-1;gap:8px;display:flex}.studioCustomerWorkspace .studioQuickActions button{min-height:36px;padding:4px 10px;font-size:.76rem}.studioCustomerWorkspace .studioCanvasDropActive{outline:3px dashed var(--accent-soft);outline-offset:-8px}@media (max-width:760px){.studioQuickEdit{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px}.studioQuickText{grid-column:1/-1}.studioCustomerWorkspace .studioQuickEdit textarea{height:50px}.studioCustomerWorkspace .studioQuickActions button{min-height:44px}}.studioCustomerWorkspace .statusMessage{min-height:44px;padding-right:48px;position:relative}.studioDismiss{width:44px;min-height:44px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;font-size:1.3rem;position:absolute;top:0;bottom:0;right:4px}@media (max-width:760px){.studioCustomerWorkspace .patchBuilderLayerIcon{width:44px;height:44px}}.studioCustomerWorkspace .workbenchArtboard{width:min(100%,560px)}.studioCustomerWorkspace .workbenchLayerPicker{flex:180px;gap:4px;min-width:0;max-width:300px;font-size:.875rem;display:grid}.studioCustomerWorkspace .workbenchLayerPicker select{width:100%;min-width:0}.studioCustomerWorkspace .workbenchToolGroup{min-width:0}.studioCustomerWorkspace .workbenchCommandbar button,.studioCustomerWorkspace .workbenchViewbar button,.studioCustomerWorkspace .studioQuickActions button,.studioCustomerWorkspace .patchBuilderLayerIcon{min-width:44px;min-height:44px}.studioCustomerWorkspace .workbenchStatusbar{flex-wrap:wrap;font-size:.875rem}.studioCustomerWorkspace .workbenchArtboard:focus-visible{outline-offset:3px;outline:3px solid #b1742d}@media (max-width:760px){.studioCustomerWorkspace .workbenchLayerPicker{flex-basis:100%;max-width:none}.studioCustomerWorkspace .workbenchStatusbar>span:last-child{max-width:100%}}.studioShapeGrid svg path{vector-effect:non-scaling-stroke;stroke-width:1px}.studioToolMode{align-items:center;gap:16px;display:flex}.studioToolMode>button{flex-shrink:0;align-items:center;gap:10px;display:inline-flex}.studioToolMode>button>span{color:#d5dae0;background:#303338;border-radius:4px;padding:2px 6px;font-size:.72rem}.studioToolMode>button[aria-pressed=true]{border-color:var(--accent-soft)}.studioToolMode>button[aria-pressed=true]>span{color:#21190f;background:#f0c68e}.studioToolMode>p{max-width:580px;color:var(--muted);margin:0;font-size:.8rem;line-height:1.5}.studioLayerNotice{border-top:1px solid var(--line);margin-top:20px;padding-top:12px;font-size:.85rem}@media (max-width:760px){.studioToolMode{flex-wrap:wrap;gap:8px}.studioToolMode>p{font-size:.76rem}}@media (min-width:1200px){.studioQuickEdit{grid-template-columns:minmax(180px,2fr) minmax(110px,1fr) minmax(100px,1fr) auto}.studioQuickActions{grid-column:auto;align-self:end;padding-bottom:4px}}.studioCustomerWorkspace .hatMockupPatch>.patchCanvas[data-decoration=engraving]{filter:none}.studioWorkspaceLoading{min-height:max(720px,100svh - 180px)}.studioWorkspaceLoading>p{color:var(--muted);font-size:.9rem}.studioLoadingSteps{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:16px 0;display:grid}.studioLoadingSteps>span{height:58px}.studioLoadingPanels{grid-template-columns:340px minmax(0,1fr);gap:16px;display:grid}.studioLoadingProducts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.studioLoadingProducts>span{aspect-ratio:1}.studioLoadingSteps>span,.studioLoadingProducts>span,.studioLoadingPreview{background:var(--panel);border:1px solid var(--line);border-radius:12px}.studioLoadingPreview{min-height:360px}@media (max-width:760px){.studioLoadingPanels{grid-template-columns:minmax(0,1fr)}.studioLoadingProducts{max-width:420px}}.studioCustomerWorkspace .patchBuilderLayerRow>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%;padding:4px;display:grid}.studioCustomerWorkspace .patchBuilderLayerRow .patchBuilderLayerIcon{border:1px solid var(--line);background:var(--panel);width:100%;height:auto;min-height:44px;color:var(--text);font:inherit;padding:10px 6px;font-size:.8rem}.journalSides{border:1px solid var(--line);background:var(--panel);border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px 20px;padding:16px;display:flex}.journalSides label{align-items:center;gap:8px;display:flex}.journalSides div{flex-wrap:wrap;gap:8px;display:flex}.journalSides button{border:1px solid var(--line);background:var(--panel);min-height:44px;color:var(--text);font:inherit;cursor:pointer;border-radius:8px;padding:10px 16px}.journalSides button[aria-pressed=true]{background:var(--accent);color:var(--bg);border-color:var(--accent)}.journalSides p{color:var(--muted);flex-basis:100%;margin:0;font-size:.875rem}