.pcm-layouts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.pcm-layout-btn{padding:.5rem;font-size:.75rem;font-weight:600;border-radius:var(--r-sm);border:1.5px solid var(--border);background:var(--bg-input);color:var(--text-2);cursor:pointer;transition:all .2s;text-align:center}.pcm-layout-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.pcm-layout-btn.active{border-color:var(--accent);color:var(--accent-contrast);background:var(--accent)}.pcm-slots-grid{width:100%;aspect-ratio:4/3;display:grid;gap:var(--spacing, 10px);padding:var(--spacing, 10px);background:var(--bg-color, #0b0f1e);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;box-shadow:0 4px 20px #00000059}.pcm-slot{position:relative;background:var(--surface-2);border:1.5px dashed var(--border);border-radius:var(--radius, 6px);display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;transition:all .2s}.pcm-slot:hover{border-color:var(--accent);background:var(--accent-soft)}.pcm-slot-img{width:100%;height:100%;object-fit:cover}.pcm-slot-remove{position:absolute;top:.5rem;right:.5rem;width:24px;height:24px;border-radius:50%;background:var(--surface);border:1px solid var(--border);color:var(--red);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.pcm-slot-remove:hover{background:var(--red);color:#fff}