.vp-font-trigger{text-align:left;white-space:normal;justify-content:space-between;width:100%;min-width:0;height:auto;min-height:40px;font-size:14px}.vp-font-trigger>span{overflow-wrap:anywhere;min-width:0}.vp-font-trigger>svg{flex:none}.vp-font-popover{z-index:180;width:min(370px,100vw - 32px);max-height:var(--radix-popover-content-available-height);background:var(--popover,#fff);color:var(--popover-foreground,#142c28);padding:0;overflow:hidden;box-shadow:0 16px 50px #10231f33}.vp-font-popover [data-slot=command-list]{max-height:min(390px,calc(var(--radix-popover-content-available-height) - 90px));overscroll-behavior:contain}.vp-font-popover [data-slot=command-input-wrapper]{height:48px}.vp-font-popover [cmdk-group-heading]{padding-top:12px;font-size:13px;font-weight:650}.vp-font-popover .vp-font-option{align-items:center;min-height:52px;padding:8px 12px}.vp-font-option-copy{flex:1;grid-template-columns:minmax(90px,.7fr) minmax(0,1.3fr);align-items:center;gap:10px;min-width:0;display:grid}.vp-font-name{font-family:var(--font-sans,Arial),sans-serif;font-size:14px;line-height:1.3}.vp-font-specimen{text-overflow:ellipsis;white-space:nowrap;font-synthesis:none;color:#3f5750;min-height:25px;font-size:18px;line-height:1.35;display:block;overflow:hidden}.vp-font-check{color:#087458;flex:none}.vp-font-count{border-top:1px solid var(--border,#dbe4df);color:var(--muted-foreground,#49655b);margin:0;padding:10px 12px;font-size:13px;line-height:1.4}.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}.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}}.mask-line-options{border:1px solid #dce0e6;border-radius:6px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px;display:flex}.mask-line-options>label{align-items:center;gap:8px;font-size:14px;display:flex}.mask-line-options input[type=color]{cursor:pointer;width:42px;height:32px}.mask-line-options p{color:#626973;flex-basis:100%;margin:0;font-size:14px;line-height:1.5}.mask-toolbar [data-slot=tabs-list]{flex-wrap:wrap;max-width:100%;height:auto}.mask-toolbar [data-slot=tabs]{min-width:0;max-width:100%}.mask-dialog select{border:1px solid #c9cdd3;border-radius:6px;max-width:100%;padding:8px;font-size:14px}
