.hair-dialog{color:#20242b;letter-spacing:0;background:#fff;max-height:94dvh;overflow:auto;border-radius:8px!important;width:calc(100vw - 24px)!important;max-width:800px!important;padding:24px!important}.hair-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hair-controls button,.cutout-workbench button,.cutout-workbench .upload-label{cursor:pointer;background:#fff;border:1px solid #c9cdd3;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:8px 14px;font-size:14px;display:inline-flex}.hair-controls button:disabled,.cutout-workbench button:disabled{opacity:.45;cursor:not-allowed}.hair-controls .hair-primary,.cutout-workbench .hair-primary{color:#fff;background:#167754;border-color:#167754}.hair-controls label{align-items:center;gap:8px;font-size:14px;display:flex}.hair-controls input[type=range]{accent-color:#167754;width:120px}.hair-controls output{width:42px}.hair-scroll{background:#e4e6e8;max-height:46dvh;margin:12px 0;overflow:auto}.hair-image{width:100%;max-width:480px;margin:auto;line-height:0;position:relative}.hair-image canvas{touch-action:none;cursor:crosshair;background:repeating-conic-gradient(#ddd 0% 25%,#fff 0% 50%) 0/20px 20px;width:100%;height:auto}.hair-selection{pointer-events:none;box-sizing:border-box;background:#db355314;border:2px solid #db3553;position:absolute}.hair-coordinates{border:0;flex-wrap:wrap;gap:10px;padding:0;font-size:13px;display:flex}.hair-coordinates label{align-items:center;gap:5px;display:flex}.hair-coordinates input{border:1px solid #c9cdd3;border-radius:4px;width:76px;min-height:34px;padding:4px}.hair-message{color:#674700;min-height:24px;margin:8px 0;font-size:14px;line-height:1.5}.cutout-workbench{color:#20242b;letter-spacing:0;background:#fff;max-width:1100px;margin:auto;padding:28px 20px}.cutout-workbench header{justify-content:space-between;align-items:center;gap:16px;display:flex}.cutout-workbench h1{letter-spacing:0;margin:20px 0;font-size:26px}.cutout-workbench .cutout-actions{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.cutout-workbench .cutout-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.cutout-workbench figure{min-width:0;margin:0}.cutout-workbench figcaption{margin-bottom:8px;font-size:14px}.cutout-workbench .cutout-preview{background:repeating-conic-gradient(#e4e6e8 0% 25%,#fff 0% 50%) 0/24px 24px;border:1px solid #d5d8dd;justify-content:center;align-items:center;height:480px;max-height:55dvh;display:flex}.cutout-workbench img{object-fit:contain;max-width:100%;max-height:100%}.cutout-workbench .cutout-status{min-height:28px;font-size:14px;line-height:1.5}.cutout-workbench a{color:#167754}:is(.cutout-workbench button:focus-visible,.hair-dialog button:focus-visible){outline-offset:2px;outline:3px solid #1685a9}@media (max-width:620px){.hair-dialog{padding:16px!important}.hair-controls{gap:6px}.hair-controls label{width:100%}.hair-scroll{max-height:34dvh}.cutout-workbench .cutout-grid{gap:10px}.cutout-workbench .cutout-preview{height:300px}.cutout-workbench h1{font-size:24px}.hair-coordinates input{width:60px}}.hair-dialog{grid-template-columns:minmax(0,1fr);gap:12px;transition-property:opacity!important}.hair-dialog>*{min-width:0}.hair-dialog [data-slot=dialog-description]{color:#626973;white-space:normal;overflow-wrap:anywhere;line-height:1.5}.hair-dialog [data-slot=dialog-title]{padding-right:22px}.hair-dialog [data-slot=dialog-close]{color:#20242b;width:28px;height:28px}.hair-dialog button{white-space:normal}.cutout-workbench header{flex-wrap:wrap}.cutout-workbench header span{font-size:14px}.cutout-options{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 0 18px;display:flex}.cutout-options label{align-items:center;gap:10px;font-size:14px;display:flex}.cutout-options select{background:#fff;border:1px solid #c9cdd3;border-radius:6px;min-height:40px;padding:8px;font-size:14px}.cutout-swatches{gap:10px;display:flex}.cutout-workbench .cutout-swatch{border-radius:4px;width:30px;height:30px;min-height:30px;padding:0}.cutout-workbench .cutout-swatch[aria-pressed=true]{outline-offset:2px;outline:2px solid #167754}.cutout-workbench .cutout-swatch.checker{background:repeating-conic-gradient(#d6d9dd 0% 25%,#fff 0% 50%) 0/12px 12px}.cutout-workbench .cutout-swatch.black,.cutout-workbench .cutout-preview.black{background:#111}.cutout-workbench .cutout-swatch.white,.cutout-workbench .cutout-preview.white{background:#fff}.mask-dialog{color:#20242b;letter-spacing:0;background:#fff;grid-template-columns:minmax(0,1fr);max-height:94dvh;overflow:auto;border-radius:8px!important;width:calc(100vw - 24px)!important;max-width:900px!important;padding:24px!important;transition-property:opacity!important}.mask-dialog>*{min-width:0}.mask-dialog [data-slot=dialog-description]{color:#626973;overflow-wrap:anywhere;line-height:1.5}.mask-dialog [data-slot=dialog-title]{padding-right:24px}.mask-dialog button[data-slot=button]{color:#20242b;background:#fff;border:1px solid #c9cdd3}.mask-dialog [data-slot=dialog-footer] button:last-child{color:#fff;background:#167754;border-color:#167754}.mask-dialog button:disabled{opacity:.45}.mask-dialog button:focus-visible{outline-offset:2px;outline:3px solid #1685a9}.mask-dialog [data-slot=slider-range]{background:#167754}.mask-range{white-space:nowrap}.mask-range svg{flex-shrink:0}.mask-range [data-slot=slider]{flex:1;min-width:0}.mask-toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.mask-toolbar [data-slot=tabs-trigger]{gap:5px;font-size:14px}.mask-range{flex:1;align-items:center;gap:9px;min-width:150px;max-width:230px;font-size:14px;display:flex}.mask-range>span:last-child{white-space:nowrap;font-size:14px}.mask-scroll{background:#e8eaed;border:1px solid #dce0e6;border-radius:6px;height:48dvh;overflow:auto}.mask-canvas{cursor:crosshair;touch-action:none;width:100%;height:auto;display:block}.mask-canvas.checker,.mask-swatch.checker{background:repeating-conic-gradient(#d6d9dd 0% 25%,#fff 0% 50%) 0/16px 16px}.mask-canvas.black,.mask-swatch.black{background:#111}.mask-canvas.white,.mask-swatch.white{background:#fff}.mask-swatches{align-items:center;gap:8px;display:flex}.mask-swatch{cursor:pointer;border:1px solid #9299a2;border-radius:4px;flex:none;width:30px;height:30px;padding:0}.mask-swatch[aria-pressed=true]{outline-offset:2px;outline:2px solid #167754}.mask-swatch:focus-visible{outline-offset:2px;outline:3px solid #1685a9}@media (max-width:620px){.mask-dialog{gap:12px;padding:16px!important}.mask-range{flex-basis:100%;max-width:none}.mask-scroll{height:34dvh}.mask-toolbar{gap:10px}.mask-dialog [data-slot=dialog-footer]{flex-wrap:wrap}}