.ouag-mask,.ouag-mask__overlay,.ouag-mask__confirm{--ouag-mask-line: #3875E3;--ouag-mask-chip-bg: #EFF8FF;--ouag-mask-chip-line: #BFDBFE;--ouag-mask-chip-text: #2563EB;--ouag-mask-muted: #6D6E76;--ouag-mask-hairline: #E5E7EB;--ouag-mask-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--ouag-mask-shadow-lg: var(--tk-shadow-header, 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1));font-family:var(--tk-font-body, "Nunito", sans-serif);color:var(--tk-dark, #1A1A2E);text-align:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ouag-mask *,.ouag-mask *:before,.ouag-mask *:after,.ouag-mask__overlay *,.ouag-mask__overlay *:before,.ouag-mask__overlay *:after,.ouag-mask__confirm *,.ouag-mask__confirm *:before,.ouag-mask__confirm *:after{box-sizing:border-box}.ouag-mask__title{font-family:var(--tk-font-head, "Fredoka", sans-serif);font-weight:700;font-size:26px;line-height:38px;color:var(--tk-dark, #1A1A2E);margin:0 auto 8px;text-align:center}.ouag-mask__lead{margin-bottom:16px}.ouag-mask__hint{color:var(--ouag-mask-muted);font-size:16px;line-height:24px;max-width:560px;margin:0 auto 8px;text-align:center}.ouag-mask__row{position:relative;width:100%;display:flex;flex-direction:row;justify-content:center}.ouag-mask__gap{flex:0 0 auto;width:0;margin:4px}.ouag-mask__examples{display:flex;flex-direction:column;justify-content:space-between;gap:8px;width:95px;flex:0 0 auto}.ouag-mask__example{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px}.ouag-mask__example-img{display:block;width:100%;aspect-ratio:1 / 1;border-radius:12px;border:1px solid var(--tk-line, #E0E0E0);background:var(--tk-white, #FFFFFF);pointer-events:none;-webkit-user-select:none;user-select:none}.ouag-mask__badge{position:absolute;top:5%;right:5%;width:20%;height:20%;background:center / contain no-repeat;pointer-events:none}.ouag-mask__badge--bad{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='18.5' fill='%23F4714A' stroke='%23fff' stroke-width='3'/%3E%3Cpath d='M13.5 13.5l13 13M26.5 13.5l-13 13' stroke='%23fff' stroke-width='3.6' stroke-linecap='round'/%3E%3C/svg%3E")}.ouag-mask__badge--good{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='18.5' fill='%2352C93F' stroke='%23fff' stroke-width='3'/%3E%3Cpath d='M12 20.5l5.5 5.5L28.5 15' fill='none' stroke='%23fff' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.ouag-mask__stage{position:relative;flex:0 0 auto;width:200px;height:200px;padding:4px;background:var(--tk-white, #FFFFFF);border:1px solid var(--tk-blue, #4BA8E8);border-radius:20px;cursor:pointer;text-align:center;outline:none;-webkit-tap-highlight-color:transparent}.ouag-mask__stage:focus-visible{box-shadow:var(--tk-focus, 0 0 0 3px rgba(75, 168, 232, .28))}.ouag-mask__pencil{position:absolute;right:24px;top:20px;z-index:10;width:38px;height:38px;pointer-events:none;background:center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 38'%3E%3Ccircle cx='19' cy='19' r='18.2' fill='%23fff' stroke='%233975E3' stroke-width='1.5'/%3E%3Cg fill='none' stroke='%233975E3' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 24.5l10.6-10.6a1.9 1.9 0 0 1 2.7 0l.8.8a1.9 1.9 0 0 1 0 2.7L16.5 28l-4.6 1.1z'/%3E%3Cpath d='M22.2 15.3l3.5 3.5'/%3E%3Cpath d='M13 24.5l3.5 3.5'/%3E%3Cpath d='M10.5 31.5h5M18 31.5h9.5'/%3E%3C/g%3E%3C/svg%3E")}.ouag-mask__canvas{display:inline-block;vertical-align:baseline;width:100%;max-width:400px;height:auto;margin:0;background:transparent}.ouag-mask__canvas--edit{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.ouag-mask__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#00000080;overflow:auto;-webkit-overflow-scrolling:touch;display:flex;justify-content:center;align-items:flex-start;padding:16px}.ouag-mask__card{position:relative;width:100%;max-width:768px;max-height:calc(100vh - 1rem);max-height:calc(100dvh - 1rem);overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px;border-radius:24px;background:var(--tk-white, #FFFFFF);border:1px solid var(--tk-blue, #4BA8E8);box-shadow:var(--ouag-mask-shadow-lg);display:flex;flex-direction:column;align-items:center;outline:none}.ouag-mask__controls{margin-bottom:16px}.ouag-mask__chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:16px}.ouag-mask__chip{display:inline-flex;align-items:center;gap:6px;background:var(--ouag-mask-chip-bg);border:1px solid var(--ouag-mask-chip-line);color:var(--ouag-mask-chip-text);font-size:14px;line-height:20px;font-weight:500;padding:6px 12px;border-radius:var(--tk-r-pill, 9999px);white-space:nowrap}.ouag-mask__chip-icon,.ouag-mask__chip-text{color:inherit}.ouag-mask__actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:8px}.ouag-mask__btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin:0;font-family:var(--tk-font-head, "Fredoka", sans-serif);font-weight:700;font-size:16px;line-height:24px;padding:10px 28px;border-radius:var(--tk-r-pill, 9999px);border:0;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease;-webkit-tap-highlight-color:transparent}.ouag-mask__btn:active{transform:scale(.95)}.ouag-mask__btn:focus-visible{box-shadow:var(--tk-focus, 0 0 0 3px rgba(75, 168, 232, .28))}.ouag-mask__btn--outline{background:var(--tk-white, #FFFFFF);color:var(--tk-blue, #4BA8E8);border:2px solid var(--tk-blue, #4BA8E8);box-shadow:var(--ouag-mask-shadow-sm)}.ouag-mask__btn--outline:hover{background:var(--ouag-mask-chip-bg)}.ouag-mask__btn--primary{background:var(--tk-blue, #4BA8E8);color:var(--tk-white, #FFFFFF);box-shadow:var(--tk-shadow-shadow, 6px 11px 30px 5px rgba(0, 0, 0, .12))}.ouag-mask__btn--primary:hover{background:var(--tk-blue-hover, #2E8FD0)}.ouag-mask__btn--small{padding:8px 24px}.ouag-mask__btn--flat{box-shadow:var(--ouag-mask-shadow-sm)}.ouag-mask__stage--edit{width:100%;height:auto;max-width:480px;max-width:min(480px,calc(100vh - 260px));padding:0;cursor:default}.ouag-mask__range{-webkit-appearance:none;appearance:none;display:inline-block;vertical-align:middle;width:80%;height:11px;margin:20px 0;padding:0;background:var(--tk-blue, #4BA8E8);border:0;border-radius:10px;outline:none;cursor:pointer;-webkit-transition:.2s;transition:opacity .2s}.ouag-mask__range:hover{opacity:1}.ouag-mask__range:focus-visible{box-shadow:var(--tk-focus, 0 0 0 3px rgba(75, 168, 232, .28))}.ouag-mask__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:32px;height:32px;border-radius:50%;border:1px solid var(--tk-blue, #4BA8E8);background-color:var(--tk-white, #FFFFFF);background-repeat:no-repeat;background-position:center center;background-size:18px;cursor:pointer}.ouag-mask__range::-moz-range-thumb{width:32px;height:32px;border-radius:50%;border:1px solid var(--tk-blue, #4BA8E8);background-color:var(--tk-white, #FFFFFF);background-repeat:no-repeat;background-position:center center;background-size:18px;cursor:pointer}.ouag-mask__range--rotate::-webkit-slider-thumb{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 108'%3E%3Cg fill='none' stroke='%233A75E3' stroke-width='9' stroke-linecap='round'%3E%3Cpath d='M95 23A44 44 0 0 0 20 54'/%3E%3Cpath d='M33 85A44 44 0 0 0 108 54'/%3E%3C/g%3E%3Cg fill='%233A75E3'%3E%3Cpath d='M2 50h36L20 76z'/%3E%3Cpath d='M90 58h36L108 32z'/%3E%3C/g%3E%3C/svg%3E")}.ouag-mask__range--rotate::-moz-range-thumb{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 108'%3E%3Cg fill='none' stroke='%233A75E3' stroke-width='9' stroke-linecap='round'%3E%3Cpath d='M95 23A44 44 0 0 0 20 54'/%3E%3Cpath d='M33 85A44 44 0 0 0 108 54'/%3E%3C/g%3E%3Cg fill='%233A75E3'%3E%3Cpath d='M2 50h36L20 76z'/%3E%3Cpath d='M90 58h36L108 32z'/%3E%3C/g%3E%3C/svg%3E")}.ouag-mask__range--scale::-webkit-slider-thumb{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 88'%3E%3Cg fill='none' stroke='%233A75E3' stroke-width='7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 30V8h22M8 8l24 24'/%3E%3Cpath d='M82 30V8H60M82 8L58 32'/%3E%3Cpath d='M8 58v22h22M8 80l24-24'/%3E%3Cpath d='M82 58v22H60M82 80L58 56'/%3E%3C/g%3E%3C/svg%3E")}.ouag-mask__range--scale::-moz-range-thumb{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 88'%3E%3Cg fill='none' stroke='%233A75E3' stroke-width='7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 30V8h22M8 8l24 24'/%3E%3Cpath d='M82 30V8H60M82 8L58 32'/%3E%3Cpath d='M8 58v22h22M8 80l24-24'/%3E%3Cpath d='M82 58v22H60M82 80L58 56'/%3E%3C/g%3E%3C/svg%3E")}.ouag-mask__confirm{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#00000080;display:flex;align-items:center;justify-content:center;padding:16px}.ouag-mask__confirm-card{width:100%;max-width:384px;padding:28px;border-radius:16px;background:var(--tk-white, #FFFFFF);border:1px solid var(--ouag-mask-hairline);box-shadow:var(--tk-shadow-shadow, 6px 11px 30px 5px rgba(0, 0, 0, .12));text-align:center}.ouag-mask__confirm-icon{font-size:30px;line-height:36px;margin-bottom:12px}.ouag-mask__confirm-title{font-family:var(--tk-font-head, "Fredoka", sans-serif);font-weight:700;font-size:18px;line-height:28px;color:var(--tk-dark, #1A1A2E);margin:0 0 4px}.ouag-mask__confirm-body{color:var(--ouag-mask-muted);font-size:14px;line-height:20px;margin:0 0 24px}.ouag-mask__confirm-actions{display:flex;justify-content:center;gap:12px}@media(min-width:640px){.ouag-mask__title{font-size:30px;line-height:36px;max-width:700px}.ouag-mask__hint{font-size:18px;line-height:28px}.ouag-mask__card{padding:32px}}@media(min-width:768px){.ouag-mask__title{font-size:34px}.ouag-mask__examples{width:140px}.ouag-mask__example-img{border-radius:24px}.ouag-mask__gap{margin:8px}.ouag-mask__stage{width:300px;height:300px;border-radius:40px}.ouag-mask__stage--edit{width:100%;height:auto;padding:28px}.ouag-mask__stage--edit .ouag-mask__canvas{margin:20px 0}.ouag-mask__range{width:100%;margin:0}.ouag-mask__range::-webkit-slider-thumb{width:50px;height:50px;background-size:28px}.ouag-mask__range::-moz-range-thumb{width:50px;height:50px;background-size:28px}}@media(prefers-reduced-motion:reduce){.ouag-mask__btn,.ouag-mask__range{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/ouag-mask-claude.css.map */