/* The catalog editor extends the shared 3D viewer and both site themes. */
.skin-studio{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;margin:24px 0}.skin-stage{min-width:0}.skin-studio-viewer{height:440px;border:1px solid var(--line,#39413b);border-radius:16px;overflow:hidden;margin:16px 0;background:#0c181a}.skin-studio-viewer canvas{display:block;width:100%;height:100%;touch-action:none}.skin-camera{flex-wrap:wrap}.skin-camera label{min-width:130px}.skin-palette{max-height:920px;overflow:auto;padding:18px;border:1px solid var(--line,#39413b);border-radius:16px;background:var(--surface,#171c1d)}.skin-region{padding:10px 0;border-bottom:1px solid var(--line,#39413b);display:grid;grid-template-columns:1fr auto;gap:7px}.skin-region>label{display:flex;align-items:center;gap:10px}.skin-region input[type=color]{width:46px;height:46px;padding:3px;flex:none;border-radius:10px}.skin-region small{display:block;font-size:.72rem;opacity:.7;margin-top:3px}.skin-region.selected small{color:#ebbd62;opacity:1}.skin-region details{grid-column:1/-1;font-size:.75rem}.skin-region details input{min-width:0;width:100%}.skin-region details .row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.skin-region>button{padding:4px 10px;align-self:start}.skin-stage select{width:100%;min-width:0}.skin-stage .grid>label{min-width:0}.skin-palette h3{margin-top:0}.skin-studio-viewer:focus-within{outline:2px solid #e6b252;outline-offset:3px}@media(max-width:900px){.skin-studio{grid-template-columns:1fr}.skin-palette{max-height:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.skin-palette>h3,.skin-palette>p{grid-column:1/-1}.skin-studio-viewer{height:360px}}@media(max-width:480px){.skin-palette{grid-template-columns:1fr}.skin-studio-viewer{height:290px}.skin-camera button{padding:8px}.skin-stage .grid{grid-template-columns:1fr}}

.skin-studio-readonly [data-clear],.skin-studio-readonly details{display:none}.skin-studio-readonly .skin-region{grid-template-columns:1fr}.skin-studio-readonly input:disabled{opacity:1}