.layout-tiles { display: grid; grid-template-columns: 240px 1fr 220px; }
.tiles-bar { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 8px; padding: 12px 16px; border-bottom: 1px solid var(--border); background: #fafcff; }
.tile { border: 1px solid var(--border); border-radius: 10px; background: var(--panel); padding: 10px; text-align: left; cursor: pointer; font-size: 11px; line-height: 1.35; min-height: 64px; }
.tile small { display: block; color: var(--muted); font-size: 10px; margin-bottom: 4px; text-transform: uppercase; }
.tile.active { border-color: #6366f1; background: #eef2ff; box-shadow: 0 0 0 2px rgba(99,102,241,.15); }
.tile:disabled { opacity: .4; cursor: not-allowed; }
.editor-mock { flex: 1; min-height: 340px; }