/* One shared workshop: native outfits, unified armory and a layer-first editor. */
.operator-emote-hint{position:fixed;left:50%;bottom:20%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:12px 18px;background:#071a13e8;border:1px solid #8fffd280;border-radius:8px;color:#d9ffed;z-index:80;font:13px monospace;pointer-events:none}
.operator-emote-bubble{display:inline-block;flex:none;image-rendering:pixelated;background-repeat:no-repeat}
.custom-workspace[data-tab=player]{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,1fr);gap:28px;align-items:start}
.custom-workspace[data-tab=player] .retail-appearance{position:sticky;top:0}
.custom-workspace[data-tab=player] .retail-appearance canvas{height:clamp(280px,48vh,520px);touch-action:none}
.player-tint{display:grid;gap:20px;margin:28px 0}
.player-tint input{accent-color:#8da988;width:100%}
.custom-workspace[data-tab=player] [data-panel=player]{display:flex;flex-direction:column;gap:10px}
.custom-workspace[data-tab=player] [data-panel=player] h2{margin-bottom:4px}
.emote-wheel-setup{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 0;padding:10px;border:1px solid #78988166}
.emote-wheel-setup legend{padding:0 6px;letter-spacing:.12em;font-size:11px;color:#d5e6cf}
.emote-wheel-setup p{grid-column:1/-1;margin:0 0 4px;color:#9bb4a4;font-size:11px}
.crosshair-picker{margin:8px 0 0;padding:10px;border:1px solid #78988166}
.crosshair-picker legend{padding:0 6px;letter-spacing:.12em;font-size:11px;color:#d5e6cf}
.crosshair-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px;max-height:168px;overflow:auto}
.crosshair-grid button{height:44px;border:1px solid #6d8a78;background:#122019;border-radius:6px;padding:4px;color:#d5e6cf}
.crosshair-grid button[aria-pressed=true]{border-color:#d6f0c8;background:#2a4636}
.crosshair-grid img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}
.skin-tone-picker{margin:8px 0 0;padding:10px;border:1px solid #78988166}
.skin-tone-picker legend{padding:0 6px;letter-spacing:.12em;font-size:11px;color:#d5e6cf}
.skin-tone-picker p{margin:0 0 8px;color:#9bb4a4;font-size:11px}
.skin-tone-swatches{display:flex;flex-wrap:wrap;gap:6px}
.skin-tone-swatches button{width:28px;height:28px;border-radius:50%;border:1px solid #ffffff40;background:var(--swatch);padding:0}
.skin-tone-swatches button[aria-pressed=true]{outline:2px solid #fff;outline-offset:1px}
.skin-tone-custom{flex-direction:row;align-items:center;justify-content:space-between}
.skin-tone-custom input{width:42px;height:32px;padding:0;border:0;background:transparent}
.custom-workspace[data-tab=player] .player-tint{margin:4px 0;gap:10px;grid-template-columns:minmax(0,1fr)}
.player-accessories{display:flex;flex-wrap:wrap;gap:12px 24px}
.player-accessories label{flex-direction:row;align-items:center;min-height:32px}
.player-accessories input{accent-color:#93b5a2;width:18px;height:18px}
.player-palette{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px;padding:7px;background:#030a08a6;border:1px solid #a9b6a630;border-radius:7px}
.player-palette button{position:relative;aspect-ratio:1;min-height:24px;min-width:0;padding:0;background:var(--swatch);border:1px solid #ffffff30;border-radius:3px;transition:transform .1s;box-shadow:none}
.player-palette button:hover,.player-palette button:focus-visible{z-index:1;transform:scale(1.22);outline:2px solid #f0f5ea;outline-offset:1px}
.player-palette button[aria-pressed=true]{outline:2px solid #fff;outline-offset:1px;box-shadow:inset 0 0 0 2px #000}
.player-palette button[aria-pressed=true]::after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;color:white;font-size:16px;font-weight:bold;text-shadow:0 1px 2px #000,1px 0 2px #000,-1px 0 2px #000}
.player-palette-tools{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:8px;align-items:center}
.player-palette-tools button{min-height:40px;border:1px solid #a9b6a666;border-radius:5px;background:#11251d;color:#dce6d7;font:inherit;font-size:11px}
.player-palette-tools button[aria-pressed=true]{border-color:#dce6d7;box-shadow:inset 0 -2px #96bba1}
.player-tint .player-custom-color{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:6px;font-size:11px}
.player-tint #player-color-custom{width:34px;height:36px;min-width:34px;padding:2px;border:1px solid #a9b6a666;border-radius:5px;background:#0c1916;cursor:pointer}
.player-tint #player-color-hex{min-width:0;width:100%;box-sizing:border-box;height:40px;padding:6px;font-size:11px;text-transform:uppercase}
.player-tint #player-color-hex[aria-invalid=true]{border-color:#ec9a7a}
.player-hex-label>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.player-color-status{min-height:16px;font-size:10px;letter-spacing:.04em;color:#a8baa9}
.player-color-note{margin:0;font-size:11px;line-height:1.4;color:#a8baa9}
.emblem-editor{grid-template-columns:minmax(150px,210px) minmax(230px,1fr) minmax(140px,190px);gap:20px}
#emblem-stage{width:100%;max-width:360px;outline:1px solid #c19050;box-shadow:0 10px 35px #0007}
#emblem-stage:focus-visible{outline:2px solid #efbc78}
#emblem-layers{max-height:380px;gap:3px;scrollbar-width:thin}
#emblem-layers button{min-height:50px;padding:5px;gap:9px;border-color:transparent;background:#0c1916b8}
#emblem-layers button[aria-pressed=true]{background:#543f2499;border-color:#d9a05d;box-shadow:inset 3px 0 #e7b573}
#emblem-layers .layer-thumbnail{display:block;flex:0 0 36px;width:36px;height:36px}
.layer-thumbnail svg{display:block;width:100%;height:100%}
#emblem-layers .layer-label{display:flex;flex-direction:column;gap:3px;font-size:11px;color:#d8dfd5;text-transform:capitalize;overflow:hidden;text-overflow:ellipsis}
.layer-label small{font-size:9px;letter-spacing:.12em;color:#b7a58b}
.layer-actions button,.emblem-shapes button{min-height:38px;border-radius:3px}
.emblem-shapes{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}
.emblem-shapes button{text-transform:capitalize}
.emblem-palette h3{color:#cba875}
.emblem-stack h2{font-size:14px;display:flex;justify-content:space-between;align-items:center;gap:8px}
#layer-count{font-size:10px;color:#b6ac97;white-space:nowrap}
#layer-controls{gap:8px 14px}
#layer-controls input{accent-color:#ce9d62}
.custom-bottom{border-top:1px solid #9aa78d33;background:#08130e80}
.emblem-editor{padding:18px;background:linear-gradient(135deg,#222928ed,#111717ed);border:1px solid #69726c55;border-top:2px solid #b68852;border-radius:3px}
.emblem-editor h2,.emblem-editor h3{letter-spacing:.12em;color:#e2dccc}
.emblem-tools{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.emblem-tools button{padding:8px 10px;min-height:36px;background:#151b1a;border:1px solid #68716a;color:#dfe4db;font:inherit;font-size:10px;border-radius:2px}
.emblem-tools button[aria-pressed=true]{border-color:#d9a05d;color:#ffd294}
#emblem-stage{position:relative;margin-inline:auto;isolation:isolate}
#emblem-stage.show-grid::after{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#ffffff28 1px,transparent 1px),linear-gradient(90deg,#ffffff28 1px,transparent 1px);background-size:5% 5%}
.emblem-editor .emblem-shapes{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
.emblem-editor .emblem-shapes button{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5px 2px;gap:5px;background:#121a18;border:1px solid #59645b77;min-width:0;font-size:8px;min-height:52px}
.emblem-shapes svg{width:25px;height:25px;fill:#d6dfd0}
.emblem-editor button:hover:not(:disabled){border-color:#e2aa66;background-color:#423629}
.emblem-editor button:focus-visible,.emblem-editor input:focus-visible{outline:2px solid #e2aa66;outline-offset:2px}
.emblem-editor button:disabled{opacity:.35}
.emblem-editor #layer-controls .layer-name{grid-column:1/-1}
.emblem-editor .layer-name input{box-sizing:border-box;min-width:0;width:100%;font:inherit;padding:8px;background:#0e1514;border:1px solid #68716a;color:#e2e8db}
.emblem-editor .emblem-palette>.layer-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding-top:16px;border-top:1px solid #69726c55}
.emblem-editor .import-emblem{min-width:0;display:grid;place-items:center;padding:6px;font-size:10px}
.emblem-editor .emblem-palette>.layer-actions button{font-size:10px;padding:6px}
.emblem-editor #emblem-library{max-height:210px;overflow:auto}
.emblem-editor .editor-hint{font-size:10px;line-height:1.6;color:#b9baa9}
@media(max-width:800px){.emblem-editor{grid-template-columns:minmax(115px,.7fr) minmax(180px,1.3fr)}.custom-workspace[data-tab=player]{grid-template-columns:1fr}.custom-workspace[data-tab=player] .retail-appearance{position:static}.emblem-palette{grid-column:1/-1}#emblem-stage{max-width:320px}}
@media(min-width:801px) and (max-height:760px){#emblem-stage{max-width:250px}#emblem-layers{max-height:300px}}
.emblem-editor>#emblem-host{grid-column:1/-1;min-width:0}
.custom-workspace[data-tab=crosshair] [data-panel=crosshair]{display:flex;flex-direction:column;gap:8px;max-width:760px}
.xh-editor{display:grid;gap:8px}
.xh-preview{display:grid;justify-items:start;gap:6px}
.xh-preview canvas{width:280px;height:160px;background:#121816;border:1px solid #78988166}
.xh-sliders,.xh-toggles,.xh-presets,.xh-actions,.xh-shape-grid{display:flex;flex-wrap:wrap;gap:8px}
.xh-sliders label,.xh-editor>label{display:grid;grid-template-columns:minmax(120px,160px) 1fr auto;gap:8px;align-items:center;font-size:12px}
.xh-toggles label{min-height:44px;display:flex;align-items:center;gap:6px}
.xh-editor button{min-height:44px;min-width:44px}
.xh-note{margin:0;color:#9bb4a4;font-size:12px}
.xh-shape-grid button{width:44px;height:44px;padding:4px}
.xh-shape-grid img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}
.xh-editor textarea{width:100%;font-family:Consolas,monospace}