/* Visual appearance surfaces have no playback timers or continuously animated effects. */
.kit-appearance-surface{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:4/3;min-width:0;overflow:hidden;border-radius:16px;background:#020f40}
.kit-appearance-surface>.module-kit-graphic{display:block;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:4/3;margin:0!important;object-fit:contain}
.kit-appearance-surface>.kit-photo-graphic{overflow:visible;touch-action:manipulation}
.kit-photo-graphic image{pointer-events:none}
.kit-photo-graphic .kit-photo-hit-area{fill:transparent;stroke:transparent;stroke-width:2;vector-effect:non-scaling-stroke;pointer-events:all}
.kit-photo-graphic .kit-photo-response{fill:#47beff;fill-opacity:0;stroke:#75d4ff;stroke-width:3;stroke-opacity:0;opacity:1;filter:none;pointer-events:none;vector-effect:non-scaling-stroke;transition:stroke-opacity 100ms ease,fill-opacity 100ms ease}
.kit-photo-graphic .kit-photo-pad{outline:none;transform:none;filter:none}
.kit-photo-graphic .kit-photo-pad[data-action]{cursor:pointer}
.kit-photo-graphic .kit-photo-pad:not([data-action]){cursor:default}
.kit-photo-graphic .kit-photo-pad[data-action]:hover .kit-photo-response{stroke-opacity:.75;fill-opacity:.045}
.kit-photo-graphic .kit-photo-pad:focus-visible .kit-photo-response{stroke:#fff;stroke-width:3;stroke-opacity:1;fill-opacity:.1}
.kit-photo-graphic .kit-photo-pad:is(.received,.demo-hit) .kit-photo-response{stroke-opacity:1;fill-opacity:.2;filter:none;animation:none}
.kit-photo-graphic .kit-photo-pad[data-action]:active .kit-photo-response{stroke-opacity:1;fill-opacity:.25}
.kit-photo-graphic .kit-photo-chip{fill:#081a4e;fill-opacity:.95;stroke:#6888b3;stroke-width:1.5;vector-effect:non-scaling-stroke}
.kit-photo-graphic .kit-photo-chip-icon{stroke:#9bdcff;stroke-width:6;stroke-linecap:round;fill:none;pointer-events:none}
.kit-photo-graphic .kit-photo-chip-label{font:500 42px system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;fill:#eef7ff;pointer-events:none}
.kit-appearance-picker{margin:14px 0 0;padding:0;border:1px solid #334d7b;border-radius:12px;background:#0a174c;color:#edf6ff;overflow:hidden}
.kit-appearance-picker>summary{display:flex;align-items:center;gap:12px;min-height:48px;padding:12px 14px;list-style:none;cursor:pointer;font-size:13px;font-weight:600}
.kit-appearance-picker>summary::-webkit-details-marker{display:none}
.kit-appearance-picker>summary:hover{background:#112357}
.kit-appearance-current{margin-inline-start:auto;color:#b0c9e7;font-size:12px;font-weight:400;text-align:end;min-width:0;overflow-wrap:anywhere}
.kit-appearance-chevron{display:block;flex:0 0 16px;inline-size:16px;block-size:16px;align-self:center;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transform-origin:center;transition:transform 140ms ease}
.kit-appearance-picker[open] .kit-appearance-chevron{transform:rotate(180deg)}
.kit-appearance-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:3px 12px 12px}
.kit-appearance-options .kit-appearance-option{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;min-width:0;min-height:44px;padding:0;border:1px solid #3b517c;border-radius:9px;overflow:hidden;background:#0c194a;color:#d5e6fa;box-shadow:none;text-align:left;cursor:pointer;white-space:normal;transform:none;transition:border-color 120ms ease,background-color 120ms ease}
.kit-appearance-option img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;pointer-events:none}
.kit-appearance-option>span:not(.kit-appearance-check){display:block;padding:8px 9px;font-size:11px;font-weight:500;line-height:1.35;min-height:42px;overflow-wrap:anywhere}
.kit-appearance-options .kit-appearance-option:hover{border-color:#90d6ff;background:#132b5e;color:#fff;transform:none}
.kit-appearance-options .kit-appearance-option[aria-pressed="true"]{border-color:#47beff;box-shadow:inset 0 0 0 1px #47beff;background:#123467;color:#fff}
.kit-appearance-check{position:absolute;top:6px;right:6px;display:none;width:20px;height:20px;place-items:center;border-radius:50%;background:#47beff;color:#001534;font-size:13px;font-weight:800;box-shadow:0 1px 6px #0006}
.kit-appearance-option[aria-pressed="true"] .kit-appearance-check{display:grid}
.kit-appearance-picker>summary:focus-visible,.kit-appearance-options .kit-appearance-option:focus-visible{outline:3px solid #e5f6ff;outline-offset:-3px}
.kit-appearance-hint{margin:0;padding:0 14px 12px;color:#aac2df;font-size:11px;line-height:1.45}
@media(max-width:600px){.kit-appearance-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kit-appearance-option>span:not(.kit-appearance-check){font-size:12px;min-height:36px}.kit-appearance-surface{border-radius:12px}}
@media(prefers-reduced-motion:reduce){.kit-photo-graphic .kit-photo-response,.kit-appearance-chevron,.kit-appearance-options .kit-appearance-option{transition:none}}
@media(prefers-reduced-transparency:reduce){.kit-photo-graphic .kit-photo-chip{fill-opacity:1}}
@media(forced-colors:active){.kit-photo-graphic .kit-photo-response{forced-color-adjust:none;stroke:Highlight}.kit-photo-graphic .kit-photo-pad:focus-visible .kit-photo-response{stroke:Highlight}.kit-appearance-options .kit-appearance-option[aria-pressed="true"]{outline:2px solid Highlight}.kit-appearance-check{forced-color-adjust:none;background:Highlight;color:HighlightText}}

.kit-photo-graphic{animation:kit-art-ready 140ms ease-out both}@keyframes kit-art-ready{from{opacity:.88}to{opacity:1}}@media(prefers-reduced-motion:reduce){.kit-photo-graphic{animation:none}}

/* The default photo is visible before the selected playable artwork is decoded. */
.kit-appearance-surface>.kit-loading-image{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}
.kit-appearance-surface[data-kit-preparing]>.kit-loading-image{display:block}
.kit-appearance-surface[data-kit-preparing]>.module-kit-graphic{visibility:hidden;pointer-events:none}