.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}