.gxd-tattoo-grid{display:grid;grid-template-columns:minmax(250px,290px) minmax(0,1fr) minmax(320px,380px)}@media (min-width: 1280px){.gxd-tattoo-grid{grid-template-columns:minmax(260px,300px) minmax(340px,1fr) minmax(420px,44%)}}@media (min-width: 1700px){.gxd-tattoo-grid{grid-template-columns:minmax(280px,320px) minmax(420px,1fr) minmax(520px,46%)}}.gxd-tattoo-wrap input{accent-color:var(--accent);width:14px;height:14px;flex-shrink:0}.gxd-tattoo-layers{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;gap:3px;max-height:236px;overflow-y:auto;padding-right:2px}.gxd-tattoo-layer{display:flex;align-items:center;gap:6px;min-height:36px;padding:3px 4px 3px 3px;border-radius:7px;border:1px solid var(--border-subtle);background:var(--surface-1);cursor:pointer;outline:none}.gxd-tattoo-layer:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--border-subtle))}.gxd-tattoo-layer:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.gxd-tattoo-layer.is-active{border-color:color-mix(in srgb,var(--accent) 60%,transparent);background:var(--accent-soft)}.gxd-tattoo-layer.is-selected{border-color:#7fd0ff99;background:#7fd0ff1a}.gxd-tattoo-layer.is-hidden .gxd-tattoo-thumb,.gxd-tattoo-layer.is-hidden .gxd-tattoo-layer__name{opacity:.45}.gxd-tattoo-thumb{width:28px;height:28px;border-radius:5px;flex-shrink:0;border:1px solid var(--border-subtle)}.gxd-tattoo-layer__name{flex:1;min-width:0;font-size:10.5px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gxd-tattoo-layer__name small{display:block;font-size:9px;color:var(--text-muted)}.gxd-tattoo-icon-btn{width:24px;height:24px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;border:0;background:transparent;color:var(--text-secondary);cursor:pointer}.gxd-tattoo-icon-btn:hover{background:var(--surface-hover, rgba(255,255,255,.06));color:var(--text-primary)}.gxd-tattoo-icon-btn.is-on{color:#ffb02e}.gxd-tattoo-icon-btn svg{width:13px;height:13px}.gxd-tattoo-layer-menu{position:relative;display:inline-flex}.gxd-tattoo-menu{position:absolute;right:0;top:100%;z-index:40;margin-top:2px;min-width:132px;display:grid;padding:3px;border-radius:8px;border:1px solid var(--border-strong, var(--border-subtle));background:var(--surface-1);box-shadow:0 10px 28px #00000073}.gxd-tattoo-menu button{display:flex;align-items:center;gap:7px;height:28px;padding:0 8px;border:0;border-radius:6px;background:transparent;color:var(--text-primary);font-size:11px;text-align:left;cursor:pointer}.gxd-tattoo-menu button:hover:not(:disabled){background:var(--surface-hover, rgba(255,255,255,.06))}.gxd-tattoo-menu button:disabled{opacity:.4;cursor:default}.gxd-tattoo-menu button.is-danger{color:var(--error, #ff6b6b)}.gxd-tattoo-menu svg{width:13px;height:13px}.gxd-tattoo-range .gxd-range{gap:2px;font-size:10px;color:var(--text-muted)}.gxd-tattoo-range .gxd-num{color:var(--text-primary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.gxd-tattoo-range input[type=range]{width:100%;accent-color:var(--accent)}.gxd-uvzoom{position:relative;overflow:hidden;touch-action:none}.gxd-uvzoom__content{position:absolute;inset:0;transform-origin:0 0;will-change:transform}.gxd-uvzoom__pan{position:absolute;inset:0;z-index:2}.gxd-uvzoom-bar{position:absolute;left:6px;bottom:6px;z-index:3;display:flex;gap:2px;padding:2px;border-radius:8px;background:#080a0eb8;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(6px)}.gxd-uvzoom-bar button{height:24px;min-width:24px;padding:0 6px;border:0;border-radius:6px;background:transparent;color:#ffffffd9;font-size:10px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.gxd-uvzoom-bar button:hover:not(:disabled){background:#ffffff1a}.gxd-uvzoom-bar button:disabled{opacity:.35;cursor:default}.gxd-uvzoom-bar svg{width:13px;height:13px}.gxd-uvzoom-pct{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;min-width:42px!important}.gxd-tattoo-icon-btn.gxd-tattoo-del:hover{color:var(--error, #ff6b6b);background:color-mix(in srgb,var(--error, #ff6b6b) 14%,transparent)}.gxd-tattoo-delete-btn{border-color:color-mix(in srgb,var(--error, #ff6b6b) 45%,var(--border-subtle));color:var(--error, #ff6b6b);background:transparent}.gxd-tattoo-delete-btn:hover{background:color-mix(in srgb,var(--error, #ff6b6b) 12%,transparent)}.gxd-tattoo-workspace .gxd-tattoo-body{display:block;width:100%;max-width:190px;height:auto;margin:-2px auto 6px}.gxd-tattoo-workspace .gxd-tattoo-zone{cursor:pointer;outline:none}.gxd-tattoo-workspace .gxd-tattoo-zone circle,.gxd-tattoo-workspace .gxd-tattoo-zone rect{fill:var(--surface-1);stroke:var(--border-strong, rgba(255,255,255,.25));stroke-width:1.2;transition:fill .12s,stroke .12s}.gxd-tattoo-workspace .gxd-tattoo-zone.has-ink circle,.gxd-tattoo-workspace .gxd-tattoo-zone.has-ink rect{fill:color-mix(in srgb,var(--success, #3ecf8e) 16%,var(--surface-1))}.gxd-tattoo-workspace .gxd-tattoo-zone:hover circle,.gxd-tattoo-workspace .gxd-tattoo-zone:hover rect,.gxd-tattoo-workspace .gxd-tattoo-zone:focus-visible circle,.gxd-tattoo-workspace .gxd-tattoo-zone:focus-visible rect{stroke:var(--accent);fill:color-mix(in srgb,var(--accent) 14%,var(--surface-1))}.gxd-tattoo-workspace .gxd-tattoo-zone.is-active circle,.gxd-tattoo-workspace .gxd-tattoo-zone.is-active rect{fill:color-mix(in srgb,var(--accent) 38%,var(--surface-1));stroke:var(--accent);stroke-width:1.8}.gxd-tattoo-workspace .gxd-tattoo-zone-badge circle{fill:var(--success, #3ecf8e);stroke:#0000008c;stroke-width:1}.gxd-tattoo-workspace .gxd-tattoo-zone-badge text{fill:#08110c;font:700 7.5px system-ui,sans-serif}.gxd-tattoo-workspace .gxd-tattoo-body-cap{fill:var(--text-muted);font:600 7px system-ui,sans-serif;letter-spacing:.08em}.gxd-tattoo-workspace .gxd-tattoo-zones{display:grid;grid-template-columns:1fr 1fr;gap:3px}.gxd-tattoo-workspace .gxd-tattoo-zone-chip{display:flex;align-items:center;gap:4px;min-height:28px;padding:0 7px;border-radius:6px;border:1px solid var(--border-subtle);background:var(--surface-1);font-size:10.5px;text-align:left;color:var(--text-primary)}.gxd-tattoo-workspace .gxd-tattoo-zone-chip:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--border-subtle))}.gxd-tattoo-workspace .gxd-tattoo-zone-chip.is-active{border-color:color-mix(in srgb,var(--accent) 65%,transparent);background:var(--accent-soft);color:var(--accent)}.gxd-tattoo-workspace .gxd-tattoo-count{margin-left:auto;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--success, #3ecf8e);color:#08110c;font-size:9.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.gxd-tattoo-workspace .gxd-tattoo-tools,.gxd-tattoo-workspace .gxd-tattoo-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}.gxd-tattoo-workspace .gxd-tattoo-tools button,.gxd-tattoo-workspace .gxd-tattoo-actions button{min-height:38px;padding:3px 2px;border-radius:6px;border:1px solid var(--border-subtle);background:var(--surface-1);color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:9.5px;line-height:1.1}.gxd-tattoo-workspace .gxd-tattoo-tools button svg,.gxd-tattoo-workspace .gxd-tattoo-actions button svg{width:14px;height:14px}.gxd-tattoo-workspace .gxd-tattoo-tools button:hover:not(:disabled),.gxd-tattoo-workspace .gxd-tattoo-actions button:hover:not(:disabled){color:var(--text-primary);border-color:color-mix(in srgb,var(--accent) 35%,var(--border-subtle))}.gxd-tattoo-workspace .gxd-tattoo-tools button.is-on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.gxd-tattoo-workspace .gxd-tattoo-tools button:disabled,.gxd-tattoo-workspace .gxd-tattoo-actions button:disabled{opacity:.35;cursor:default}.gxd-tattoo-workspace .gxd-tattoo-actions button.gxd-tattoo-delete-btn{color:var(--error, #ff6b6b)}.gxd-tattoo-workspace .gxd-tattoo-more{border-top:1px solid var(--border-subtle);padding-top:6px}.gxd-tattoo-workspace .gxd-tattoo-more>summary{cursor:pointer;font-size:10px;color:var(--text-secondary);list-style:none;display:flex;align-items:center;gap:5px;user-select:none}.gxd-tattoo-workspace .gxd-tattoo-more>summary::-webkit-details-marker{display:none}.gxd-tattoo-workspace .gxd-tattoo-more>summary:before{content:"▸";font-size:9px;color:var(--text-muted);transition:transform .12s}.gxd-tattoo-workspace .gxd-tattoo-more[open]>summary:before{transform:rotate(90deg)}.gxd-tattoo-workspace .gxd-tattoo-more>summary:hover{color:var(--text-primary)}.gxd-tattoo-workspace .gxd-tattoo-panel-head{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:6px;font-size:10px;font-weight:600}.gxd-tattoo-workspace .gxd-tattoo-hint{margin-top:4px;font-size:10px;line-height:1.35;color:var(--text-muted)}.gxd-tattoo-workspace .gxd-tattoo-sublabel{font-size:10px;color:var(--text-muted);margin-bottom:3px}.gxd-tattoo-workspace .gxd-tattoo-mini-btn{height:22px;padding:0 8px;border-radius:6px;border:1px solid var(--border-subtle);font-size:9.5px;font-weight:500;color:var(--text-secondary);background:transparent}.gxd-tattoo-workspace .gxd-tattoo-mini-btn:disabled{opacity:.35}.gxd-tattoo-workspace .gxd-tattoo-switch{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px 0 3px;border-radius:11px;border:1px solid var(--border-subtle);background:var(--surface-1);font-size:9.5px;font-weight:600;color:var(--text-muted)}.gxd-tattoo-workspace .gxd-tattoo-switch>span{width:22px;height:14px;border-radius:7px;background:var(--border-strong, rgba(255,255,255,.2));position:relative;transition:background .12s}.gxd-tattoo-workspace .gxd-tattoo-switch>span:after{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:#fff;transition:transform .12s}.gxd-tattoo-workspace .gxd-tattoo-switch.is-on{border-color:color-mix(in srgb,var(--accent) 60%,transparent);color:var(--accent);background:var(--accent-soft)}.gxd-tattoo-workspace .gxd-tattoo-switch.is-on>span{background:var(--accent)}.gxd-tattoo-workspace .gxd-tattoo-switch.is-on>span:after{transform:translate(8px)}.gxd-tattoo-workspace .gxd-tattoo-seg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}.gxd-tattoo-workspace .gxd-tattoo-seg--3,.gxd-tattoo-workspace .gxd-tattoo-seg--wrap{grid-template-columns:repeat(3,minmax(0,1fr))}.gxd-tattoo-workspace .gxd-tattoo-seg button{min-height:26px;padding:2px 4px;border-radius:6px;border:1px solid var(--border-subtle);background:var(--surface-1);color:var(--text-secondary);font-size:10px;line-height:1.15}.gxd-tattoo-workspace .gxd-tattoo-seg button:hover{color:var(--text-primary);border-color:color-mix(in srgb,var(--accent) 35%,var(--border-subtle))}.gxd-tattoo-workspace .gxd-tattoo-seg button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.gxd-tattoo-workspace .gxd-tattoo-swatches{display:grid;gap:3px}.gxd-tattoo-workspace .gxd-tattoo-swatches__label{font-size:10px;color:var(--text-muted)}.gxd-tattoo-workspace .gxd-tattoo-swatches__row{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.gxd-tattoo-workspace .gxd-tattoo-swatch{width:20px;height:20px;border-radius:50%;border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 0 0 1px #00000059;cursor:pointer;flex-shrink:0}.gxd-tattoo-workspace .gxd-tattoo-swatch[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:2px}.gxd-tattoo-workspace .gxd-tattoo-swatch-picker{width:34px;height:22px;margin-left:2px;border-radius:6px;border:1px solid var(--border-subtle);background:transparent;padding:0;cursor:pointer}.gxd-tattoo-workspace .gxd-tattoo-outline input[type=checkbox]{accent-color:var(--accent)}