.tattoo-style-label{display:block;font-size:14px;font-weight:500;margin-bottom:8px}.tattoo-style-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.tattoo-style-quick-card{position:relative;display:grid;place-content:center;justify-items:center;min-width:0;min-height:64px;aspect-ratio:1;overflow:hidden;padding:0;border:1px solid var(--ts-control-border);border-radius:var(--ts-radius-control);background:#fff;cursor:pointer}.tattoo-style-quick-card[aria-pressed=true]{border-color:var(--ts-accent);box-shadow:0 0 0 1px var(--ts-accent)}.tattoo-style-quick-card:disabled,.tattoo-style-card:disabled{opacity:.6;cursor:default}.tattoo-style-quick-card>img{position:absolute;top:2px;left:0;width:100%;height:calc(100% - 20px);object-fit:contain}.tattoo-style-quick-label{position:absolute;inset:auto 0 0;padding:20px 2px 7px;background:linear-gradient(transparent,#000000ad);color:#fff;font-size:13px;font-weight:600;line-height:1.2;text-align:center}.tattoo-style-more{gap:5px;border-style:dashed;background:var(--ts-surface);color:var(--ts-muted)}.tattoo-style-more:not(.tattoo-style-more-preview) .tattoo-style-quick-label{position:static;padding:0;background:none;color:inherit}.tattoo-style-more[aria-pressed=true]{border-style:solid}.tattoo-style-quick-card .tattoo-style-check{top:5px;right:5px;color:var(--ts-text)}@media(hover:hover)and (pointer:fine){.tattoo-style-quick-card:hover:not(:disabled),.tattoo-style-card:hover:not(:disabled){border-color:var(--ts-primary)}.tattoo-style-quick-card:active:not(:disabled):not(:focus-visible),.tattoo-style-card:active:not(:disabled):not(:focus-visible){transform:scale(.97)}}.tattoo-style-hint{font-size:12px;font-weight:400;color:var(--ts-muted)}.tattoo-style-dialog{width:min(520px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;padding:24px;gap:20px}.tattoo-style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tattoo-style-card{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;padding:10px 10px 14px;gap:8px;border:1px solid var(--ts-control-border);border-radius:var(--ts-radius-control);background:var(--ts-surface);cursor:pointer;transition:border-color .15s var(--ts-ease),background .15s var(--ts-ease)}.tattoo-style-card[aria-pressed=true]{border-color:var(--ts-accent);background:var(--ts-accent-soft);box-shadow:inset 0 0 0 1px var(--ts-accent)}.tattoo-style-art{position:relative;display:grid;place-items:center;width:100%;height:150px;overflow:hidden;border-radius:7px;background:#fff}.tattoo-style-art img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}.tattoo-style-none .tattoo-style-art{background:transparent;color:var(--ts-muted);height:124px}.tattoo-style-card-label{font-size:14px;font-weight:500;text-align:center}.tattoo-style-check{position:absolute;top:10px;right:10px;padding:2px;color:var(--ts-primary);background:var(--ts-accent);border-radius:50%}.tattoo-style-card:focus-visible,.tattoo-style-quick-card:focus-visible{outline:2px solid var(--ts-primary);outline-offset:3px}@media(max-width:480px){.tattoo-style-quick-grid{gap:8px}.tattoo-style-quick-label{font-size:12px}.tattoo-style-dialog{padding:20px}.tattoo-style-art{height:125px}.tattoo-style-none .tattoo-style-art{height:99px}.tattoo-style-grid{gap:10px}}@media(prefers-reduced-motion:reduce){.tattoo-style-card,.tattoo-style-quick-card{transition:none}}.tattoo-generation-loading{position:absolute;inset:0;z-index:1;pointer-events:none}.tattoo-generation-loading>div:first-child{position:absolute;inset:0;background:var(--loader-overlay-color);pointer-events:none;will-change:clip-path,opacity}.tattoo-generation-loading>canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.tattoo-generation-loading.is-exiting{opacity:0;transition:opacity .23s ease-out}@media(prefers-reduced-motion:reduce){.tattoo-generation-loading.is-exiting{transition:none}}.tattoo-model-label{display:block;font-size:14px;font-weight:500;margin-bottom:8px}.tattoo-model-trigger{width:100%;min-height:48px;padding:0 12px;display:flex;align-items:center;gap:12px;border:1px solid var(--ts-control-border);border-radius:8px;background:var(--ts-bg);font-size:16px;font-weight:500;text-align:left;cursor:pointer}.tattoo-model-trigger>span:first-child{flex:1}.tattoo-model-trigger[data-popup-open]{border-color:var(--ts-primary)}.tattoo-model-trigger:disabled{cursor:default}.tattoo-model-trigger>svg{flex-shrink:0}.tattoo-credit-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;gap:4px;min-width:52px;padding:2px 8px;border:1px solid var(--ts-border);border-radius:24px;background:var(--ts-surface);color:var(--ts-text);font-size:14px;font-weight:500;line-height:22px;font-variant-numeric:tabular-nums;white-space:nowrap}.tattoo-credit-badge svg{flex-shrink:0;width:18px;height:18px}.tattoo-model-menu{width:var(--anchor-width);max-width:calc(100vw - 32px);padding:8px;gap:0;border:1px solid var(--ts-border);border-radius:12px;background:var(--ts-bg);color:var(--ts-text);box-shadow:var(--ts-shadow-popup);animation:none}.tattoo-model-caption{margin:0;padding:4px 12px 8px;color:var(--ts-muted);font-size:12px;line-height:20px}.tattoo-model-row{display:flex;align-items:center;border-radius:8px;padding-right:4px}.tattoo-model-row[data-selected=true]{background:var(--ts-accent-soft)}.tattoo-model-choice{display:flex;flex:1;align-items:center;gap:8px;min-width:0;min-height:52px;padding:0 12px;background:transparent;border:0;border-radius:8px;text-align:left;font-size:16px;cursor:pointer}.tattoo-model-choice[aria-pressed=true]{font-weight:600}.tattoo-model-choice .tattoo-credit-badge{margin-left:auto}.tattoo-model-info{display:grid;place-items:center;width:36px;height:44px;padding:0;background:transparent;border:0;color:var(--ts-muted);cursor:pointer}.tattoo-model-info:hover{background:transparent}.tattoo-model-info>span{width:17px;height:17px;border:1px solid currentColor;border-radius:50%;font-size:12px;font-weight:600;line-height:15px;text-align:center}.tattoo-model-tooltip{position:absolute;top:calc(100% + 8px);right:0;width:100%;padding:16px;border-radius:8px;background:var(--ts-primary);color:var(--ts-on-primary);box-shadow:var(--ts-shadow-popup);font-size:14px;line-height:1.5}.tattoo-model-row[data-locked=true]{color:var(--ts-muted)}.tattoo-model-locked{color:inherit;text-decoration:none}.tattoo-model-locked>svg{flex-shrink:0}.tattoo-model-trigger:focus-visible,.tattoo-model-choice:focus-visible,.tattoo-model-locked:focus-visible,.tattoo-model-info:focus-visible{outline:2px solid var(--ts-focus);outline-offset:2px}.tattoo-generate-with-cost{gap:12px;font-size:18px}.tattoo-generate-with-cost .tattoo-credit-badge{min-width:60px;border:0;background:#080b1114;color:inherit;font-size:16px;font-weight:600;line-height:24px}.tattoo-generate-with-cost .tattoo-credit-badge svg{width:20px;height:20px}.tattoo-prompt-shell--compact{border:1px solid var(--ts-control-border);border-radius:12px;background:var(--ts-card, #fff);transition:border-color .15s,box-shadow .15s}.tattoo-prompt-shell--compact:focus-within{border-color:var(--ts-primary)}.tattoo-prompt-shell--compact textarea{height:112px;min-height:112px;field-sizing:fixed;resize:none;overflow-y:auto;border:0;border-radius:12px 12px 0 0;padding:14px 16px 6px;background:transparent;box-shadow:none;outline:none}.tattoo-prompt-shell--compact textarea:focus-visible{box-shadow:none;outline:none;border:0}.tattoo-prompt-shell--compact .tattoo-prompt-tools{margin-top:0;padding:0 8px 4px}.tattoo-parameter-toolbar{display:flex;align-items:center;gap:6px;margin:4px 8px 0;padding:6px 8px 8px;border-top:1px solid var(--ts-border)}.tattoo-parameter-divider{width:1px;height:17px;background:var(--ts-border)}.tattoo-model-field--compact .tattoo-model-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.tattoo-parameter-trigger,.tattoo-model-field--compact .tattoo-model-trigger{display:flex;align-items:center;justify-content:center;gap:8px;min-height:38px;width:auto;padding:6px 8px;border:0;border-radius:8px;background:transparent;font-size:14px;font-weight:500;white-space:nowrap;cursor:pointer;transition:background .15s,color .15s,transform .14s var(--ts-ease)}.tattoo-parameter-trigger:disabled,.tattoo-model-field--compact .tattoo-model-trigger:disabled{opacity:.5;cursor:default}.tattoo-parameter-trigger[data-popup-open],.tattoo-model-field--compact .tattoo-model-trigger[data-popup-open]{background:var(--ts-accent-soft);color:var(--ts-accent-ink)}.tattoo-parameter-trigger:focus-visible{outline:2px solid var(--ts-focus);outline-offset:2px}.tattoo-parameter-dot{color:var(--ts-muted);padding-inline:4px}.tattoo-parameter-menu.tattoo-advanced-menu,.tattoo-parameter-menu.tattoo-model-menu--compact{width:328px;max-width:calc(100vw - 32px);max-height:var(--available-height);overflow-y:auto;padding:18px;gap:0;background:#fff;color:var(--ts-text);border:1px solid var(--ts-border);border-radius:16px;box-shadow:var(--ts-shadow-popup);outline:none;--tw-ring-shadow: 0 0 #0000}.tattoo-parameter-menu{animation:none;transform-origin:var(--transform-origin);opacity:1;transform:translateY(0) scale(1);transition:opacity .2s cubic-bezier(.23,1,.32,1),transform .22s cubic-bezier(.23,1,.32,1)}.tattoo-model-menu.tattoo-model-menu--compact{overflow:visible}.tattoo-parameter-menu[data-starting-style],.tattoo-parameter-menu[data-ending-style]{opacity:0;transform:translateY(-8px) scale(.97)}.tattoo-parameter-menu[data-side=top][data-starting-style],.tattoo-parameter-menu[data-side=top][data-ending-style]{transform:translateY(8px) scale(.97)}.tattoo-parameter-menu-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.tattoo-parameter-menu-heading h2{font-size:16px;line-height:24px;font-weight:600}.tattoo-parameter-close{display:grid;place-items:center;width:32px;height:32px;flex:none;padding:0;border:0;border-radius:50%;background:var(--ts-surface);cursor:pointer;transition:transform .14s var(--ts-ease),background .15s}.tattoo-parameter-close:focus-visible{outline:2px solid var(--ts-focus);outline-offset:2px}.tattoo-advanced-menu fieldset+fieldset{margin-top:20px}.tattoo-advanced-menu legend{font-size:13px;color:var(--ts-muted);font-weight:500;margin-bottom:10px}.tattoo-advanced-menu .tattoo-options{position:relative;isolation:isolate;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:4px;border-radius:12px;background:var(--ts-surface)}.tattoo-advanced-menu .tattoo-options:before{inset-block:4px;left:4px;width:calc((100% - 20px) / 3);background:var(--ts-accent);border:1px solid rgb(80 112 21 / 15%);border-radius:8px;box-shadow:0 1px 3px #0000000f;transform:translate(calc(var(--ts-choice, 0) * (100% + 6px)));transition:transform .26s cubic-bezier(.16,1,.3,1);z-index:0}.tattoo-advanced-menu .tattoo-options[aria-label="Aspect ratio"]{--ts-choice: var(--ratio-index)}.tattoo-advanced-menu .tattoo-options[aria-label=Resolution]{--ts-choice: var(--resolution-index)}.tattoo-advanced-menu .tattoo-option{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:10px 8px;border:1px solid transparent;border-radius:8px;background:transparent;font-size:14px;box-shadow:none}.tattoo-advanced-menu .tattoo-option[data-selected=true]{background:transparent;border-color:transparent;box-shadow:none;color:var(--ts-primary)}.tattoo-advanced-menu .tattoo-option:has([data-slot=radio-group-item]:focus-visible){outline:2px solid var(--ts-focus);outline-offset:2px}.tattoo-advanced-menu [data-slot=radio-group-item]{position:absolute;inset:0;opacity:0;width:100%;height:100%;pointer-events:auto;z-index:2}.tattoo-advanced-menu [data-slot=radio-group-item]:after{display:none}.tattoo-advanced-menu .tattoo-ratio{width:20px;height:20px;border-width:1.5px;border-radius:3px}.tattoo-advanced-menu .tattoo-ratio[data-ratio="2:3"]{width:15px}.tattoo-advanced-menu .tattoo-ratio[data-ratio="3:2"]{width:26px}.tattoo-advanced-menu .tattoo-option>span{transition:transform .14s var(--ts-ease)}.tattoo-advanced-menu .tattoo-option[data-incompatible=true]{opacity:.4;cursor:not-allowed}.tattoo-advanced-menu .tattoo-locked-option{flex-direction:row}.tattoo-advanced-menu .tattoo-field-error{margin-top:8px}@media(hover:hover){.tattoo-parameter-trigger:hover:not(:disabled),.tattoo-model-field--compact .tattoo-model-trigger:hover:not(:disabled){background:var(--ts-surface)}.tattoo-advanced-menu .tattoo-option:not([data-selected=true]):not([data-incompatible=true]):hover{background:#ffffff61}}.tattoo-parameter-trigger:active:not(:disabled),.tattoo-model-field--compact .tattoo-model-trigger:active:not(:disabled),.tattoo-parameter-close:active{transform:scale(.96)}.tattoo-advanced-menu .tattoo-option:active:not([data-incompatible=true])>span{transform:scale(.91)}.tattoo-parameter-menu[data-keyboard=true],.tattoo-parameter-menu[data-keyboard=true] *,.tattoo-parameter-menu[data-keyboard=true] :before{transition:none}@media(max-width:767px){.tattoo-parameter-toolbar{gap:2px;padding-inline:2px}.tattoo-parameter-trigger,.tattoo-model-field--compact .tattoo-model-trigger{min-height:42px}.tattoo-parameter-menu.tattoo-advanced-menu,.tattoo-parameter-menu.tattoo-model-menu--compact{padding:16px}.tattoo-parameter-close{width:36px;height:36px}}@media(prefers-reduced-motion:reduce){.tattoo-parameter-menu,.tattoo-parameter-menu *,.tattoo-parameter-menu :before,.tattoo-parameter-trigger,.tattoo-model-field--compact .tattoo-model-trigger{transition:none!important;animation:none!important}}