.cimg-app{display:flex;flex-direction:column;min-height:0;height:100%;gap:8px}.cimg-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:8px}.cimg-toolbar strong{margin-right:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:210px}.cimg-layout{display:flex;flex:1;min-height:0;overflow:hidden}.cimg-stage{flex:1;min-width:0;overflow:auto;display:flex;align-items:center;justify-content:center;background:repeating-conic-gradient(#292f34 0% 25%,#22272c 0% 50%) 50%/20px 20px;padding:20px}.cimg-canvas{flex:none;object-fit:contain;box-shadow:0 8px 28px #0008;touch-action:none}.cimg-layers{display:none;width:235px;flex:none;overflow-y:auto;padding:12px;background:#171e25;color:#f4f7f9;border-left:1px solid #ffffff22;gap:8px;flex-direction:column}.cimg-editing .cimg-layers{display:flex}.cimg-layer{display:flex;align-items:center;gap:6px;padding:5px;border:1px solid #ffffff18;border-radius:7px;cursor:pointer;min-height:34px}.cimg-layer.chosen{background:#285064;border-color:#56b2b9}.cimg-layer-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.cimg-control{display:flex;flex-direction:column;gap:4px;font-size:12px}.cimg-control input,.cimg-control select{width:100%}.cimg-app .image-info{padding:5px 12px;font-size:12px}