.tat2omni-booking.t20-skin{font-family:inherit;font-size:inherit;isolation:isolate}
.t20-skin,.t20-skin *{box-sizing:border-box}.t20-skin [hidden]{display:none!important}
.t20-skin-heading{margin-bottom:1.6em}.t20-skin-heading>span,.t20-skin-eyebrow{font-size:.7em;letter-spacing:.14em;font-weight:750;color:var(--tat2omni-main)}
.t20-skin-heading h2{font-size:clamp(1.8em,3vw,2.8em);line-height:1.12;margin:.25em 0 .45em;color:var(--tat2omni-ink)}
.t20-skin p{font-size:1em;line-height:1.65;color:var(--tat2omni-muted);margin:.5em 0 1em}
.t20-skin-search{display:grid;gap:.4em;font-size:.88em;font-weight:650;margin-bottom:1.4em;max-width:30em}
.t20-skin input[type=search]{font:inherit;width:100%;padding:.85em 1em;color:var(--tat2omni-ink);background:var(--tat2omni-control);border:1px solid var(--tat2omni-border-accent);border-radius:12px}
.t20-skin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr));gap:12px}
.t20-skin button{font:inherit;cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none;margin:0;line-height:1.35;color:var(--tat2omni-ink)}
.t20-skin button:focus-visible,.t20-skin input:focus-visible{outline:3px solid var(--tat2omni-main);outline-offset:3px}
.t20-skin button.t20-skin-ink{border:1px solid color-mix(in srgb,var(--tat2omni-border-accent) 45%,var(--tat2omni-surface));border-radius:16px;background:var(--tat2omni-surface);padding:16px;display:flex;gap:10px;align-items:center;text-align:left;min-width:0;min-height:76px;transition:border-color .18s,transform .18s}
.t20-skin-ink:hover{border-color:var(--tat2omni-main)!important;transform:translateY(-2px)}.t20-skin-ink>svg{width:52px;height:52px;flex:none}.t20-skin-ink>span:not(.t20-skin-arrow){font-size:.92em;overflow-wrap:anywhere;font-weight:650}.t20-skin-arrow{margin-left:auto;color:var(--tat2omni-main)}
.t20-skin .t20-skin-disclaimer{font-size:.8em;line-height:1.6;margin-top:1.4em}
.t20-skin-dialog{padding:0;border:1px solid var(--tat2omni-border-accent);border-radius:22px;width:min(720px,calc(100% - 24px));max-width:calc(100% - 24px);max-height:calc(100dvh - 32px);background:var(--tat2omni-surface);color:var(--tat2omni-ink);font:inherit;box-shadow:var(--tat2omni-shadow);overflow:hidden}
.t20-skin-dialog[open]{display:flex;flex-direction:column}.t20-skin-dialog::backdrop{background:rgb(0 0 0 / .68)}
.t20-skin-dialog>header,.t20-skin-dialog>footer{padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex:none}
.t20-skin-dialog>header{border-bottom:1px solid var(--tat2omni-line)}.t20-skin-dialog h3{font-size:1.5em;line-height:1.2;margin:.2em 0 0;color:var(--tat2omni-ink);overflow-wrap:anywhere}
.t20-skin-dialog>header button{min-width:44px;min-height:44px;border:1px solid var(--tat2omni-line);background:var(--tat2omni-surface-alt);border-radius:12px;padding:.5em}
.t20-skin-content{padding:12px 22px 18px;overflow:auto;overscroll-behavior:contain;min-height:0}
.t20-skin-tones{display:flex;flex-wrap:wrap;gap:8px;margin:.35em 0 .6em}
.t20-skin-tones button{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;min-height:68px;min-width:60px;padding:7px;border:2px solid var(--tat2omni-line);border-radius:12px;background:var(--tat2omni-surface-alt);font-size:.65em}
.t20-skin-tones button[aria-checked=true]{border-color:var(--tat2omni-main);box-shadow:0 0 0 1px var(--tat2omni-main)}.t20-skin-tones i{width:28px;height:28px;border-radius:50%;border:1px solid var(--tat2omni-line);display:grid;place-items:center;font-style:normal}
.t20-skin-labels{position:absolute;top:10px;left:10px;right:10px;z-index:3;pointer-events:none;display:flex;justify-content:space-between;gap:.6em;font-size:.75em;color:var(--tat2omni-ink);margin:0}.t20-skin-labels>span{max-width:47%;padding:.3em .65em;border-radius:8px;background:var(--tat2omni-surface);border:1px solid var(--tat2omni-line);font-weight:650;line-height:1.4;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.t20-skin .t20-skin-instructions{margin:.3em 0 .45em;line-height:1.5;font-size:.9em}
/* Color canvases are intentionally independent of site appearance. */
.t20-skin-stage{position:relative;aspect-ratio:1.25;max-height:42dvh;border-radius:16px;overflow:hidden;touch-action:none;background:#fff;isolation:isolate}
.t20-skin-original,.t20-skin-result{position:absolute;inset:0;background:#fff;display:grid;place-items:center}.t20-skin-stage svg{height:100%;width:100%;display:block;max-width:none;max-height:none}.t20-skin-result{clip-path:inset(0 0 0 50%)}
.t20-skin-divider{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fff;box-shadow:0 0 3px #000;pointer-events:none}.t20-skin-divider>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;display:grid;place-items:center;background:var(--tat2omni-surface);border:2px solid var(--tat2omni-main);border-radius:50%;color:var(--tat2omni-ink);font-size:1.3em}
.t20-skin input.t20-skin-range{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:ew-resize;touch-action:none}.t20-skin-stage:focus-within{outline:3px solid var(--tat2omni-main);outline-offset:3px}
.t20-skin-dialog>footer{border-top:1px solid var(--tat2omni-line);font-size:.8em;background:var(--tat2omni-surface)}.t20-skin button.t20-skin-primary{min-height:44px;padding:.85em 1.3em;border:1px solid var(--tat2omni-main);background:var(--tat2omni-main);color:var(--tat2omni-on-main);border-radius:12px;font-weight:700}
@media(max-width:480px){.t20-skin-dialog>header,.t20-skin-dialog>footer{padding:14px}.t20-skin-content{padding:8px 14px 14px}.t20-skin-dialog>footer>span{max-width:45%}.t20-skin-tones{gap:6px}.t20-skin-tones button{flex:1 0 20%;min-width:0}.t20-skin-stage{aspect-ratio:1}}
@media(prefers-reduced-motion:reduce){.t20-skin-ink{transition:none!important}}

/* Private reference-image tools share the booking palette and inherited typography. */
.t20-skin-heading{display:flex;align-items:start;justify-content:space-between;gap:1em;flex-wrap:wrap}.t20-skin-heading>p{flex-basis:100%;margin-top:0}.t20-skin-heading>div>span{font-size:.7em;letter-spacing:.14em;font-weight:750;color:var(--tat2omni-main)}
.t20-skin-toolbar{display:flex;align-items:flex-end;gap:1.2em;margin-bottom:1.4em}.t20-skin-toolbar .t20-skin-search{flex:1;margin:0;max-width:none}.t20-skin-upload{flex:1;max-width:30em;white-space:normal;text-align:center}
.t20-skin button.t20-skin-tool,.t20-skin-photo-tools button{min-height:44px;min-width:44px;padding:.6em .9em;border:1px solid var(--tat2omni-line);border-radius:12px;background:var(--tat2omni-surface-alt);color:var(--tat2omni-ink)}
.t20-skin-tones button{min-height:48px;min-width:48px;padding:7px;font-size:1em}.t20-skin-tones button i{width:30px;height:30px}
.t20-skin-photo-tools{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.65em;margin-top:.9em}.t20-skin-photo-tools>div{display:flex;align-items:center;gap:.35em;flex-wrap:wrap}.t20-skin-photo-tools button[aria-pressed=true]{border-color:var(--tat2omni-main);color:var(--tat2omni-main);box-shadow:inset 0 0 0 1px var(--tat2omni-main)}.t20-skin-photo-tools output{min-width:3.2em;text-align:center;font-size:.8em}.t20-skin button:disabled{opacity:.45;cursor:default}
.t20-skin-stage.is-photo,.t20-skin-stage.is-photo .t20-skin-original{background:var(--tat2omni-surface-alt)}.t20-skin-stage.is-photo .t20-skin-result{background:transparent}.t20-skin-stage canvas{max-width:none;max-height:none;pointer-events:none}.t20-skin-stage.is-moving{cursor:grab}.t20-skin-stage.is-moving:active{cursor:grabbing}.t20-skin-stage.is-moving input{pointer-events:none}
.t20-skin-help h4{margin:.7em 0 .3em;color:var(--tat2omni-ink);font-size:1.05em}
@media(max-width:640px){.t20-skin-toolbar{flex-direction:column;align-items:stretch}.t20-skin-upload{width:100%;max-width:none}.t20-skin-tones button{flex:none;min-width:44px;min-height:44px;padding:5px}.t20-skin-photo-tools{justify-content:center}.t20-skin-photo-tools>div{justify-content:center}.t20-skin-help>footer>span{display:none}}

.t20-skin-artist{display:grid;gap:.4em;font-size:.88em;font-weight:650;margin:0 0 1em;max-width:30em}.t20-skin select{font:inherit;width:100%;padding:.85em 1em;color:var(--tat2omni-ink);background:var(--tat2omni-control);border:1px solid var(--tat2omni-border-accent);border-radius:12px;min-height:44px}.t20-skin select:focus-visible{outline:3px solid var(--tat2omni-main);outline-offset:3px}.t20-skin select:disabled{opacity:.6}