.bl-page{padding-bottom:3rem}.bl-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.bl-count{font-size:.9rem;font-weight:700;color:var(--accent)}.bl-layout{display:grid;grid-template-columns:220px 1fr;gap:1.25rem;align-items:start}.bl-palette{border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1rem;background:rgba(255,255,255,.02)}.bl-palette-hint{font-size:.78rem;color:var(--text-secondary);line-height:1.45;margin-bottom:.75rem}.bl-palette-grid{display:flex;flex-direction:column;gap:.4rem}.bl-pal-item{display:flex;align-items:center;gap:.5rem;padding:.45rem .55rem;border:1px solid rgba(255,255,255,.12);border-left-width:4px;border-radius:8px;background:rgba(0,0,0,.18);color:var(--text-primary);font-size:.82rem;text-align:left;cursor:pointer;transition:background .15s ease,transform .1s ease}.bl-pal-item:hover{background:rgba(255,255,255,.06)}.bl-pal-item.active{background:rgba(255,165,0,.14);outline:1px solid var(--accent)}.bl-pal-swatch{width:16px;height:16px;flex:0 0 16px;border-radius:4px;border:1px solid rgba(0,0,0,.35)}.bl-pal-name{flex:1 1;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bl-pal-size{font-size:.7rem;color:var(--text-secondary);font-weight:700;white-space:nowrap}.bl-pal-clear{margin-top:.75rem;width:100%}.bl-grid-wrap{min-width:0}.bl-grid{position:relative;display:grid;width:100%;max-width:640px;aspect-ratio:1/1;margin:0 auto;border:2px solid rgba(255,255,255,.18);border-radius:8px;background-color:rgba(255,255,255,.015);background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 0);background-size:5% 5%;touch-action:none;overflow:hidden}.bl-grid.placing{cursor:copy}.bl-tile{position:absolute;display:flex;align-items:center;justify-content:center;padding:1px;border:1px solid rgba(0,0,0,.4);border-radius:4px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.15);color:#fff;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;box-sizing:border-box;overflow:hidden}.bl-tile:active{cursor:grabbing}.bl-tile.selected{outline:2px solid var(--accent);outline-offset:-1px;z-index:5}.bl-tile-label{font-size:.62rem;font-weight:700;line-height:1.05;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.7);pointer-events:none;overflow:hidden;word-break:break-word}.bl-notice{font-weight:600;color:#ffb347}.bl-notice,.bl-selinfo{margin-top:.7rem;font-size:.8rem;text-align:center}.bl-selinfo{color:var(--text-secondary)}.bl-selinfo strong{color:var(--text-primary)}@media (max-width:760px){.bl-layout{grid-template-columns:1fr}.bl-palette-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.bl-pal-clear{grid-column:1/-1}}@media (max-width:600px){.bl-toolbar{flex-direction:column;align-items:stretch}.bl-toolbar .ux-buttons{justify-content:stretch}.bl-toolbar .ux-btn{flex:1 1}.bl-tile-label{font-size:.55rem}}