.racer-studio{margin:24px 0;border:1px solid #8d793d;border-radius:8px;background:#101616;grid-column:1/-1;color:#eee}.racer-studio>summary{padding:18px;cursor:pointer;font-weight:800;color:#ffce59;background:#21241d}.studio-body{padding:20px}.studio-body>p{margin:12px 0}.studio-layout{display:grid;grid-template-columns:minmax(260px,1fr) minmax(280px,1fr);gap:24px}.studio-preview canvas{width:100%;max-height:640px;object-fit:contain;display:block;touch-action:none;background:#101716;border:1px solid #64685b}.studio-preview .btn{margin:10px 8px 0 0}.studio-controls label{display:grid;gap:6px;margin:10px 0}.racer-studio input:not([type=checkbox]),.racer-studio select{width:100%;padding:9px;background:#080e10;color:#eee;border:1px solid #677069}.racer-studio input[type=color]{height:42px}.racer-studio input[type=range]{padding:0}.race-editor-section{border:1px solid #4a524b;border-radius:5px;margin:15px 0}.race-editor-section>summary{padding:13px;cursor:pointer;background:#1e292a;font-weight:bold}.race-editor-body{padding:14px}.studio-controls .btn{display:inline-block;padding:8px;font-size:12px;margin:5px}.studio-controls output{color:#ffd364;font-size:12px}.studio-library{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:12px;max-height:520px;overflow:auto;padding:8px}.studio-library button{background:#161e21;color:#fff;border:1px solid #65716c;padding:6px;cursor:pointer}.studio-library button:hover,.studio-library button:focus-visible{border-color:#ffd65b;outline:2px solid #ffd65b}.studio-library img{width:100%;height:140px;object-fit:cover}.studio-library span{display:block;font-size:11px;margin:7px 0}.studio-body [role=status]{border-left:3px solid #e6c058;padding:12px;background:#22281e}.studio-controls p{font-size:13px;color:#bdc5c2}.racer-studio .race-field-help{font-size:12px}.racer-studio button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:760px){.studio-layout{grid-template-columns:1fr}.studio-body{padding:12px}.studio-preview canvas{max-height:480px}}