.workshop-layout{display:grid;grid-template-columns:minmax(270px,1fr) minmax(250px,1fr);gap:24px;align-items:start}.workshop-preview{height:420px;width:100%;border:1px solid #3b5058;border-radius:7px;overflow:hidden;background:#192a34}.workshop-preview canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.workshop-preview canvas:active{cursor:grabbing}.workshop-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.workshop-actions button,.workshop-slot button,.workshop-catalog button{background:#1b303c;color:#d5e2e9;border:1px solid #3d5665;border-radius:4px;padding:9px;cursor:pointer;font:12px Arial}.workshop-actions input,.workshop-actions select,.workshop-filters input,.workshop-filters select,.workshop-presets textarea{min-width:0;max-width:100%;box-sizing:border-box;background:#12212b;color:#e8eef1;border:1px solid #3b515e;border-radius:4px;padding:10px;font:12px Arial}.workshop-actions select{max-width:240px}.workshop-slot{display:flex;align-items:center;gap:9px;flex-wrap:wrap;border-bottom:1px solid #304550;padding:10px 0;min-height:34px;font:12px Arial}.workshop-slot>small{width:65px;color:#9fb1bd}.workshop-slot>strong{flex:1;min-width:95px}.workshop-slot label{display:flex;align-items:center;gap:5px;font-size:11px}.workshop-slot input[type=color]{width:30px;height:26px;padding:0;background:none;border:0}.workshop-pocket{padding:8px 10px;margin:6px 0;border:1px solid #304550;display:flex;gap:10px;justify-content:space-between;font-size:11px;color:#b9cbd5}.workshop-filters{display:flex;gap:12px;margin-bottom:18px}.workshop-filters input{flex:1}.workshop-catalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:10px}.workshop-category{grid-column:1/-1;color:#e8c490;font:600 20px var(--display);margin:16px 0 4px}.workshop-catalog button{display:flex;align-items:center;flex-direction:column;gap:7px;min-height:115px}.workshop-catalog button img{width:70px;height:60px;object-fit:contain}.workshop-catalog button small{font-size:10px;color:#91a8b7;overflow-wrap:anywhere}.workshop-catalog button[aria-pressed=true]{border-color:#dfb87d;background:#293a32}.workshop-presets textarea{width:100%;font:12px monospace}.workshop-message{color:#e8c490;position:sticky;bottom:0;background:#10212c;padding:12px;border-radius:4px}.workshop-message:empty{display:none}.workshop-equipment h3{font-size:15px;color:#b9cbd5}.workshop-controls .launcher-field{margin:12px 0}
@media(max-width:1100px){.workshop-layout{grid-template-columns:1fr}.workshop-preview{height:390px}.workshop-filters{flex-wrap:wrap}.workshop-pocket{flex-wrap:wrap}.workshop-slot>strong{min-width:85px}}