.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-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-generator{padding-top:32px;padding-bottom:48px}.tattoo-heading{margin-bottom:32px}.tattoo-heading p{margin-top:16px}.tattoo-workspace{display:grid;grid-template-columns:360px minmax(0,1fr);align-items:start;gap:32px}.tattoo-form{display:flex;flex-direction:column;gap:24px}.tattoo-prompt-shell{margin-top:8px}.tattoo-prompt-shell textarea{min-height:208px}.tattoo-prompt-tools{margin-top:8px;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.tattoo-form legend{font-size:14px;font-weight:500;margin-bottom:8px}.tattoo-form .tattoo-options{position:relative;isolation:isolate;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tattoo-options:before{content:"";position:absolute;inset-block:0;left:0;width:calc((100% - 16px) / 3);background:var(--ts-accent-soft);box-shadow:inset 0 -3px var(--ts-accent);border-radius:var(--ts-radius-control);z-index:-1;pointer-events:none;transform:translate(calc(var(--ts-choice, 0) * (100% + 8px)));transition:transform .22s var(--ts-ease)}.tattoo-options:has(>[data-selected=true]:nth-child(2)){--ts-choice: 1}.tattoo-options:has(>[data-selected=true]:nth-child(3)){--ts-choice: 2}.tattoo-option{border:1px solid var(--ts-control-border);border-radius:var(--ts-radius-control);padding:12px 8px;min-height:var(--ts-control-height);justify-content:center;cursor:pointer;gap:8px;transition:border-color .15s var(--ts-ease),background .15s var(--ts-ease)}.tattoo-option[data-selected=true]{border-color:var(--ts-primary);background:transparent}.tattoo-locked-option{display:flex;align-items:center;color:var(--ts-muted);font-size:14px;text-decoration:none}.tattoo-locked-option:hover{border-color:var(--ts-primary);color:var(--ts-primary)}.tattoo-locked-option:focus-visible{outline:2px solid var(--ts-primary);outline-offset:2px}.tattoo-ratio{display:inline-block;width:16px;height:16px;border:1px solid currentColor;border-radius:2px}.tattoo-ratio[data-ratio="2:3"]{width:12px;height:18px}.tattoo-ratio[data-ratio="3:2"]{width:18px;height:12px}.tattoo-privacy{display:flex;align-items:center;justify-content:space-between;min-height:44px}.tattoo-public-note{margin-top:-16px;font-size:14px;color:var(--ts-muted)}.tattoo-field-error{color:var(--ts-error);font-size:14px;margin-top:8px}.tattoo-result{overflow:hidden;border:1px solid var(--ts-border);border-radius:var(--ts-radius-panel);background:var(--ts-card);scroll-margin-top:var(--ts-nav-height)}.tattoo-canvas{height:464px;position:relative;display:flex;justify-content:center;align-items:center;padding:16px}@media(min-width:1024px){.tattoo-result{position:sticky;top:calc(var(--ts-nav-height) + 16px);display:flex;flex-direction:column;height:min(900px,calc(100dvh - var(--ts-nav-height) - 32px))}.tattoo-canvas{flex:1;min-height:0;height:auto}.tattoo-result>:not(.tattoo-canvas){flex-shrink:0}}.tattoo-preview{width:100%;height:100%;object-fit:contain}.tattoo-form{scroll-margin-top:calc(var(--ts-nav-height) + 24px)}.tattoo-preview[data-loaded]{transition:opacity .28s var(--ts-ease)}.tattoo-preview[data-loaded=false]{opacity:0}.tattoo-preview[data-loaded=true]{opacity:1}@media(prefers-reduced-motion:reduce){.tattoo-preview[data-loaded]{transition:none}}.tattoo-previous-preview{position:absolute;inset:16px;width:calc(100% - 32px);height:calc(100% - 32px);object-fit:contain;opacity:.35}.tattoo-loading-overlay{position:absolute;inset:0;z-index:1;background:color-mix(in srgb,var(--ts-surface) 75%,transparent)}.tattoo-loading-overlay>svg{color:var(--ts-primary);background:var(--ts-accent);padding:8px;width:48px;height:48px;border-radius:50%}.tattoo-prompt-tools button svg{transition:transform .2s var(--ts-ease)}@media(hover:hover){.tattoo-prompt-tools button:hover svg{transform:rotate(-15deg) scale(1.1)}.tattoo-history-art:hover{transform:translateY(-3px)}.tattoo-option:hover{background:var(--ts-accent-soft)}}.tattoo-example-label{position:absolute;left:16px;top:16px;padding:4px 8px;font-size:14px;color:var(--ts-muted);background:var(--ts-bg);border-radius:var(--ts-radius-control);z-index:1}.tattoo-result-actions{min-height:80px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--ts-card);border-top:1px solid var(--ts-border)}.tattoo-saved{display:flex;gap:8px;align-items:center;color:var(--ts-muted);font-size:14px}.tattoo-result[aria-busy=false] .tattoo-result-actions{animation:tattoo-actions-enter .2s var(--ts-ease)}@keyframes tattoo-actions-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.tattoo-result[aria-busy=false] .tattoo-result-actions{animation:none}}.tattoo-result-buttons{display:flex;gap:8px}.tattoo-back{display:none}.tattoo-history{margin-top:48px}.tattoo-history-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.tattoo-history-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.tattoo-history-art{position:relative;aspect-ratio:1;padding:8px;overflow:hidden;border:1px solid var(--ts-border);border-radius:var(--ts-radius-panel);background:var(--ts-bg);transition:border-color var(--ts-motion-fast) var(--ts-ease),transform .2s var(--ts-ease)}.tattoo-history-art:hover{border-color:var(--ts-primary)}.tattoo-history-art img{height:100%;width:100%;object-fit:contain}.tattoo-history-privacy{position:absolute;bottom:8px;right:8px;background:var(--ts-bg);padding:4px;border-radius:var(--ts-radius-control);color:var(--ts-muted)}.tattoo-status{height:100%;width:100%;display:flex;flex-direction:column;gap:16px;justify-content:center;align-items:center;text-align:center;padding:24px}.tattoo-zoom{width:min(800px,calc(100vw - 48px));max-width:none}.tattoo-zoom img{width:100%;max-height:80vh;object-fit:contain}.tattoo-history-error{display:flex;align-items:center;gap:16px;margin-bottom:16px}@media(max-width:1023px){.tattoo-workspace{grid-template-columns:1fr}.tattoo-canvas{height:auto;aspect-ratio:1}.tattoo-history-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tattoo-back{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;background:var(--ts-bg);border-top:1px solid var(--ts-border);font-size:14px}}@media(max-width:767px){.tattoo-generator{padding-top:24px}.tattoo-heading{margin-bottom:24px}.tattoo-heading h1{max-width:340px}.tattoo-prompt-shell textarea{min-height:184px}.tattoo-workspace{gap:24px}.tattoo-canvas{padding:8px}.tattoo-result-actions{padding:12px}.tattoo-history-heading{align-items:start;gap:8px}.tattoo-history-grid{gap:8px}.tattoo-history-art{padding:4px}}.tattoo-option[data-incompatible=true]{opacity:.4;cursor:not-allowed}.hp-tutorial{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}.hp-tutorial-list{display:flex;flex-direction:column;min-height:570px;border-top:1px solid var(--ts-border)}.hp-tutorial-item{border-bottom:1px solid var(--ts-border)}.hp-tutorial-item h3{margin:0}.hp-tutorial-trigger{display:flex;align-items:center;gap:14px;width:100%;padding:21px 0;border:0;background:none;color:var(--ts-muted);font-size:22px;font-weight:600;line-height:1.3;letter-spacing:-.025em;text-align:left;cursor:pointer;transition:color .16s ease,background-color .16s ease}.hp-tutorial-trigger:hover{background:#edf0e8;color:var(--ts-primary)}.hp-tutorial-trigger:active{background:#e6eddb}.hp-tutorial-trigger[aria-expanded=true]{color:var(--ts-primary)}.hp-tutorial-trigger:focus-visible{outline:2px solid var(--ts-focus);outline-offset:3px}.hp-tutorial-number{display:grid;flex:0 0 29px;place-items:center;height:29px;border-radius:50%;background:var(--ts-surface);font-size:14px;font-weight:400;transition:background-color .18s ease,color .18s ease}.hp-tutorial-trigger[aria-expanded=true] .hp-tutorial-number{background:var(--ts-accent);color:var(--ts-primary)}.hp-tutorial-symbol{position:relative;flex:0 0 18px;height:18px;margin-left:auto}.hp-tutorial-symbol:before,.hp-tutorial-symbol:after{content:"";position:absolute;width:14px;height:2px;background:currentColor;top:8px;left:2px}.hp-tutorial-symbol:after{transform:rotate(90deg);transition:transform .22s cubic-bezier(.16,1,.3,1),opacity .22s ease}.hp-tutorial-trigger[aria-expanded=true] .hp-tutorial-symbol:after{transform:rotate(0);opacity:0}.hp-tutorial-panel{overflow:hidden}.hp-tutorial-copy{padding:0 12px 23px 43px;color:var(--ts-muted);font-size:15px;line-height:1.7}.hp-tutorial-perspective{perspective:1100px;position:sticky;top:90px;min-width:0}.hp-tutorial-perspective>.hp-tutorial-art{aspect-ratio:1}.hp-tutorial-image-layer{position:absolute;inset:0}.hp-tutorial-panel p+p{margin-top:12px}.hp-tutorial-art{position:relative;min-width:0;margin:0;overflow:hidden;border:1px solid var(--ts-border);border-radius:18px;background:#fff}.hp-tutorial-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.hp-tutorial-mobile{display:none}.hp-tutorial-art img.hp-tutorial-style-crop{object-fit:contain;object-position:center;background:#cecece}@media(max-width:767px){.hp-tutorial{display:block}.hp-tutorial-list{min-height:0}.hp-tutorial-item{display:block}.hp-tutorial-trigger{gap:10px;padding:19px 0;font-size:20px}.hp-tutorial-copy{padding:0 0 20px 39px}.hp-tutorial-desktop{display:none}.hp-tutorial-mobile{display:block;aspect-ratio:1;margin:20px 0 0 -39px}.hp-tutorial-number{flex-basis:28px;height:28px}}@media(prefers-reduced-motion:reduce){.hp-tutorial-trigger,.hp-tutorial-number,.hp-tutorial-symbol:after{transition:none}}