.move-tool { flex: 0 0 32px; }
.move-tool img { width: 20px; height: 20px; }
.move-mode .grid-cell { cursor: grab; }
.move-mode .grid-cell:active { cursor: grabbing; }
.move-mode .grid-cell.shape-selected { background: rgba(87, 77, 221, .13); box-shadow: inset 0 0 0 2px #574ddd; }
.move-mode .grid-cell.selection-region { background: rgba(87, 77, 221, .16); box-shadow: inset 0 0 0 1px rgba(87, 77, 221, .65); }
.move-mode .grid-cell.shape-selected.selection-region { box-shadow: inset 0 0 0 2px #574ddd; }
.project-controls { display:flex; align-items:center; gap:8px; margin-left:auto; min-width:0; }
.project-name-input { width:150px; min-width:70px; border:1px solid #dedbff; border-radius:7px; background:#fff; color:#201c4a; padding:5px 8px; font:inherit; font-size:12px; }
.project-save-button { white-space:nowrap; border:0; border-radius:7px; background:#4840ba; color:#fff; padding:6px 10px; font-size:11px; cursor:pointer; }
.project-save-status { font-size:10px; color:#4840ba; max-width:165px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.layer-drag-handle { flex:0 0 12px; color:#a4a3b4; font-size:13px; letter-spacing:-4px; cursor:grab; user-select:none; }
.layer-row:active .layer-drag-handle { cursor:grabbing; }
.layer-row.layer-drop-target { border-color:#574ddd; background:#f1f0ff; }
.layer-actions { width:36px; flex:0 0 36px; display:grid; grid-template-columns:16px 16px; gap:3px; }
.layer-rename-button img { width:15px; height:15px; }
.layer-rename-input { min-width:0; flex:1 1 auto; width:0; padding:5px; border:1px solid #574ddd; border-radius:6px; font-size:12px; }
.auto-select-toggle { display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; color: #515151; font-size: 10px; cursor: pointer; user-select: none; }
.auto-select-toggle input { accent-color: #4840ba; width: 13px; height: 13px; margin: 0; cursor: pointer; }
.layer-hidden-note { font-size: 9px; color: #8c89a3; white-space: nowrap; }
.layer-locked .paint-controls, .layer-locked .mode-control { opacity: .4; pointer-events: none; }
.layer-locked .layer-row.hidden.active { background: #f6f6fa; }
/* The original stylesheet used a root-relative mask, which misses this subdirectory deployment. */
.reference-pattern-fill { -webkit-mask-image: url("./reference-union.svg"); mask-image: url("./reference-union.svg"); }
@media (max-width: 620px) { .auto-select-toggle span { display: none; } .layer-hidden-note { font-size: 8px; } .project-name-input { width:82px; } .project-save-status { display:none; } }